Designs determine how products should be rendered visually. For Email Recommendations, they can be found under Designs -> E-mail Designs at my.clerk.io.

A single Design can be used across multiple Email Content blocks.

Creating new Designs are easy, as the built-in wizard lets you pick a starting platform and style to get a quick, good-looking template:

After creating an initial Design, you can change it in any way you want in the editor with the Email Template language, which is a modified version of Liquid. You can read about the Email Template Language here.

Each Design has these settings:

Name:
The name of the Email Design, as displayed on the Designs page.

Width:
Defines the width of each product in pixels.

Height:
Defines the height of each product in pixels.

Product HTML:
The HTML code used to render each single product. Product attributes can be inserted via the Email Template language. By default, new Designs come with HTML for a simple product design that renders an image, name, price and a call-to-action button.

CSS:
You can use this editor to write custom CSS for use in your Designs. Any CSS you write will be rendered in the products design.

Did this answer your question?