Added to cart snippet not working

@joshkalms 

From your screenshots I’d say that everything looks good in the snippet.

I assume that by “Not working” you mean that the metric “Add to Cart” has not appeared in Klaviyo.

Have you tried adding an item to cart and see if the metric “Add to Cart” will appear in Klaviyo?

@retention 

Yes, the snippet is not appearing in Klaviyo and I have tried adding an item to cart but still to no avail...

Try adding the name of the class to your script without the . before the class name,

Hi @David To 

referring the first bullet from your response above, i.e “

• That the Viewed Product/Web Tracking code is installed directly above the Add to Cart code”

how and where can we verify that? i mean where is that code supposed to be shown in product template file or where?

I am adding add to cart snippet in theme.liquid file and the error it shows is “item” is not defined. i guess i need to define the item too, can you please elaborate on that? Thank you

Hey @adnansandhila,

This really depends on if you integrated your Shopify account before or after April 19, 2022. 

On April 19, 2022, Klaviyo released an app embed for the Shopify Theme Editor that enables both Active on Site and Viewed Product tracking. The app embed is the newest and easiest way to enable Klaviyo onsite tracking for Shopify. All Shopify users, including those who integrated Klaviyo with Shopify before the release, are encouraged to enable it. The app embed is available to both Shopify stores on vintage themes, and stores on Shopify 2.0 themes.

You can learn more about this from our How to enable onsite tracking for Shopify Help Center article. 

This means, if you integrated after April 19, 2022, all you’ll need to do is enable the Klaviyo app embed which would automatically allow Klaviyo to embed both the Klaviyo onsite and viewed product snippets. 

If you integrated before April 19, 2022, you would have installed the viewed product code within your product.liquid template or theme.liquid template depending on the template you’re using. 

Since you’re getting an error for “item” is not defined, I would suggest reviewing your site code to see if there were any additional coding conflicts. Especially if you integrated after April 19 and already enabled the Klaviyo app embed. 

I would advise reaching out to a developer for more assistance on this review. If you need an introduction to a developer, we have a large network of Klaviyo Partners who can certainly lend a helping hand. 

David