cdp menu

Customerlabs CDP Documentation

Add to Cart Tracking

Add to cart tracking helps marketers retarget visitors who did not convert with personalized messaging. It also helps them to easily optimize the website for better conversions. Set up add to cart tracking by following the steps below.

1. Login to your CustomerLabs account

2. Launch the No-Code Event Tracker from the Home page

launch No code event tracker inside CustomerLabs First Party Data CDP

3. You will be redirected to your website and the No-Code Event Tracker panel will open up.

4. Click on Record Action to start recording the event.

5. Select Added to Cart for Action Name from the dropdown or create a custom name if you wish and choose action type as On click.


6. Now click on the Element picker which will re-direct to your website. Now, select the Add to Cart button that you want to track on your website

element picker to track add to cart event inside eCommerce website
Selecting add to cart button

7. After selecting the add to cart button, you will be redirected to the No-Code Event Tracker panel.

8. Select Pick a common selector checkbox and click Add details. Learn more about Pick common selector.

9. Select the attributes you want to track, product_name, currency, product_price and more from the drop-down. 

10. For example, select product_name and click on the Element picker button to select any product name from your website and tick Pick a common selector checkbox

product name element picker
eCommerce website product name collection to track the user journey along with product details.

11. Click Save.

12. Similarly, you can add the attribute, product_price. Click on the Element picker button to select product price from your website, and Select Pick a common selector.

product price element picker

13. For currency, you should select Javascript, choose the currency from the dropdown, and mention the currency format (for example USD, INR). Once you verify, click on save.


14. Repeat steps 10 and 11 to add multiple product attributes such as Product variant, Size, Quantity, and more

15. Configuring Success scenario:

a. If you want to track the success page (such as the thank you page, success page, or link) where the user lands after performing the action, you can add the path as shown in the image below. 

b. In this case for ‘add to cart’, there is no separate thank you page but just a small note to track the success scenario. 

Select static text, and click on the Element picker button to select text Item added to cart from the website mention (asterisk) as shown below, and click on ‘Save’.

add to cart tracking success scenario

(Or) You can skip this step by clicking on the Next | Tracking rule.

16. Choose the pages that you would like to start tracking for the above-defined action and click on Save.

pages tracking add to cart

17. Now click on the save icon to save the event setup.

save add to cart

18. Awesome! Your eCommerce Add to cart event has been successfully configured!

Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
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


Unified data to boost ecommerce growth


Engage your customers across the funnel with a unified martech stack


Increase product metrics with a unified martech stack


Scale your customers quickly with the right data