Abandoned Cart Email Module Example

gistfile1.html

<!-- REMEMBER 'USE MODULE FOR PROGRAMMABLE EMAIL' MUST BE SELECTED -->
<!-- RETRIEVE PAYLOAD DATA FROM CONTACT RECORD -->
{% set cart_items = contact.abandoned_cart_json_payload | fromjson %} 

 <!-- HEADER ROW -->
  <table style="width: 100%; border-collapse: collapse;">
        <tr>
            <th style="width: 20%; text-align: left; font-weight: bold; border: none;"></th>
            <th style="width: 60%; text-align: left; font-weight: bold; border: none;"></th>
            <th style="width: 10%; text-align: right; font-weight: bold; border: none;">Qty</th>
            <th style="width: 10%; text-align: right; font-weight: bold; border: none;">Price</th>
        </tr>
    
    <!-- LOOP THROUGH JSON -->
    {% for item in cart_items %} 
        <tr style="vertical-align: top;">
            <td style="width: 20%; text-align: left; padding: 0; border: none;"><img src="{{item.image_url}}" style="width: 100px;" /></td>
            <td style="width: 60%; text-align: left; padding: 0; border: none;"><span style="font-weight: bold; font-size: 16px;">{{item.brand}}</span><br>{{item.description}}<br><br><font style="color: gray;">{{item.color}}</font><br><font style="color: gray;">{{item.size}}</font><br><br><br><br></td>
            <td style="width: 10%; text-align: right; padding: 0; border: none;">{{item.quantity}}</td>
            <td style="width: 10%; text-align: right; padding: 0; border: none;">{{item.price}}</td>
        </tr>      
    {% endfor %}
    <!-- END LOOP THROUGH JSON -->
    
   </table>