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 composing an email, click Create Custom Email to open the email builder. You can also choose Use Previous Design to start from a design you've already saved.

The builder preserves any unsaved work — if you close and reopen it during the same session, your changes will still be there.

---

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 Settings 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 Your First Block button on a blank canvas 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
• Insert personalization at cursor — Insert dynamic fields:
  • [Assistant name] — Recipient's first name
  • [Assistant last name] — Recipient's last name
• Background color — Optional colored background
• Corner Radius — Rounded corners
• Block Height — Block height

Image block

Add images (banners, logos, photos) to your email.

Options:

• Drag and drop an image here or click — Upload an image
• Alt text (image description) — Description for accessibility
• Image Dimensions — Set width and height (leave height empty for proportional)
• Link Settings — Make the image clickable by adding a link
• Alignment — Left, center, or right (default: center)

Recommended banner dimensions:

Use case	Upload width	Display width	Suggested ratio
Full-width hero banner	1200 px (retina-ready)	600 px	2:1 (e.g. 1200×600) or 3:1 (e.g. 1200×400)
Standard banner	600 px	600 px	2:1 (600×300) or 3:1 (600×200)
Logo / smaller image	400–600 px	200–400 px	Any

• Recommended max width: 600 px — this is the email's default content width and the industry standard. Uploading at 2× (1200 px) keeps the banner crisp on retina displays.
• Editor presets: Auto, 200, 300, 400, 500, 600 px (the width slider goes up to 600 px).
• Height: leave it on Auto to preserve the aspect ratio. Available presets are 100, 150, 200, 300, 400 px.
• File size: keep under 1 MB for best performance (technical limit: 5 MB).
• Formats: JPG, PNG, or GIF.
• Maximum dimensions: 9000×9000 px.

Tip: If you increased the email's Content Width in Settings (up to 1200 px), you can upload a banner up to that width. Always leave the height on Auto so the image scales proportionally on mobile without distortion.

Button block

Add call-to-action buttons.

Options:

• Button text — What the button says
• Button Link — Where it links to
• Button Colors — Background and text color
• Corner Radius — Rounded corners
• Button Size — Width and height
• Alignment — Left, center, or right (default: center)

Spacer block

Add vertical spacing between blocks.

Options:

• Height (px) — Adjust the spacer height

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 color — Optional container background
• Alignment — Left, center, or right

---

Working with blocks

Adding blocks

• Click Add Your First Block 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 open the Email Preview and see exactly how your email will appear:

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

---

Sending and scheduling (event email composer)

When composing an email for an event, the recipient and scheduling sections use a card-based UI. Each option appears as a selectable card, making it easy to scan your choices.

Recipients

Select who receives the email:

• All attendees — Everyone who has a ticket to the event
• Specific ticket types — Choose one or more ticket types to target

Send options

The send options are presented in this order:

1. Send Now — Deliver the email immediately
2. Schedule Later — Choose a future date and time; the date and time controls appear nested beneath this card when it is selected
3. Save as Draft — Save without sending

Test send

Use the Test Send button to send a preview to yourself before delivering to your audience. The button is available within the email composer form.

---

Saving and exiting the builder

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
• Discard changes — Discard changes
• Save and leave — Save changes and exit

---

---

Related articles

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