Embed Your Shop

Add your shop to Ghost via the API or by pasting embed code.

Option 1: Auto-publish to Ghost (recommended)

If you've connected your Ghost Admin API key, you can publish your shop straight from Mytho. It's the tidier route, and it saves you the copy-and-paste.

1. Go to Storefront in your dashboard
2. Customize your theme and display settings
3. On the Shop Code tab, set your Page slug (e.g. shop)
4. Click Publish to Ghost
5. Your shop is live at yoursite.com/shop

Any change you make to the storefront theme updates the published page automatically.

Option 2: Paste the embed code

1. Go to Storefront → Shop Code in your dashboard
2. Click Copy code
3. In Ghost Admin, create a new page
4. Add an HTML card
5. Paste the embed code
6. Publish the page

Adding the cart button

The cart button is a separate snippet. It drops a floating cart icon onto every page of your site.

1. Go to Storefront → Cart Code
2. Copy the cart widget code
3. In Ghost Admin, go to Settings → Code injection
4. Paste the code into the Site footer section
5. Click Save

Customizing appearance

Go to Storefront → Theme to change how your shop looks. A save bar sits at the bottom of the page; it flags unsaved changes until you click Save theme. You can adjust:

• Colors: background, card, text, borders, accent, and sale badge
• Fonts: heading and body fonts from Google Fonts
• Button style: square, rounded, or pill
• Display options: stock badges, tag pills, and product click behavior

What happens when a customer clicks a product

It depends on whether Ghost is connected:

• With Ghost connected: clicking a product card opens its full Ghost product page. Turn on Show Quick View in Display Options to add a small eye button that opens a quick popup preview instead.
• Without Ghost: clicking a product card opens a popup with the product details.