Solved

Using {{ event.extra.checkout_url}} to recover abandon carts, but I can't click the link inside the email.

  • 26 January 2022
  • 8 replies
  • 4568 views

Badge +1

Hello everyone,

I hope you are doing well :)

I’m facing a problem inside an account that never happened before: when we send the cart recovery emails with a button that contains “{{ event.extra.checkout_url}}”, we can’t click on the button inside the emails.

It seems like there is no link attached and the button doesn’t get treated as a button.

(the fields are populated, so when I send a test email it should work)

How can I fix this?

Thank you and have a great day,

Luca

icon

Best answer by Dov 26 January 2022, 21:54

View original

8 replies

Userlevel 7
Badge +61

Hi @lucafo,

Thank you for sharing this with us.

Can you confirm when you’re sending your abandoned cart email containing the checkout URL tag, that it’s being sent from a flow that’s triggered off of Checkout Started? Since Klaviyo emails rely on the event that triggers the flow to populate those event variable tags, if you’re including the checkout tag in a test through another medium like a campaign email, or in a flow triggered off of a different metric, the button will not work.

If you can confirm you’re sending test emails through a flow triggered off of Checkout Started, I would double-check that you’re using the correct tag by previewing the flow email on the left-hand side and searching for “url”. Ensure that the tag for the checkout URL matches what you’ve placed in the button exactly. Even a small error would render the button unusable.

I hope that helps! Let us know how it goes.

Badge +1

Hey Dov,

Thank you for your reply.

I just checked and you are right: we don’t use “Checkout Started” in the flow that is causing problems.

 

We are using, as a trigger, “Add to Cart” – custom event.

 

This is the guide we followed: 

https://help.klaviyo.com/hc/en-us/articles/115001396711-Guide-to-Creating-an-Added-to-Cart-Event-for-Shopify

 

So I suppose in this case we need to use something else instead of “{{ event.extra.checkout_url}}”.

 

Thank you for your support and have a great day,

Luca

Userlevel 7
Badge +61

Hi @lucafo,

Thanks for your reply.

Got it! Yes, that is correct. 

You can find out the correct tag you should be using by navigating into the template in the flow, click “Preview” on the left hand-side. Click on the checkout URL in the preview modal and that will generate the tag you can copy and paste into the button. I explain the process in more detail in the thread below

Once that’s set-up you will be all set.

Thanks for being a member of our community.

Badge

@Dov Appreciate the in-depth review above. 

I’m setting up a similar flow and finding that the “Add to Cart” custom event property list does not include a Checkout URL. Assuming this is an expected property based on your comments above, can you advise on why this property may be missing? Hoping to minimize friction in the consumer experience by directing them to checkout rather than an item or their cart. 

@lucafo can you confirm that this method worked for you? 

Badge +1

@espiewak I have the same question. I want my Abandoned Cart flow emails triggered from “added-to-cart” to redirect to the customer’s cart. Can you please tell me if you found the solution for this?

@Dov - I would appreciate if you could post the solution for this issue here, thanks!
 

Badge

@nayanisakina99 

I was able to solve this using the following input for the checkout link, which loops to construct a cart URL: 
https://www.yourshopdomain.com/cart/{% for item in event.items %}{{ item.variant_id }}:{{ item.quantity|floatformat:'0' }},{% endfor %}

This adds recurring comma-separated values of product “variant.id”, each followed by a colon and no-decimal quantity integer (hence setting the floatformat to ‘0’), which should reconstruct the cart using the items logged in your event. 

Let me know if that works for you! 

Badge

@nayanisakina99 

I was able to solve this using the following input for the checkout link, which loops to construct a cart URL: 
https://www.yourshopdomain.com/cart/{% for item in event.items %}{{ item.variant_id }}:{{ item.quantity|floatformat:'0' }},{% endfor %}

This adds recurring comma-separated values of product “variant.id”, each followed by a colon and no-decimal quantity integer (hence setting the floatformat to ‘0’), which should reconstruct the cart using the items logged in your event. 

Let me know if that works for you! 

I LOVE YOU!!!!

Badge +1

@espiewak

Thanks for great input! This link lands on checkout process… Anyway to change it to make it land on the cart?

 

Thank you!

Reply