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.