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
Automation email templates
Automation flow emails (Welcome, Win-Back, Abandoned Cart, and others) use an enhanced visual layout that applies automatically — no configuration needed.
Branded header band
Each automation email opens with a header band that displays your organizer logo alongside a slim top accent in your brand's primary color. This keeps your emails visually consistent with your brand without any extra setup.
Improved typography
The email layout uses an improved typography hierarchy, including a larger lead paragraph for better readability. This applies to all automation flow emails.
Upcoming events showcase
Automation emails can include a section that showcases up to 3 of your upcoming events. Each event card displays:
- Banner image
- Event title
- Venue name
- Nearest upcoming date, formatted according to the recipient's locale
- A link to the event page
Events without a banner image are automatically filtered out, so the showcase always looks polished. You don't need to manage this manually — the section populates and filters itself.
Discount block with CTA button
When a discount is included in an automation email, recipients see:
- The discount code chip
- A percent badge showing the discount amount
- A prominent CTA button that links directly to checkout with the code pre-filled
This makes it easier for recipients to redeem their discount in one click.
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:
- Send Now — Deliver the email immediately
- Schedule Later — Choose a future date and time; the date and time controls appear nested beneath this card when it is selected
- 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.
Event cards in automation emails
When an automation flow includes an upcoming events newsletter, event cards are rendered inside the email. If a discount is linked to the automation flow, each event card will render with visible discount styling — attendees will see the offer highlighted directly on the card within the email.
AI email generation
Use Generate email with AI to create email copy automatically. The AI uses details from your flow configuration to produce relevant, ready-to-edit content.
How to get the best results:
- Provide a clear Message to communicate — describe the purpose or topic of the email
- Use the Custom message or tone (optional) field to guide the writing style (e.g. "Friendly and casual")
- After generation, review the copy and edit as needed before sending
- Use Regenerate to produce a new version if the result doesn't fit
AI guardrails — what the AI avoids:
The AI is designed to keep automated copy accurate and evergreen. Generated copy will not mention specific event names. This prevents incorrect or outdated information from appearing in emails that may be sent to many different recipients across different events over time. Focus your prompt on the message, tone, or reason for the email rather than naming a specific event.
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
Yes. When creating a new campaign, click Use Previous Design to select any previously saved email design.
JPG, PNG, and GIF. Keep images under 1MB for best performance. The technical per-file limit is 5MB and the maximum dimensions are 9000×9000 px.
The recommended width is 600 px (the email's default content width). For sharp results on retina displays, upload at 2×: 1200 px wide. The most common aspect ratios are 2:1 (e.g. 1200×600) or 3:1 (e.g. 1200×400). Leave the height on Auto in the editor to preserve the aspect ratio and scale cleanly on mobile. Ideal file size: under 1 MB. Accepted formats: JPG, PNG, or GIF.
Fields like [Assistant name] are placeholders. When the email is sent, they're replaced with each recipient's actual data.
600px is the industry standard. It ensures your email displays correctly across most email clients.
No. The builder uses a block-based system for consistency and deliverability. Use the available blocks to create your design.
If you close the builder and reopen it in the same session, your unsaved changes are preserved. If you choose to leave the composer entirely, you'll be prompted to save, discard, or continue editing.
In the send options, select the Schedule Later card. Date and time controls will appear beneath it — set your desired send time, then confirm.
No. Both features apply automatically to automation flow emails. The branded header uses your existing logo and primary brand color. The upcoming events showcase populates from your active events and automatically excludes any events that don't have a banner image.
Only events with a banner image are included. Events without a banner are automatically filtered out to keep the showcase looking polished. Add a banner to an event to include it.
The AI is designed to keep automated copy accurate and evergreen. Because automation flows can send emails across many different events over time, mentioning a specific event name risks including incorrect or outdated information. Focus your prompt on the message or tone, and the AI will produce copy that stays relevant regardless of which event it applies to.
Related articles
- Email campaigns — Create and send campaigns
- Marketing overview — Full marketing features