Shopify

Embed Wiqly on your storefront — sitewide or on specific product pages.

Shopify lets you embed Wiqly either sitewide via your theme code, or on specific pages via a custom Liquid block.

Sitewide (theme code)

Best if you want the widget on every page.

  1. From your Shopify admin, go to Online Store → Themes
  2. Find your active theme and click Actions → Edit code
  3. In the Layout folder, open theme.liquid
  4. Find the closing </body> tag near the bottom of the file
  5. Paste your Wiqly embed script just before it
  6. Click Save

The widget now appears on every page of your store — homepage, collections, products, cart, checkout.

Specific pages only

Best if you only want the widget on, say, your pricing page or one product page.

  1. Go to Online Store → Pages
  2. Open the page you want to embed on
  3. Click the </> (Show HTML) button in the content editor
  4. Paste your embed script at the bottom of the HTML
  5. Save

For product pages specifically, edit the product description in the same way.

Specific collections or product types

If you want the widget on, say, only your "Subscription" products:

  1. Edit theme.liquid as in the sitewide method
  2. Wrap the script in a conditional:
  <script src="https://cdn.wiqly.io/widget.js" data-widget-id="your-token" async></script>

Adjust the condition (template.name, product.type, product.tags contains 'foo') to fit your case.

Checkout

You can't embed Wiqly in Shopify Checkout unless you're on Shopify Plus (which exposes the checkout for custom code). On standard Shopify, the checkout flow runs on a Shopify-owned domain that doesn't accept third-party scripts.

Troubleshooting

  • Widget appears on the checkout — that's actually impossible (see above) unless you're seeing it on the cart, which is different. Cart pages support the embed.
  • Widget appears twice — you've pasted the embed in more than one place. Remove duplicates.
  • Widget doesn't appear on a custom-coded theme — some custom themes don't include {{ content_for_footer }} in the Liquid footer. Make sure the script tag is actually rendering — view the page source to check.