Email Design

What this does

Email design is the layout of your message: header, body, and footer blocks inside the canvas.

Layout regions

• Header: global header blocks for the email.
• Body: the main content area where most widgets live.
• Footer: global footer blocks, including unsubscribe content.

You can toggle sections with the Header and Footer controls that appear on hover. If a shared header or footer grows unusually tall, the canvas shows a warning so you can move main message content back into the body.

Design workflow

Editing and moving content

• Text blocks include an inline toolbar with formatting and Ask AI actions for creating, improving, shortening, lengthening, or custom-editing selected email copy.
• Drag blocks between Header, Body, and Footer drop zones. Empty header and footer regions show larger drop targets, while populated regions keep smaller insert zones between blocks.
• When you drag content into the shared Header or Footer, the canvas highlights that region and confirms where the block was added.
• Reordering a block inside the same email section keeps the intended insert position more reliably.
• The builder backdrop stays blurred while dialogs are open so the active email editing surface remains easier to follow.

Preheader text

The builder includes a preheader area at the top of the email. Use it to add a short preview line that appears in inbox previews.

Images and background previews

• Image and background selections from Files keep saved crop and transform choices more consistently in builder previews.
• Email image optimization can still resize and compress Uploadcare images while preserving the selected crop path.
• Use image fit, width, border radius, alignment, and background color controls to fine-tune how images appear across desktop and mobile previews.