Shopify
Method 1 — Theme Editor
- Log in to your Shopify admin
- Go to Online Store → Themes
- Click Actions → Edit Code on your active theme
- Open Layout → theme.liquid
- Find
</body>and paste just above it
liquid
<!-- In theme.liquid, just before </body> -->
<script
src="https://cdn.signalog.co/widget.js"
data-site-id="YOUR_SITE_ID">
</script>
</body>- Click Save
Method 2 — Shopify Theme App Extension (advanced)
For more control, create a theme app extension. This is optional and only needed if you want to:
- Conditionally show the widget based on customer tag or page type
- Pass the Site ID as a theme setting
- Distribute Signalog through the Shopify App Store
Shopify-specific notes
- Storefront only. The widget appears on all customer-facing pages. It does not appear in the Shopify admin.
- Checkout pages. On Shopify Plus, you can extend the widget to the checkout via Checkout UI Extensions. On non-Plus stores, the widget is hidden from
/checkouts/*URLs automatically by Shopify (customer data on checkout is locked down). - Customer privacy. Submissions through the widget are only visible to you in your Signalog dashboard. Shopify does not see them.