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:
- Canvas - The central area where you build your email
- Block Library - Left sidebar with available components
- 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 |
| 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 |
| 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 |
| 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
- Click a block in the left sidebar
- It appears at the bottom of your email
- Drag to reorder as needed
Editing Blocks
- Click a block to select it
- Edit text directly in the canvas
- Use the settings icon for advanced options
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
Drag and Drop
Blocks can be reordered by:
- Hovering over the block
- Clicking the grip handle on the left
- 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
- Open the Email Style panel (left sidebar, gear icon)
- Click the “Font family” dropdown
- Select a font—the dropdown shows a preview of each option
- 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
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:
- Click the attachment icon in the AI chat
- Upload a screenshot of an email you want to recreate
- Type “Copy this email design” or similar prompt
- 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 |
- Click where you want the variable
- Type
{{ to see available options
- 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:
- Click “Send Test”
- Select a subscriber to receive the test
- Check the email in your inbox
Best Practices
Design Tips
- Start with a logo - Add brand recognition at the top
- Use clear headings - Break up content with hierarchy
- One primary CTA - Focus attention on the main action
- Add whitespace - Use spacers to improve readability
- Include footer - Always have unsubscribe and company info
Content Tips
- Keep it concise - Respect your readers’ time
- Personalize - Use variables for a personal touch
- Mobile-first - Most emails are read on mobile
- Clear value - Lead with what’s in it for the reader
