Documentation

Shopify

Step-by-step guide to embed widgets in Shopify.

Step 1: Copy the Embed Code

  1. In the top-right corner of the editor, click the Embed button
    Embed button

  2. A popup window will appear with your embed code. Click the Copy Code button
    Embed window

Step 2: Add the Embeddable to Shopify

The next steps will be completed inside the Shopify website editor. Make sure you're logged into your Shopify admin panel.


1. Open the Online Store Theme Editor

In your Shopify admin, click Online Store, then click Themes.
Click the Customize button next to your current theme.

Customize theme


2. Select the Page to Edit

Use the dropdown at the top of the editor to choose the page where you want to add the Embeddable.

Select page


3. Add a New Section

Click Add section in the left panel.

Add section


4. Choose “Custom Liquid”

Scroll down and select the Custom Liquid section.

Choose Custom Liquid


5. Paste Your Embed Code

Click the Custom Liquid section to open its settings. Paste your embed code into the Liquid code box.

Paste embed code


6. Save Your Changes

Click the Save button in the top-right corner to publish the changes.

Save changes

💡 Tip: The Embeddable might not show inside the theme editor preview, but it will appear on your live site after publishing.

On this page