Shopify

Theme editor

The easiest way to add the widget without editing code is through the theme editor.

Open the theme editor

In your Shopify admin, go to Online Store → Themes. Click Customize on your active theme.

Add a Custom Liquid block

In the left panel, click Add section (or select an existing section). Choose Custom Liquid from the list.

Paste the script

Paste the script into the Custom Liquid field.

<script
  src="https://app.audyr.com/widget/widget.min.js"
  data-token="YOUR_TOKEN">
</script>

Save

Click Save. The widget will appear on your storefront immediately.

To load the widget across your entire store, edit your theme’s theme.liquid file directly.

Open the code editor

In your Shopify admin, go to Online Store → Themes. Click the three-dot menu next to your active theme and select Edit code.

Open theme.liquid

Under the Layout folder, click theme.liquid.

Add the script

Find the closing </body> tag and paste the script directly before it.

layout/theme.liquid

<script
  src="https://app.audyr.com/widget/widget.min.js"
  data-token="YOUR_TOKEN">
</script>

Save

Click Save. The widget will now load on every page of your store.

If you’re using a third-party theme, consider editing a child theme or duplicating the theme before making code changes.