How to add the “Product recommendations” block in your own HTML email?
You can create emails based on templates (using a visual designer) or from scratch using HTML.
In the visual editor, the Recommended Products block is inserted by dragging the appropriate element from the sidebar. To add popular products into the HTML email, you need to write instructions in Liquid - the language of templates.
Using the Liquid language for the Recommended Products element in the HTML emails allows you to send a fully customized trigger letter.
Recommended products:
<table> <tr> <td>Image</td> <td>Product</td> <td>Price</td> </tr> {% for line_item in visitor.recommended_offers %} <tr> <td><img src="{{ line_item.picture }}" /></td> <td><a href="{{ line_item.url }}">{{ line_item.name }}</a></td> <td>{{ line_item.price }}</td> </tr> {% endfor %} </table>
For customization, you can use any HTML and CSS constructs supported by email clients. Please note that you need to be careful when designing HTML emails and follow a set of recommendations, as email clients are quite capricious and do not understand some of the latest layout standards.
Important point Before sending a newsletter, be sure to check how it looks in the preview and send yourself a test email (buttons at the top right) to make sure that all elements are displayed correctly.