Shopify
Step-by-step guide to embed widgets in Shopify.
Step 1: Copy the Embed Code
-
In the top-right corner of the editor, click the Embed button
-
A popup window will appear with your embed code. Click the Copy Code button
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.
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.
3. Add a New Section
Click Add section in the left panel.
4. Choose “Custom Liquid”
Scroll down and select the Custom Liquid section.
5. Paste Your Embed Code
Click the Custom Liquid section to open its settings. Paste your embed code into the Liquid code box.
6. Save Your Changes
Click the Save button in the top-right corner to publish the changes.
💡 Tip: The Embeddable might not show inside the theme editor preview, but it will appear on your live site after publishing.