Email Editor

Build beautiful emails with the visual block editor and AI assistant

Email Editor

The Sequenzy email editor is a visual, block-based editor that makes it easy to create professional emails. You can drag and drop components, customize styling, and even use AI to generate or copy email designs.

Editor Overview

The editor consists of three main areas:

1. Canvas - The central area where you build your email
2. Block Library - Left sidebar with available components
3. AI Assistant - Right sidebar for AI-powered content generation

Default Components

The email editor provides a comprehensive set of building blocks:

Text Components

Component	Description
Heading 1	Large title text for main headlines
Heading 2	Medium title for section headers
Heading 3	Small title for subsections
Paragraph	Standard body text
Lead	Emphasized introductory text

Buttons

Component	Description
Primary Button	Main call-to-action with filled background
Secondary Button	Subtle button with border outline
Pill Button	Rounded button style

Layout

Component	Description
Spacer (S/M/L)	Adds vertical spacing (16px, 32px, 64px)
Divider	Horizontal line separator
Two Columns	Side-by-side layout
Three Columns	Three-column layout

Media

Component	Description
Image	Upload or link to images
Logo	Company logo with automatic sizing

Sections

Component	Description
Card	Boxed content section
Feature Card	Card with emoji icon
CTA Block	Call-to-action section with title, description, and button
Quote	Styled testimonial or quote
List	Checkmark list for features/benefits
Alert	Important notice or warning box
Signature	Email signature block
HTML	Custom email-safe HTML snippet

Footer & Social

Component	Description
Social Links	Social media icons (X, LinkedIn, Instagram, etc.)
Simple Footer	Minimal footer with unsubscribe link
Full Footer	Complete footer with address and links

Working with Blocks

Adding Blocks

1. Click a block in the left sidebar
2. It appears at the bottom of your email
3. Drag to reorder as needed

Editing Blocks

1. Click a block to select it
2. Edit text directly in the canvas
3. Use the settings icon for advanced options

Working With HTML Blocks

Use the HTML block when one section of your email needs custom markup.

1. Add the HTML block from the component panel or slash menu
2. Paste your snippet into the inline code editor
3. Review the live preview below the editor
4. Keep the HTML snippet-focused; use the full HTML editor only when the entire email is custom code

HTML blocks support merge tags like {{FIRST_NAME}} and are rendered in the same email pipeline as the rest of your blocks.

Block Actions

When you select a block, you’ll see action buttons:

• Settings - Open block configuration panel
• Duplicate - Create a copy of the block
• Delete - Remove the block

Reusable Components

You can save your own reusable components from the same block editor.

1. Select a block and click Save Block in the Components sidebar to save that block for reuse
2. Click Save Section to save multiple adjacent top-level blocks as one reusable component
3. Open AI in the Components sidebar if you want Sequenzy to generate a reusable section from a prompt
4. Insert saved components later from the sidebar, the inline add menu, or drag and drop

Saved components use the same email blocks as the main editor, so after you insert one you can keep editing it like any other part of your email.

Drag and Drop

Blocks can be reordered by:

1. Hovering over the block
2. Clicking the grip handle on the left
3. Dragging to the new position

Fonts

Choose from 50+ fonts to match your brand. The font applies to your entire email and can be changed in the Email Style panel.

Selecting a Font

1. Open the Email Style panel (left sidebar, gear icon)
2. Click the “Font family” dropdown
3. Select a font—the dropdown shows a preview of each option
4. Your email updates immediately

System Fonts

These fonts are installed on most devices and render consistently across all email clients:

Font	Style	Best for
System	Sans-serif	Clean, native look
Arial	Sans-serif	Universal compatibility
Helvetica	Sans-serif	Professional, modern
Georgia	Serif	Elegant, readable
Times New Roman	Serif	Traditional, formal
Verdana	Sans-serif	Highly readable
Trebuchet MS	Sans-serif	Friendly, casual
Tahoma	Sans-serif	Compact, clean
Courier New	Monospace	Code snippets, technical

Web Fonts

Web fonts from Google Fonts give you more design options. They render in modern email clients (Gmail, Apple Mail, Outlook.com) with automatic fallbacks for older clients.

Popular sans-serif fonts:

• Inter, Roboto, Open Sans, Lato, Montserrat, Poppins
• DM Sans, Manrope, Plus Jakarta Sans, Space Grotesk

Serif fonts:

• Merriweather, Playfair Display, Lora, PT Serif
• Source Serif 4, Libre Baskerville, EB Garamond

Display fonts:

• Bebas Neue, Oswald, Anton

Monospace fonts:

• Roboto Mono, Fira Code, JetBrains Mono, Space Mono

Web fonts may not display in all email clients. Older versions of Outlook for Windows use system font fallbacks. Always test your emails if exact font rendering is critical.

Font Fallbacks

All fonts include fallback stacks. If the primary font doesn’t load, the email gracefully falls back:

"Inter" → System UI → Arial → sans-serif
"Playfair Display" → Times New Roman → serif
"Fira Code" → Courier New → monospace

This ensures your email remains readable regardless of the recipient’s email client.

AI Email Assistant

The AI assistant helps you create emails faster by generating content or copying designs from images.

Generating Content

Type a prompt to generate email content:

• “Write a welcome email for new users”
• “Create a promotional email for our summer sale”
• “Make this email more engaging”

Copying Email Designs

You can copy email designs from screenshots or images:

1. Click the attachment icon in the AI chat
2. Upload a screenshot of an email you want to recreate
3. Type “Copy this email design” or similar prompt
4. The AI will recreate the structure using Sequenzy blocks

When copying emails, the AI preserves the structure and layout while adapting content to use your company information and personalization variables.

Example Prompts

Creating new emails:

• “Write a 3-email welcome sequence”
• “Create an abandoned cart reminder”
• “Generate a product announcement email”

Modifying existing content:

• “Make the headline more compelling”
• “Add a testimonial section”
• “Shorten this email”

Copying from images:

• “Copy this email design” (with image attached)
• “Recreate this layout with my brand colors”
• “Use this structure but change the content to be about [topic]“

Personalization Variables

Use variables to personalize emails for each subscriber:

Variable	Description
{{FIRST_NAME}}	Subscriber’s first name
{{LAST_NAME}}	Subscriber’s last name
{{EMAIL}}	Subscriber’s email address
{{UNSUBSCRIBE_URL}}	Unsubscribe link

To insert a variable:

1. Click where you want the variable
2. Type {{ to see available options
3. Select the variable from the dropdown

Preview & Testing

Preview Mode

Toggle between desktop and mobile preview to see how your email looks on different devices.

Send Test Email

Before sending a campaign:

1. Click “Send Test”
2. Select a subscriber to receive the test
3. Check the email in your inbox

Best Practices

Design Tips

1. Start with a logo - Add brand recognition at the top
2. Use clear headings - Break up content with hierarchy
3. One primary CTA - Focus attention on the main action
4. Add whitespace - Use spacers to improve readability
5. Include footer - Always have unsubscribe and company info

Content Tips

1. Keep it concise - Respect your readers’ time
2. Personalize - Use variables for a personal touch
3. Mobile-first - Most emails are read on mobile
4. Clear value - Lead with what’s in it for the reader

Related

Campaigns

Send one-time email broadcasts

Sequences

Build automated email workflows

Transactional

Send triggered emails via API

Variables

Learn about subscriber data