How to Add an Embed to Your Shopify Site

To add an embed, do the following:

1. In your Shopify admin, go to Online Store > Themes

2. Click "Edit Code" on your current theme

3. In the left sidebar, open layout/theme.liquid

4. Just before the closing body tag, paste this script tag:

<script src="https://js.sonikit.com/v1/embed.js?key={PROJECT_KEY}" type="module"></script>

5. Click Save

6. Go to Online Store > Pages (or navigate to the product/custom page where you'd like the embed)

7. Edit the page where the pre-save should appear

8. In the content editor, click the "Show HTML" button

9. Paste the Sonikit embed code:

<div class="sonikit-patch" data-id={PATCH_ID}></div>

10. Save the page

11. Preview your store to confirm the embed is working correctly