Install Visisto on Shopify
Edit theme.liquid to add the Visisto tracking script. Takes under 2 minutes, no Shopify app required.
- A Shopify store on any plan (including Basic)
- Access to your Shopify admin (Online Store → Themes)
- Your Visisto Site Key. Go to Sites → [your site] → Manage Site → Advanced options
Your install snippet
Replace YOUR_SITE_ID with your Site Key from the dashboard under Sites → [your site] → Install → Advanced options. Paste both script blocks before the closing </head> tag.
<script>
window.__VISISTO__ = {
site: "YOUR_SITE_ID",
api: "https://api.visisto.com"
};
</script>
<script
src="https://cdn.visisto.com/loader.js"
data-site="YOUR_SITE_ID"
data-api="https://api.visisto.com"
defer
></script>Step-by-step installation
- 1Go to Online Store → Themes in Shopify admin
From your Shopify admin sidebar, navigate to Online Store → Themes.
- 2Click ⋯ (Actions) → Edit Code
Next to your active theme, click the three-dot menu and choose Edit Code.
- 3Open Layout → theme.liquid
In the left file tree, click Layout → theme.liquid to open the main template file.
- 4Find </head> and paste the snippet before it
Use Ctrl+F (or ⌘+F on Mac) to search for </head>. Paste the Visisto snippet on the line immediately above it.
- 5Click Save
Click the Save button in the top-right corner of the code editor.
- 6Preview your store to verify
Click Preview next to your theme, visit a product page, and confirm the widget appears as expected.
- Paste into theme.liquid, not a section file, so the script loads on every page of your store.
- Works on product pages, collection pages, the cart, checkout (where permitted), and landing pages.
- Shopify clears its own CDN cache automatically, so no manual cache-clear is needed after saving.
- If you switch themes, remember to re-add the snippet to the new theme's theme.liquid file.
Other platform guides
Ready to capture your first contact?
Start free. No credit card required. Setup in minutes.