Skip to content

Shopify

On Shopify you add the widget to your theme's main layout file so it loads on every storefront page.

Add it to your theme #

  1. From your admin, go to Online Store → Themes.
  2. On your current theme, click ⋯ → Edit code.
  3. Open layout/theme.liquid.
  4. Paste the snippet just before the closing </body> tag:
html
<script
  src="https://api.plotap.com/widget.js"
  data-key="hx_pub_your_key_here"
  defer
></script>
  1. Save. Because theme.liquid wraps every page, the widget is now live across your store.

Duplicate your theme first

Before editing code, use ⋯ → Duplicate to keep a backup of the working theme. If anything looks off, you can revert in one click.

The data-key is your public key and is safe in your storefront's HTML; it only works from the origins you allow. See Quotas, origins & keys and the general Installation steps.