Abandoned cart flow: emails not being sent when I test the flow

Hey @NomiaMarketing,

Building on what @elisegaines had highlighted, if you had recently applied the Add to Cart code to your website, but no one gone through and triggered this event; you may see this error when creating the flow. This is because Klaviyo hasn’t yet recognized an event within your account that meets this flow condition; in this case, an Add to Cart event. 

To resolve this, if there havn’t already been anyone that has triggered this event yet; you can cookie your own browser and add a product to your cart to trigger this Add to Cart event for your test profile. This would record the event, allowing Klaviyo to recognize it and clear the error you see when attempting to create your flow. 

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

I would also take a look at the following forum post where @dov.derin has highlighted some instructions on installing and using the Add to Cart code as well: 

Hope this helps!
David

Hello, I am having the same issue, I did the integration, web tracking and pasted also the add to cart code, and tried to use email address and added to cart and still does not let me to create the “add to cart trigger”, telling me there “This flow requires setting up a special "Added to Cart" metric”. How can I solve this issue. Thank you!

Thanks @gymopath for your question.

Yes, @NomiaMarketing is correct!  

It can take some time before the call-out in the flow builder “recognizes” that the snippet has been added.

Additionally, the best way to “tell” if the Added to Cart snippet has been acknowledged by Klaviyo is to navigate to the Analytics page under Metrics. You should see “Added to Cart” there immediately after adding an item to your cart. As long as the metrics is there, you can go ahead and create the flow, even if it still says “flow requires setting up the Added to Cart metric” and it will work as expected.

Hi @gymopath,

Thanks for your follow-up reply.

Have you had a chance to review my last comment in the bottom of the following thread?

I outline some steps for troubleshooting Added to Cart. 

Let me know if you’re still having trouble after reviewing.

Hello @gymopath,

The code used for the Add to Cart function should typically be installed in the Product.Liquid template file. 

You should be able to locate this file by searching “product” within your theme files and clicking into the resulting (/) product.liquid file. 

Once you’ve located this file, the code should be installed directly underneath your Viewed Product. Here’s a refresher on how to install the Add to Cart code should you need it: How to Create a Custom "Added to Cart" Event for Shopify. 

In the event you are using a customized theme, you’ll want to locate and install the code in the custom theme file that correlates to Shopify’s default product.liquid file. Theme developers are not required to follow some of the basic guidelines used by Shopify, such as their theme file naming convention. Should you need help with this, we would recommend either reaching out to the theme developer in locating the correcting file or reaching out to one of our many Klaviyo partners. You can find more details on this process and the benefits of pursuing a Klaviyo partner in the post below:

https://community.klaviyo.com/job-board-55/tips-for-hiring-a-klaviyo-partner-770

Hope this helps!

-David

Hey @gymopath,

If I’m not mistaken, I believe the Motion theme may actually be using the ID option for their buttons as opposed to a Class Notion. I would recommend ensuring that you have formatted the Add to Cart code to correctly align with your theme’s button ID as detailed in the How to Create a Custom "Added to Cart" Event for Shopify article. 

Here’s a copy of the base code if your theme button is using an ID as opposed to a Class Notion should you need it: 

<script type="text/javascript">
	var _learnq = _learnq || [];
	document.getElementById("AddToCart").addEventListener('click',function (){
 		_learnq.push(['track', 'Added to Cart', item]);
	});
</script>

As highlighted in the article and the Community Post that Dov had mentioned earlier, you’ll want to make sure that the base code provided above is formatted accurately to be referencing your theme’s button’s ID. You’ll want to format the above default code to replace the “AddToCart” to match whatever ID your theme’s button is using. 

David

<I’m not able to delete my reply above>

I’ve fixed this (it *is* in product.liquid, even though that file doesn’t look like the one in the help section.)