Getting Started

This guide walks you through creating an email template, adding content blocks, styling them, and exporting the final HTML.

Create a new email

1. Click Email in the Quick Actions, or go to Assets → Emails
2. Choose a template or start from scratch
3. You'll land in the drag-and-drop editor

The editor layout

Add content blocks

Drag blocks from the left sidebar onto the canvas:

1. Heading: add a title
2. Text: add paragraph text
3. Button: add a CTA with link
4. Image: add a visual
5. Columns: create multi-column layouts

Step-by-step

1. Drag a Heading block to the top of the canvas
2. Click it → type your email title
3. Drag a Text block below it
4. Click it → type your message
5. Drag a Button block below the text
6. Click it → set the button text and link URL
7. Add a Divider for visual separation
8. Drag a Columns (2-col) block for side-by-side content

Style your blocks

Click any block to open the properties panel on the right:

• Styles tab: colors, fonts, spacing, borders, background
• Inspect tab: view and edit raw properties
• Data tab: connect dynamic data

Common styling:

• Set font family, size, and color for text
• Set background color and padding for containers
• Set button color, border radius, and hover state
• Set image width, alt text, and alignment

Use the AI assistant

Click the AI chat icon to open the assistant. It can:

• Generate complete email templates from a description
• Modify existing blocks ("make the button red", "add a footer")
• Suggest improvements to your design
• Write email copy based on your brief

Preview and test

Use the preview mode to see how your email looks on different devices:

• Desktop preview
• Mobile preview

Export

When you're done:

1. Export as JSON: save the template structure for re-importing later
2. Export as HTML: get the rendered HTML to use with your email provider

The exported HTML is compatible with all major email providers: Amazon SES, SendGrid, Mailchimp, Postmark, and more.