Browse docs

Jump between feature areas and guides without leaving the article.

Email Editor

The email editor is shared across broadcasts, sequences, templates, automations, notifications, and confirmation emails. This guide explains how to build reliable email content and review it before it reaches subscribers.

12 min read

Mailrith broadcast editor showing an email campaign workflow.
The email editor appears in several Mailrith workflows. The surrounding feature decides when the message is sent and who receives it.

Where the Email Editor Appears

Mailrith uses the email editor in broadcasts, sequence emails, email templates, automation send-email steps, internal notification steps, and double opt-in confirmation emails. The exact surrounding workflow changes, but the main editing ideas stay the same.

Mailrith broadcasts page showing email campaign editing
The same editor concepts are used across one-off broadcasts, reusable templates, sequence emails, and automation email steps.

Think of the editor as the place where you create the message subscribers or teammates will read. The surrounding feature decides when the message is sent and who receives it.

Content Building Blocks

The editor supports regular text and modular layout sections. Use text for simple writing. Use sections when you need columns, images, buttons, or a more designed layout.

  • Paragraph text: write normal email copy, introductions, explanations, and closing notes.
  • Sections and columns: create one-column or multi-column layouts for structured content.
  • Buttons: add a clear call to action. Use one primary button when possible so readers know what matters most.
  • Images: upload an image, reuse an existing image from the media gallery, or search Unsplash when that option is available.
  • Dividers and spacing: separate sections and give the message room to breathe.

Keep layouts simple for email. Many inboxes are narrower and less predictable than web pages. A clean single-column layout often works better than a complex multi-column design.

  1. Open the email draft from a Broadcast, Sequence, Template, automation step, or double opt-in tag.
  2. Write the main message in plain text before adding layout blocks.
  3. Add sections only when they make the email easier to scan.
  4. Add one primary button for the main action whenever possible.
  5. Use dividers and spacing to separate ideas, not to decorate every line.
  6. Preview the email before sending a test.

Images, Uploads, and Unsplash

You can upload images from your computer and reuse images that were already uploaded to the workspace. This is useful for logos, product screenshots, event banners, and brand images.

When Unsplash search is available, Mailrith can insert an Unsplash image with attribution. Use Unsplash for supporting imagery, not for critical product proof. If readers need to understand your actual product, offer, venue, or event, use your own real image whenever possible.

Always add meaningful alt text for images that carry information. Alt text helps readers who use assistive technology and readers whose email client blocks images by default.

  1. Place the cursor where you want the image to appear.
  2. Click the toolbar button labeled Add image.
  3. In the image drawer, upload a file, select an existing workspace image, or search Unsplash if that option is available.
  4. Add alt text that explains the image if the image carries useful information.
  5. Preview the email on mobile to make sure the image is not too wide or too tall.
  6. Send a test email and confirm the image loads in a real inbox.

Autosave, Preview, and Test Sends

Mailrith saves drafts after the required fields are complete. This protects your work while you write, but you should still wait for saving to finish before closing a tab during important edits.

Use preview before sending. Desktop preview helps you review layout, while mobile preview helps you catch cramped columns, oversized images, long button labels, and text that wraps awkwardly.

Use test sends before live sends or sequence publishing. A test send lets you check the subject line, preview text, image loading, button links, personalization, and how the message looks in a real inbox.

  1. Wait for autosave to finish or save manually if the page provides a save action.
  2. Click Preview to open Email Preview.
  3. Use the Desktop tab and read the email from top to bottom.
  4. Use the Mobile tab and check line wrapping, button labels, images, and columns.
  5. Use Send Test Email in the surrounding broadcast, sequence, or automation workflow to send the email to yourself or reviewers.
  6. Open the test in a real inbox and click every important link.
  7. Return to the editor, fix issues, and send another test if anything changed.
  8. Only move on to sending, scheduling, or publishing after the test email is correct.

Editor Troubleshooting

  • A button link is wrong: click the button, open its settings, and update the URL before testing again.
  • An image looks too large: reduce the image size or place it in a narrower section.
  • The mobile preview looks crowded: simplify columns, shorten headings, and reduce side-by-side content.
  • Unsplash results do not load: try a simpler search term or upload your own image.
  • A draft changed unexpectedly: check whether you applied an AI draft, duplicated a template, or edited a saved version in another browser tab.

Need Help?

Reach the Mailrith team if you need help planning a workflow or troubleshooting a setup.

Contact

Related Guides

On this page

Jump to the section you need.