Customerlabs CDP Documentation
Shopify+CustomerLabs CDP Integration Guide
Shopify Implementation Guide
Shopify (or) Shopify Plus is an e-commerce platform that allows users to set up an online store. By connecting your Shopify store with CustomerLabs CDP, you can start tracking the events (user-behavioral activity) of your website visitors without writing any code.
Here is the video which guides you through the entire process of integrating CustomerLabs CDP with your Shopify/Shopify plus store.
Alternatively, go through these simple steps to integrate your Shopify/Shopify plus store with CustomerLabs.
Based on your Shopify store setup, here are two different ways you can integrate your Shopify store with CustomerLabs
- Without Post-purchase page: One way is when you don’t have a post-purchase page (upsell, feedback forms, surveys, etc) after placing an order and you redirect them to an order status page (thank you page).
- With Post-purchase page: The other way is when you have a post-purchase page (upsell, feedback forms, surveys, etc) before redirecting them to the order status page (thank you page).
Initial setup
1. Log in to CustomerLabs account
2. On the Home page → Under “Connect your domain” → Enter your website URL → Click Save
3. Copy the Tracking code
4. Login to your Shopify account → Click Online store
5. Under Themes, go to Actions → Edit code
6. Under theme.liquid, search for “</head>” and paste the CustomerLabs code in the header section and Save.
7. Create a custom pixel in Shopify by navigating to Settings → Customer events → Add custom pixel
8. Give the Pixel name as Customerlabs → Add pixel
Without Post-purchase page:
1. Go to the Home page of your CustomerLabs account.
2. Click Shopify → Click Shopify without Post-purchase button
3. Copy the code below the 3rd step as given in the image below.
4. Paste this code in the new custom pixel (CustomerLabs) created in Shopify → Click Save
5. After saving, click Connect
6. Go back to your CustomerLabs account and Click Shopify → Shopify without Post-purchase from the Home page
7. Copy the code below the 4th step
8. Go to Shopify admin account → Click on Settings → Checkout and if you scroll down you will see the Additional scripts → Order status page
9. Paste the copied code in the box given below Order status page and click Save.
With Post-Purchase page:
1. Go to the Home page of your CustomerLabs account.
2. Click Shopify →Click Shopify with Post-purchase button
3. Copy the code below the 3rd step as given in the image below.
4. Paste this code in the new custom pixel (CustomerLabs) created in Shopify → Click Save
5. After saving, click Connect
6. Go back to your CustomerLabs account and Click Shopify → Shopify with Post-purchase from the Home page
7. Copy the code below the 4th step
8. Go to Shopify admin account → Click on Settings → Checkout and if you scroll down you will see the Additional scripts → Order status page
9. Paste the copied code in the box given below Order status page and click Save.
10. Go back to CustomerLabs account → Shopify with Post-purchase from the Home page → Copy the code below the 5th step
11. Go to Shopify admin account → Settings → Checkout and if you scroll down you will see the Additional scripts → Post-Purchase page
12. Paste the copied code in the box given below Post-purchase page and click Save
You have now connected your Shopify store with CustomerLabs!
You will start receiving the events on the Events Manager page in CustomerLabs.
Send events to ad platforms for better Event Match Quality (EMQ)
You can now start sending these events to ad platforms like Facebook & Google by connecting them in the Destinations page.
Before sending the events from CustomerLabs to Facebook or any other platforms, compare the events you’re receiving through CustomerLabs pixel with the events you’re receiving through Facebook pixel.
If the events on CustomerLabs are closer to accuracy, you can then start sending the events from CustomerLabs to Facebook or any other platforms.
Sending your website events directly from CustomerLabs to the ad platforms gives you a higher Event Match Quality (EMQ).
Disconnect Direct Integration of Facebook Pixel
After connecting Facebook as a destination in CustomerLabs, you can disconnect Facebook pixel direct integration with your Shopify store to avoid duplication of events. If you are sending only the audiences to Facebook, you can ignore this step.
1. Log into your Shopify account and go to Online store → Preferences → Facebook. Disconnect the pixel setup if you have connected it.
2. In your Shopify account, go to Facebook & Instagram app → Settings → Share data
3. Click on Change under Share data section
4. Turn off the toggle as shown in the image below to disable data sharing.
5. Click Save
This will stop double firing of events from both CustomerLabs and Facebook pixel.
Note: This will not disable the Product Catalog sharing to Facebook.
Default events tracked when you integrate your Shopify store
Here is a list of default events tracked when you connect Shopify with CustomerLabs
- Page viewed
- Product viewed
- Added to cart
- Search made
- Checkout made
- Add Payment info
- Purchased
If you want to track any other events other than the ones mentioned above, use No-Code Event Tracker to track and set up the events. Refer to the documentation for help.
Other things to note: If you have other “Add to cart” selectors that are not captured in the default Shopify configuration, you will need to configure it differently with the help of a developer. Get in touch with us to guide you through it.
