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
+61
Hi
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.
+2
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:
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
+61
Hi
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.
+1
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.
+3
+1
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!
+3
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!!!!
+3
Thanks for great input! This link lands on checkout process… Anyway to change it to make it land on the cart?
Thank you!
Hello,
I have a trouble !
I want to create a button “apply coupon” from my email.
I have already cretae dynamic coupon and creat and flow with “Checkout Started”
The probleme is :
{{ event.extra.checkout_url }}&discount={% coupon_code 'CouponName' %} doesn’t work → refer to the home page
mysite.com/discount/{% coupon_code 'CouponName' %} doesn’t work → refer to the home page
Even, when I just want to creat e button “finalise order” with
{{ event.extra.checkout_url }}, it doesn’t work → refer to the home page
Is somebody have a solution for this problem 🤩
Best regards,
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!
Hello - I tried this with my shop domain and got a 404 error. The button was clickable in the preview email but came to an error on the page. Any help on how I can get it to work correctly?
Hello im also struggling with this issue.
I wanted to add a link that sends the customer to cart with the product they earlier tried to checkout with as a part of my abandoned email flows.
So far this works to send the customer to cart with the product: {{ event.extra.checkout_url }}
But i want to add an discount code baked into this so the customer gets the discount automatically without doing anything entering the store again.
Does anyone have a solution for this?
If you’re still struggling this this issue, Littledata’s improved Added to Cart and Checkout Started triggers include a CheckoutURL which maps to Shopify’s cart permalink, so users can instantly checkout when clicking through on any device.
This includes the ability to add a discount code to the checkout URL - see here
This has become a bigger issue recently, as Shopify’s new checkout has moved some stores to checkout URL format.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
