To add AutoSocialProof to Shopify, paste your campaign pixel into your theme's theme.liquid file, just before the closing </head> tag. Widgets then load on every storefront page that uses the theme.
You need: Any Shopify plan with an online store theme, and your campaign pixel from the AutoSocialProof dashboard.
<script defer src="https://app.autosocialproof.com/pixel/YOUR_PIXEL_KEY.js"></script>Steps
- In Shopify admin, open Online Store, then Themes.
- Next to your live theme, open the actions menu (three dots) and choose Edit code.
- In the Layout folder, open theme.liquid.
- Find the closing </head> tag and paste your AutoSocialProof pixel line just above it.
- Click Save, then open your store in a private window to check that a widget appears.
Menu names can change. Shopify's own help: official guide.
Show real orders or signups
For recent sales, create a webhook in Shopify admin under Settings, Notifications, Webhooks with the event "Order creation" and your widget's webhook URL as the destination. Shopify sends a large, nested order body; open the widget's Data tab after a test order to see the exact field names received, or route orders through Zapier or Make and send simple fields such as name, city and product.
Good to know
Theme updates or switching themes replace theme.liquid. Re-add the line if you change themes.
Shopify's checkout pages do not load theme code, so widgets show on storefront pages, not inside checkout.
Duplicate the theme before editing code if you want a safe rollback.
Other platforms
- WordPress and WooCommerce
- Wix
- Squarespace
- Webflow
- HighLevel funnels and websites
- Google Tag Manager
- Any HTML website
Ready? Create a free account or log in to follow along.
