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?
Hey 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
Hi
In addition to
In this example, you can see the section outline with the image and text blocks stacked.
I hope this helps!
Reply
Log in to the Community
Use your Klaviyo credentials
Log in with Klaviyo
Use your Klaviyo credentials
Log in with KlaviyoEnter your E-mail address. We'll send you an e-mail with instructions to reset your password.