Skip to main content

Issues Displaying Images in Browser Abandonment Flow Email Template

  • September 26, 2023
  • 1 reply
  • 29 views

Forum|alt.badge.img+2

Hello Community,

I'm seeking some assistance with a recurring issue I've been facing in Klaviyo. I am working on an email template for a Browser Abandonment Flow, where I am trying to display images of items that a user has viewed. However, the images are not being displayed correctly in the generated emails. This issue has been persisting for a while, even though it was functioning perfectly in the past.

Below is a snippet of the code I am utilizing:

 

{% if person.ViewedItems|length >= 1 %}
<div class="viewed-items-wrapper">
    {% for item in person.ViewedItems|slice:":4" %}
    <table class="item-table">
        <tbody>
            <tr>
                <td><a href="{{ item.Url }}"><img src="{{ event.ImageURL|default:'' }}" /></a></td>
            </tr>
            <tr>
                <td class="item-title"><a href="{{ item.Url }}">{{ item.Title }}</a></td>
            </tr>
            <tr>
                <td class="item-price"><em>{{ item.Metadata.Price|striptags }}</em></td>
            </tr>
            <tr>
                <td><a class="cta-button" href="{{ item.Url }}">View Item</a></td>
            </tr>
        </tbody>
    </table>
    {% endfor %}
</div>
{% endif %}

I have attempted to reference the image URL with {{ event.ImageURL|default:'' }} as per Klaviyo's documentation, but without success.

Has anyone encountered a similar issue or could provide insight on whether I am using the correct variable to reference the image URL? Any suggestions or additional steps to resolve this issue would be greatly appreciated!

Thank you in advance for any help or guidance.

Best regards,

Did this topic or the replies in the thread help you find an answer to your question?

1 reply

Brian Turcotte
Forum|alt.badge.img+37

Hi @Ayhan!

I’m going to check with Engineering on this and I’ll update the thread ASAP!

Best,
Brian


Reply