> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tented.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Creating Emails

> Generate beautiful, personalized marketing emails by chatting with AI

## Emails, the Tented way

If you've built a tent, you already know how to build an email: describe what you want, iterate in chat, and watch the preview update live. Every email Tented generates uses battle-tested HTML — bulletproof tables, MSO conditionals for Outlook, dark-mode hooks — so it renders cleanly across Gmail, Outlook, Apple Mail, Yahoo, and friends.

## Create your first email

1. Go to **Email** in the sidebar.
2. Click **Add > Create Email**.
3. The **Choose Email Template** gallery opens. Pick a starting point: a design from the [Tented example template collection](#tented-example-templates) (every one already rendered in your branding), one of [your own approved templates](/email/email-templates), or **Blank Email** for a clean branded scaffold.
4. Name your email and click **Create Email**.

<img src="https://mintcdn.com/tented/HQbeF4NvDGYb8uwm/images/email-template-gallery.png?fit=max&auto=format&n=HQbeF4NvDGYb8uwm&q=85&s=5eb931aeb81b534f3aaf6a75c6923096" alt="A screenshot of the Choose Email Template gallery with category filters and example templates rendered in the workspace's branding." width="1218" height="772" data-path="images/email-template-gallery.png" />

You'll land in the email editor: chat on the left, live preview on the right, with your default from name and address already filled in from [email settings](/email/email-setup).

<img src="https://mintcdn.com/tented/oIod7XVBxbtZv6BI/images/email-editor-blank.png?fit=max&auto=format&n=oIod7XVBxbtZv6BI&q=85&s=a42639d9c1186babc4fc0e865459bb2f" alt="A screenshot of the email editor showing the chat panel, header fields for from, reply-to, subject and preheader, and a starter email preview." width="1568" height="769" data-path="images/email-editor-blank.png" />

## Tented Example Templates

The gallery's headline act is the **Tented example template collection**: dozens of professionally designed emails covering welcomes, newsletters, product news, promotions, receipts, events, and win-backs. The collection **automatically enables your branding**. Before you touch a prompt, every design in the gallery renders with the logo, brand color, and company details from your [workspace settings](/configuring-tented/workspace-settings), so nothing in it looks like a placeholder.

Browse by category (Welcome & Onboarding, Newsletters & Digests, Sales & Promotions, and more), search by name, or click **Preview** on any card to see it full size. You can also reach the collection any time under **Email > Templates**, in the **Tented Starter Templates** row: hover a card and click **Use** to start a new email from it on the spot.

<img src="https://mintcdn.com/tented/HQbeF4NvDGYb8uwm/images/email-templates-starter-gallery.png?fit=max&auto=format&n=HQbeF4NvDGYb8uwm&q=85&s=179e6895605a71787504afac4a6eba6f" alt="A screenshot of the Email Templates tab showing the Tented Starter Templates row, with every example template rendered in the workspace's Vibes Co. branding." width="1600" height="878" data-path="images/email-templates-starter-gallery.png" />

An email created from an example template opens ready to customize:

* The template's full design, rendered with your logo, brand color, and company footer already in place
* Your default from name, from address, and reply-to prefilled from [email settings](/email/email-setup)
* A chat pill recording which template the email started from

<img src="https://mintcdn.com/tented/HQbeF4NvDGYb8uwm/images/email-created-from-template.png?fit=max&auto=format&n=HQbeF4NvDGYb8uwm&q=85&s=6e5f7d33c05f6d8bc13cb94682955b2f" alt="A screenshot of the email editor right after creating an email from the Photo Welcome example template, with an &#x22;Email created from template&#x22; pill in the chat and branded content in the preview." width="1600" height="740" data-path="images/email-created-from-template.png" />

<Note>
  Creating an email from an example template spends no generation credits. Credits are only used when you ask the AI to generate or edit content.
</Note>

The same gallery has a **My Templates** section listing the [email templates](/email/email-templates) your team has uploaded and approved, right next to Tented's examples. From here on, a template-created email behaves like any other: refine it in chat, personalize it, and approve it, exactly as described below.

## Ask for what you want

Describe the email in the chat box, the same way you'd brief a colleague:

> "Write a friendly launch announcement for our new feature 'Predictive Scheduling'. Include a hero headline, 3 short benefit bullets, and a call-to-action button linking to our site. Personalize the greeting with the recipient's first name."

<img src="https://mintcdn.com/tented/LXO_jvw8XYs-V_FK/images/email-editor-generated.png?fit=max&auto=format&n=LXO_jvw8XYs-V_FK&q=85&s=c85948d97e207beac9aba8d3a20b70a2" alt="A screenshot of a generated launch announcement email with a personalized greeting, benefit bullets, and a call-to-action button, alongside the AI's summary of what it created." width="1568" height="731" data-path="images/email-editor-generated.png" />

Keep chatting to refine it — "make the tone more playful," "swap the bullets for a comparison table," "add a P.S. line." Each request creates a new generation you can review or roll back.

Need visuals? Ask for those too — "add a hero photo of fresh pastries on a marble counter" — and Tented **generates the image** and codes it in. See [Generating Images with AI](/working-with-tents/generating-images).

### Edit sections directly

Hover over any part of the email and you'll see **Click to edit** — handy for quick text tweaks without a round-trip through the AI.

<img src="https://mintcdn.com/tented/LXO_jvw8XYs-V_FK/images/email-click-to-edit.png?fit=max&auto=format&n=LXO_jvw8XYs-V_FK&q=85&s=2cd79990427abf8824210a169782c54e" alt="A screenshot of the email preview showing the Click to edit affordance on a paragraph." width="1568" height="731" data-path="images/email-click-to-edit.png" />

## Subject lines, preheaders, and personalization

Fill in the **Subject** and **Preheader** fields in the header bar. A few niceties built in:

* The subject field has a **50-character guide** — stay under it and your subject won't get clipped on mobile.
* The `{}` **Personalize** button inserts **personalization tokens** — any standard or [custom contact field](/people/contact-fields), in the form `{{contact.firstName}}`. They work in the subject, preheader, and anywhere in the body. (Full token reference: [Personalization Tokens](/email/personalization).)
* Tokens resolve to an empty string when a contact is missing the value, so add a fallback for anything visible: `{{contact.firstName:default=there}}` renders as "there" when there's no first name.
* Tokens can also reformat the value's casing on the way out — `{{contact.firstName:titlecase}}` renders "ada" as "Ada". Four options are available (`:lowercase`, `:uppercase`, `:sentencecase`, `:titlecase`), and they combine with a fallback in either order. (Details: [Formatting values](/email/personalization#formatting-values).)
* A **"View in browser" link** is one token away: point any link at `{{tented.viewAsWebpageLink}}` and each recipient gets a personal link to a hosted copy of their exact email, live for 12 months after the send. (Details: [The view-as-webpage link](/email/personalization#the-view-as-webpage-link).)
* Per-email **From/Reply-to overrides**: any email can use its own sender details instead of the workspace defaults.

Click **Personalize** and you'll get a small builder — pick the field, choose optional formatting, set an optional default, and it inserts the token for you:

<img src="https://mintcdn.com/tented/LXO_jvw8XYs-V_FK/images/email-personalize-popover.png?fit=max&auto=format&n=LXO_jvw8XYs-V_FK&q=85&s=c9e9fd8c52a7101fdf1b36a29d2d4021" alt="A screenshot of the personalization popover with a Field dropdown set to First Name, a Default value field, and the resulting token." width="1568" height="731" data-path="images/email-personalize-popover.png" />

To see personalization with real data, click **Preview as** and pick a contact — Tented uses their contact and activity data as context.

<img src="https://mintcdn.com/tented/LXO_jvw8XYs-V_FK/images/email-preview-as-contact.png?fit=max&auto=format&n=LXO_jvw8XYs-V_FK&q=85&s=5b7b8dea3f1deaa226eb7f153904ea2b" alt="A screenshot of the Preview as menu showing Contact Personalization with a searchable list of contacts." width="1568" height="731" data-path="images/email-preview-as-contact.png" />

## Check it on mobile (and in code)

* The **mobile preview** button renders your email at real device dimensions, with a device picker.
* **Code mode** (`<>`) shows the full HTML and a plain-text view. Advanced users can edit the code directly.

<img src="https://mintcdn.com/tented/LXO_jvw8XYs-V_FK/images/email-mobile-preview.png?fit=max&auto=format&n=LXO_jvw8XYs-V_FK&q=85&s=d91fb1a7d364a5240a099f16818aee09" alt="A screenshot of the mobile preview showing the email rendered at iPhone dimensions." width="1568" height="731" data-path="images/email-mobile-preview.png" />

<img src="https://mintcdn.com/tented/oIod7XVBxbtZv6BI/images/email-code-mode.png?fit=max&auto=format&n=oIod7XVBxbtZv6BI&q=85&s=8293bff66b61fcf8c9cf47774a862844" alt="A screenshot of code mode showing the email's HTML with MSO conditionals and meta tags." width="1568" height="769" data-path="images/email-code-mode.png" />

<Tip>
  The truest test is a real inbox: click **Send Sample** in the top bar to send yourself a one-off copy — see [Sending Sample Emails](/email/sample-emails).
</Tip>

## Generation history

The clock icon opens **Generation History** — every AI generation of this email, with **Preview** and **Revert** so you can compare and restore past versions, just like tents.

<img src="https://mintcdn.com/tented/LXO_jvw8XYs-V_FK/images/email-generation-history.png?fit=max&auto=format&n=LXO_jvw8XYs-V_FK&q=85&s=3e2713e774b4175f2924422606dec4e9" alt="A screenshot of the Generation History panel listing generations with Preview and Revert actions." width="1568" height="731" data-path="images/email-generation-history.png" />

## Approve it

Here's the one concept that's different from tents: **emails must be approved before they can send**. Approval freezes a known-good version — the one your blasts and flows will actually deliver.

Click **Approve** in the top-right corner and confirm.

<img src="https://mintcdn.com/tented/oIod7XVBxbtZv6BI/images/email-approve-dialog.png?fit=max&auto=format&n=oIod7XVBxbtZv6BI&q=85&s=dd557b85b05e7f2e6659901f8dd16e64" alt="A screenshot of the Approve email confirmation dialog." width="1568" height="769" data-path="images/email-approve-dialog.png" />

A few things to know about approval:

* Your Emails list shows each email's status — **Draft** or **Approved**.
* After approving, you can keep editing safely: draft changes **aren't included in sends** until you click **Approve Update**.
* Blasts and flows only offer approved emails (or brand-new ones you compose inline).

<img src="https://mintcdn.com/tented/oIod7XVBxbtZv6BI/images/email-emails-list.png?fit=max&auto=format&n=oIod7XVBxbtZv6BI&q=85&s=2a585eed317029ce210fd250782475f4" alt="A screenshot of the Emails list showing an email with an APPROVED status badge." width="1322" height="769" data-path="images/email-emails-list.png" />

## What's next?

<Columns cols={2}>
  <Card title="Send it to an audience" icon="bullhorn" href="/email/email-blasts">
    Pick a list, pick a time, and launch your first email blast.
  </Card>

  <Card title="Automate it" icon="diagram-project" href="/email/triggered-flows">
    Send it automatically when contacts hit a trigger, as part of a multi-step flow.
  </Card>
</Columns>
