Voyado Elevate

FAQ: Email templates

What are product templates?

Product templates controls the styling and visual appearance of the generated recommendations. Most often you would want to match the styling and behaviors from your site, but there is ample support for experimenting and optimising the styling specifically for the email channel.

How do I set up separate product templates for mobile and desktop devices?

Email Recommendations support two versions of product templates in order to serve optimised versions for desktop and mobile email clients. Typically, it is the sizing of product images and text elements that needs to be optimised for the different cases.

How does the email know which template to render for mobile and desktop devices?

The controlling factor for which version is served to the email recipient is based on a so called "media query". This query lets you define a screen width of the recipient device to control which version of the product template is used when serving up the image. You will need to add this query to your Email Service Provider email template as it cannot be fully controlled only from Email Recommendations.

How do I control image dimensions in the product template?

Settings in the Edit Product Template dialogue will use either the default size of images (recommended) or you can enforce a scaled version to be used. It is recommended to control the image dimension via HTML/CSS in the Product template.

Where do I find information about available attributes to use in the product template?

Email Recommendations will read all product data attributes available in Voyado Elevate. It is useful to acquire a good understanding of the naming conventions of the attributes. A good practice is to talk to your internal team that has implemented Voyado Elevate and ask for a list of available attributes and especially which ones are used in production on your site.

What coding languages does the template editor support?

The built-in editor supports CSS, HTML, and Mustache. More details about Mustache is available at the Mustache Docs.

What is the difference between a saved and a published template?

Email Recommendations support two states for product templates, saved and published. A template must be published to be used with a campaign. The saved state is for keeping your changes when iterating on a design before publishing.

Why can't I see any images in the preview pane?

In general, if you can see product images in the other Voyado Elevate Apps then you should be able to see them in Email Recommendations. If not, something may have been configured incorrectly. Verify that the Image Path Prefix setting in the Configuration tab matches the Image Path Prefix setting in the Admin App. If that does not resolve the issue, contact Voyado Support.

Article last updated