Install VisitorLayer on Shopify

Theme code, then a checkout pixel.

1. Site script

2. Copy your install snippet

   In VisitorLayer, open your project. A new project opens on setup; for an existing one, go to SettingsInstallationOpen setup. Select Copy snippet. Your snippet already holds your project ID.

   HTMLCopyCopied

   <script async src="https://visitorlayer.com/v1.js" data-project-id="your-project-id"></script>

3. Paste it into your theme

   In Shopify admin, go to Online StoreThemes. On your current theme, open the ... menu and select Edit code. Open layout/theme.liquid, paste the snippet just before </head>, and select Save.

   Switching to a new theme drops the snippet. Paste it into the new theme before you publish it.
4. Checkout pixel

5. Copy your checkout pixel

   In VisitorLayer, go to SettingsInstallation, find Shopify checkout pixel, and select Copy pixel. It already holds your project ID.

6. Add a custom pixel

   In Shopify admin, go to SettingsCustomer events, select Add custom pixel, name it VisitorLayer, and select Add pixel.

   Under Customer privacy, set:

   • Permission: Required, with Analytics selected
   • Data sale: Data collected does not qualify as data sale

   Shoppers who decline analytics cookies in your store's cookie banner are not counted at checkout.

7. Paste the pixel and connect it

   Paste the pixel into the Code box and select Save. Then select Connect pixel and confirm.

   A saved pixel does nothing until it is connected. Check that VisitorLayer is listed under Connected.

8. Check it worked

   Place a test order on your store. Within a minute, SettingsInstallation shows Receiving checkouts.

   The pixel sends checkout steps and the order subtotal only. Customer names, emails, addresses, phone numbers, and the items bought never leave Shopify.