Trying to build a vertically-stacked, centred abandoned flow for a client and the info I’ve found in other forums are not working in this case. Can anyone advise how to create the vertically-stacked abandoned cart table in the updated Klaviyo?
Solved
How to get a vertically-stacked abandoned cart flow?
+2Best answer by In the Inbox
Hi
In addition to
In this example, you can see the section outline with the image and text blocks stacked.
I hope this helps!
+33Hey there! The way I typically do this is in a single dynamic text block. You can click into your text block and insert an image above your dynamic product title variable.
If you look at the source code, it kind of looks something like:
<div>
<div><img src="{{ item.product.images.0.src }}" alt="" width="300" /></div>
<div><span style="font-family: Poppins, Helvetica, Arial, sans-serif; font-weight: bold;"><a href="https://website.com/products/{{ item.product.handle }}"><span style="font-size: 20px;">{{ item.product.title }}</span></a></span></div>
<div><span style="font-size: 18px;">${{ item.variant_price }}</span></div>
</div>Would love to hear from others on if there is another way as well! This is my go-to currently but I’m sure I’m stuck in my ways, haha 😜
Klaviyo Champion | Your Email Marketing BFF
+31Hi
In addition to
In this example, you can see the section outline with the image and text blocks stacked.
I hope this helps!
Bryan Richey // Klaviyo Champion & Email Strategist at In the Inbox // https://intheinbox.co/
Reply
Rich Text Editor, editor1
Editor toolbars
Press ALT 0 for help
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.