Skip to content
Mail Quilt
Esc
↑↓navigate↵open⌘Jpreview

Example emails

Three emails, each made from the same six Blocks. The previews are the real exported HTML, rendered when this site was built. Download a document and open it in the Playground with Import JSON to change it. Its pictures come in through Merge Tags, so each shows a placeholder there until you give it an address.

Welcome

A first email after sign-up: a greeting, one button, a picture of what's waiting, and a Row of three Columns that sets out what to do next.

Its shape
4 Rows, 13 Blocks
Its HTML
17 KB
Merge Tags
{{first_name}}{{setup_url}}{{workspace_image_url}}{{unsubscribe_url}}

Shown as a reader would get it, with sample values in place of the Merge Tags.

Receipt

An order confirmation. Each thing bought is a Row split 33 / 67, with its picture beside its name and price, and the total is a tinted Row split 67 / 33.

Its shape
7 Rows, 18 Blocks
Its HTML
24 KB
Merge Tags
{{order_id}}{{first_name}}{{item_1_image_url}}{{item_1_price}}{{item_2_image_url}}{{item_2_price}}{{subtotal}}{{shipping}}{{total}}{{order_url}}{{returns_url}}

Shown as a reader would get it, with sample values in place of the Merge Tags.

Product update

A monthly newsletter. The lead story gets a Row to itself, and two shorter ones share a Row split 50 / 50, each under its own picture.

Its shape
4 Rows, 16 Blocks
Its HTML
18 KB
Merge Tags
{{first_name}}{{folders_image_url}}{{folders_url}}{{search_image_url}}{{table_image_url}}{{preferences_url}}

Shown as a reader would get it, with sample values in place of the Merge Tags.