> ## 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. Name your email, and optionally pick an [approved template](/email/email-templates) as your starting point.

<img src="https://mintcdn.com/tented/oIod7XVBxbtZv6BI/images/email-create-dialog.png?fit=max&auto=format&n=oIod7XVBxbtZv6BI&q=85&s=ff94c50ec755e40b00d6fb48f96e23e1" alt="A screenshot of the Create Email dialog with an email name and optional template picker." width="1322" height="769" data-path="images/email-create-dialog.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" />

## 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.

### 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.
* 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, 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" />

## 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>
