Customerlabs CDP Documentation

You are here:

BigCommerce Implementation Guide

BigCommerce is an e-commerce platform that allows users to set up an online store. By integrating CustomerLabs to BigCommerce, you can start tracking the events of your website visitors without writing any code.

Here are the steps to implement CustomerLabs to your website.

1. Login to CustomerLabs account

2. In the Home page โ†’ Select โ€œConnect your websiteโ€ โ†’ Copy the CustomerLabs tracking code.

(Note: Add additional domains and exclude misattributed referral domains using URL Management )

CustomerLabs CDP dashboard showing connect your website to track all the events

3. Now go to your BigCommerce account and Click on Store Front โ†’ Script Manager โ†’ Click โ€œCreate scriptโ€ button.

Create script in BigCommerce

4. Give the Name of Script as โ€œcl_tracking_scriptโ€ and give a description as understandable to you.

5. Select โ€œHeadโ€ radio button under  โ€œLocation on pageโ€ section, โ€œAll pagesโ€ radio button under โ€œSelect pages where script will be addedโ€ and โ€œEssentialโ€ radio button under โ€œScript categoryโ€ (Refer image below)

6. Then, select โ€œScriptโ€ radio button under โ€œScript typeโ€ section and paste the CustomerLabs tracking code in the โ€œScript Contentsโ€ box. 

7. Click save and go back to the Script Manager page.

Attributes of the script

8. Now again create a new script and name it as โ€œcl_default_ecommerce_eventsโ€ and follow the same procedure as before – Select โ€œHeadโ€ radio button under  โ€œLocation on pageโ€ section, โ€œAll pagesโ€ radio button under โ€œSelect pages where script will be addedโ€ and โ€œEssentialโ€ radio button under โ€œScript categoryโ€

Create new script for event tracking

9. Then, select โ€œScriptโ€ radio button under โ€œScript typeโ€ section.

10. Copy the script from cl_default_ecommerce_events in Github and paste it in the โ€œScript Contentsโ€ box and save the script.

Paste event tracking script in BigCommerce

11. Go back to CustomerLabs account โ†’ Connect you website page โ†’ Click on โ€œI have installed the codeโ€ โ†’ โ€œAllow URLโ€

Installed the code in CustomerLabs

Facebook (Meta) Configuration

1. Login to CustomerLabs Account

2. Navigate to the โ€œDestinationsโ€ page and select โ€œFacebookโ€ โ†’ Then click โ€œSubscribeโ€

Destination as Facebook

3. Go to โ€œConfiguration settingsโ€ and Enter your Facebook Pixel id in the box shown.

Paste the Facebook pixel id

4. Save Changes and then under Configuration settings โ†’ Connect with Facebook โ†’ (redirects to your facebook account) โ†’ Authenticate the Facebook account to be integrated with CustomerLabs.

Authenticate facebook and server side callback

5. Turn the toggle on for โ€œSend data via server-sideโ€ and Save Changes.

6. Go back to Facebook Customization page โ†’ Setup Event Workflow

Setting up event workflow

7. Turn on the toggle for the events that you want to track. (eg. Add to cart, Product Viewed, Purchased, etc)

Tracking events

Disconnect Direct Integration of Facebook

You have to disconnect Facebook pixel direct integration with your Bigcommerce event to avoid duplication of events. 

1. Go to BigCommerce Account โ†’ Advanced Settings โ†’ Data Solutions โ†’ Facebook Pixel โ†’ Disconnect

Disconnect direct integration for facebook

2. You have now integrated BigCommerce with CustomerLabs. 

If youโ€™re still facing issues, get in touch with our team by clicking on the chat icon in the lower right corner.

Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
5
How can we improve this article?
How Can We Improve This Article?
Need help?
Table of Contents
CustomerLabs gives freedom, flexibility and wings to digital marketers.
Sign Up

Schedule a 1-1 Demo