Skip to main content
Solved

Recently Viewed Item to email for Woocommerce users

L
Contributor III
Forum|alt.badge.img+3
  • Liisi
  • Contributor III
  • 5 replies

Hi! 
I’ve tried to add Recently Viewed Item block on my Abandoned Cart email flow, but it just doesn’t seem to work. 

I’ve tried to do it several different ways. For one, I tried to follow this instruction. All the triggers/info about client’s viewed product runs nicely to the person’s profile list. 

Inside the email itself I used a template, in which I created a Text block. Inserted the Source:

{% for item in person.ViewedItems %}
<table style="display:inline-block; margin-left:auto; margin-right:auto">
    <tbody>
        <tr>
            <td style="padding-right:15px;padding-left:18px; width:50px"><img src="{{ item.ImageThumbnailUrl }}" style="margin: 1px; max-width: 150px; height: auto;" /></td>
        </tr>
        <tr>
            <td style="padding-right: 15px;padding-left:18px; text-align: center; font-size:13px; width:50px; font-weight:800">{{ item.Title }}</td>
        </tr>
        <tr>
            <td style="padding-right: 15px;padding-left:18px; text-align: center;font-size:12px; width:50px"><em>{{ item.Metadata.Price|striptags }}</em></td>
        </tr>
    </tbody>
</table>
{% endfor %}




(Clicked Source again). But still nothing. The block appears in the template and shows all the item.Title, item.Metadata.Price etc. fields, but when I try to preview the template on Klaviyo or send the template as a preview to email, no real item appears in the block. 
Cloud it be, that this particular code is for Shopify and it doesn’t integrate with my Woocommerce platform? Is there any other similar codes for Woocommerce users? 
Thank you in advance! 

Best answer by caroline

Hi @Liisi,

Is the flow triggered by a Viewed Product event? If not, it’s possible that the customer you’re previewing the email as has not viewed any products; as a result, there’s no data for us to pull into the email. I would recommend previewing the email as a customer that you know has viewed items on your site (or viewing it as yourself after viewing products on your site).

Best,

Caroline

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

    4 replies

    caroline
    Forum|alt.badge.img+8
    • caroline
    • Klaviyo Alum
    • 215 replies
    • Answer
    • March 11, 2021

    Hi @Liisi,

    Is the flow triggered by a Viewed Product event? If not, it’s possible that the customer you’re previewing the email as has not viewed any products; as a result, there’s no data for us to pull into the email. I would recommend previewing the email as a customer that you know has viewed items on your site (or viewing it as yourself after viewing products on your site).

    Best,

    Caroline

    Caroline Lu
    caroline
    Forum|alt.badge.img+8
    • caroline
    • Klaviyo Alum
    • 215 replies
    • March 16, 2021

    Hi @Liisi,

    Just wanted to check back in on this -- were you able to confirm whether the flow was triggered by a Viewed Product event?

    Best,

    Caroline

    Caroline Lu
    L
    1 person likes this
    • L
      Liisi
    L
    Contributor III
    Forum|alt.badge.img+3
    • Liisi
    • Author
    • Contributor III
    • 5 replies
    • March 17, 2021

    Yes! Got it! :) 
    Thanks!

    cassy.lee
    1 person likes this
    • cassy.lee
      cassy.lee
    S
    Contributor I
    Forum|alt.badge.img+3

    Hi! i’ve implemented the same approach on a campaign (not a flow) and wanted to see if there’s a way in the code that i can skip “out of stock” products.

    <table class="KL_custom_product_block" style="table-layout: fixed;" width="100%" align="center">
<tbody>
<tr>{% for item in person.ViewedItems|slice:'2:4' %}{% if item or unpublished %}
<th class="product_mobile2" style="width: 49%; height: auto; float: left;" valign="top" width="49%" height="auto">
<table width="100%" align="center">
<tbody>
<tr>
<th class="mobile" width="100%" height="160">
<p style="text-align: center;" align="center"><a href="{{ item.Url }}" style="font-weight: 200; text-align: center;" target="_blank" rel="noopener"><img class="mobile" style="max-height: 160px; width: auto; height: auto;" src="{{ item.ImageThumbnailUrl }}" alt="{{ item.Title }}" width="auto" height="160" /></a></p>
</th>
</tr>
<tr>
<th class="mobileName" style="padding: 0px 20px;" valign="top" width="100%" height="40">
<p style="text-align: center;" align="center"><span class="font3colName" style="font-size: 13px; font-weight: 200; font-family: Helvetica, Arial, 'sans-serif';">{{ item.Title }}</span></p>
</th>
</tr>
</tbody>
</table>

     

    Reply


    Terms & Conditions

    Links & Resources

    Platforms

    Partners

    Useful Things

    About

    • Terms and Privacy |
      © 2024 Klaviyo All rights reserved. Klaviyo and the Klaviyo logo are trademarks or registered trademarks of Klaviyo, Inc. or its affiliates.