Email builder

The email builder is a visual editor for creating custom email designs. Build professional emails using blocks — no coding required.

---

Opening the builder

When creating an email campaign, click Create new design in the Body field to open the email builder.

---

Interface overview

Top navigation bar

Left side:

• Email builder title

Right side (left to right):

• Undo / Redo — Reverse or repeat actions
• Settings (gear icon) — Open email settings
• Preview — See how the email looks on desktop and mobile
• Save — Save your design
• Close (×) — Exit the builder

Canvas

The main work area where you build your email. Start with a blank canvas and add blocks.

---

Email settings

Click the gear icon to configure global email settings:

Setting	Description	Default
Outer background color	Background behind the email content	#f4f4f4
Content background color	Background of the email body	#ffffff
Default text color	Color for all text	#000000
Default font family	Font for all text	Arial
Content width	Maximum width of email content	600px (max: 1200px)

Available fonts: Arial, Helvetica, Times New Roman, Georgia, Verdana, Courier New, Trebuchet MS, Tahoma

---

Block types

Click the Add block button to add content. Each block type has specific options.

Text block

Add headings, paragraphs, or any formatted text.

Options:

• Content — Write or paste your text
• Personalization — Insert dynamic fields:
  • [Assistant name] — Recipient's first name
  • [Assistant last name] — Recipient's last name
• Background color — Optional colored background
• Border radius — Rounded corners
• Height — Block height

Image block

Add images to your email.

Options:

• Image upload — Click to upload or drag and drop
• Alt text — Description for accessibility
• Width — Image width (default: 400px)
• Height — Image height (leave empty for proportional)
• Link URL — Optional clickable link
• Alignment — Left, center, or right (default: center)

Button block

Add call-to-action buttons.

Options:

• Button text — What the button says
• URL — Where it links to
• Background color — Button color
• Text color — Text on the button
• Border radius — Rounded corners
• Width — Button width
• Height — Button height
• Alignment — Left, center, or right (default: center)

Spacer block

Add vertical spacing between blocks.

Options:

• Height — Adjust with a slider

Divider block

Add horizontal lines to separate content.

Options:

• Thickness — Line thickness
• Width — Line width (percentage)
• Color — Line color
• Alignment — Left, center, or right

Social links block

Add social media icons with links.

Options:

• Add social link — Add as many as you need (icons auto-detect from URLs)
• Icon size — Size of the icons
• Spacing — Space between icons
• Background — Optional container background
• Alignment — Left, center, or right

---

Working with blocks

Adding blocks

• Click the Add block button on a blank canvas
• Or hover over any existing block to see + buttons at the top and bottom
• Click + to add a block above or below

Editing blocks

• Click on any block to open its edit modal
• Make changes and close the modal

Block controls

When a block is selected, you'll see controls in the top-right corner:

Control	Description
Move up	Move block one position up
Move down	Move block one position down
Duplicate	Create a copy of the block
Delete	Remove the block

---

Preview

Click Preview to see exactly how your email will appear:

• Toggle between desktop and mobile views
• Check spacing, alignment, and readability
• Close preview to continue editing

---

Saving and exiting

Save

Click Save to save your current design. You can continue editing after saving.

Exit

Click Close (×) to exit the builder.

If you have unsaved changes:

• Continue editing — Return to the builder
• Leave without saving — Discard changes
• Save and leave — Save changes and exit

---

---

Related articles

1. Email campaigns — Create and send campaigns
2. Marketing overview — Full marketing features