Solved

Add to cart Snippet now showing in klaviyo analytics

  • 26 June 2021
  • 3 replies
  • 356 views

Badge +2

Hi there, 

I have been trying to add the Add To Cart snippet into Klaviyo for 2 days now and can’t not figure out what I’m doing wrong. On my website, there isn’t any clear representation of what the ID should be. Any help is appreciated, thank you!

 

 

icon

Best answer by David To 27 June 2021, 15:11

View original

3 replies

Userlevel 7
Badge +60

Hello @TZ210,

Thanks for sharing your question with the Klaviyo Community!

Assuming that the screenshot in blue is the code for your button, it appears your button is actually using a class notation as opposed to an ID which is why your add to cart code isn’t working. 

I would recommend following the instructions found under the Alternate Code Snippet for "Add to Cart" Button without an ID subsection of the How to Create a Custom "Added to Cart" Event for Shopify article to properly implement the add to cart functionality. Since your button is using a class notation, you’ll actually need to adjust and use the below base code:

<script type="text/javascript">
var _learnq = _learnq || [];
var classname = document.getElementsByClassName("add-to-cart");
var addToCart = function() {
_learnq.push(['track', 'Added to Cart', item]);
}; for (var i = 0; i < classname.length; i++) {
classname[i].addEventListener('click', addToCart, false);
}
</script>

I’ve also included some other Community post below that may further guide you in this process:

I hope this helps!

David

Badge +2

Thank you, I have tried entering the words after class=”XXX” into the image attached below, and added to cart but still have no luck. Please see if I’m doing it correctly.

 

Userlevel 7
Badge +60

Hey @TZ210,

That implementation does look correct!

After installing the code, the add to cart metric will not appear in your analytics immediately. The metric will only display in your analytics tab once at least one profile has triggered this event and recorded the metric. To self test and trigger this event, I would recommend ensuring that you have cookied your own browser prior to adding the product to the cart. 

You can find my instructions on how to cookie and self identify your browser from my comment in a similar Community Post which I’ve included below:

You can cookie your own browser with your desired email by following these steps:

  1. Navigate to your website/homepage in an incognito browser
  2. Add the following to the end of your store URL, replacing example@gmail.com with your email address:
    ?utm_email=example@gmail.com
    • Example URL: wwww.ExampleWebsite.com/?utm_email=example@gmail.com
  3. After you reload the page your browser should be cookied with your desired email address, which would create a profile within Klaviyo
  4. Search in Klaviyo for your email address

 

Have a great day!

David

Reply