Visual Email Designer

Design professional emails with our drag-and-drop editor.

Overview

The email designer works similarly to the page builder — drag components, edit content, and preview across devices.

Opening the Designer

  1. Create a new campaign under Marketing → Email → Create Campaign
  2. After setting campaign details, click Design Email
  3. Choose a template or start from blank

Email Components

Layout

  • Columns — 1, 2, or 3 column layouts
  • Spacer — Vertical spacing
  • Divider — Horizontal line separator

Content

  • Text — Rich text with formatting
  • Image — Single image with link option
  • Button — Styled CTA button
  • Heading — Section headings

Commerce

  • Product Card — Product image, title, price, and link
  • Product Grid — Multiple products in a grid
  • Discount Code — Styled discount/coupon display

Social

  • Social Links — Icons linking to your social profiles
  • Share Buttons — Let readers share on social media

Customizing Design

Global Styles

Set default styles for the entire email:

  • Background color
  • Font family and size
  • Link color
  • Button style

Per-Component Styles

Each component has its own style options:

  • Padding and margins
  • Background color
  • Text alignment
  • Border and border radius

Preview and Test

  • Desktop/Mobile preview — Toggle between views
  • Send test email — Send to yourself or a teammate before launching
Tip

Always send a test email to yourself. Check how it looks in your email client before sending to customers.

Next Steps