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

# Email Template Editor

Tranthor provides two forms of email template editing:

1. A notion like low-code editor that makes it easy to compose primarily text-based emails.
2. A code-based editor that supports Liquid, HTML, and MJML.

## Low-code Editor

The low-code editor provides a notion-like interface for composing lightly styled emails. Blocks are inserted into the template by typing the `/` key and selecting the desired block from the list of suggestions.

<Frame>
  <img src="https://mintcdn.com/tranthor/YfEHKB3txLF8KvIE/images/low-code-template-commands.png?fit=max&auto=format&n=YfEHKB3txLF8KvIE&q=85&s=ea5184f96a2742bc568de8bf1e06ce17" alt="Low Code Email Editor Commands" width="3680" height="2382" data-path="images/low-code-template-commands.png" />
</Frame>

Text can be formatted by highlighting the text and selecting the desired formatting options from the toolbar that appears.

<Frame>
  <img src="https://mintcdn.com/tranthor/YfEHKB3txLF8KvIE/images/low-code-template-formatting.png?fit=max&auto=format&n=YfEHKB3txLF8KvIE&q=85&s=4df82e4ab0c6d30e58997762319f0a0f" alt="Low Code Email Editor Formatting" width="3680" height="2382" data-path="images/low-code-template-formatting.png" />
</Frame>

## Code-based Editor

The code-based email editor supports [Liquid syntax](https://liquidjs.com/tutorials/intro-to-liquid.html), HTML, and [MJML](https://mjml.io/). Learn more about coding responsive emails in MJML in [the next section](/resources/templates/mjml).

An example of a rendered "welcome email" template using MJML and Liquid:

<Frame>
  <img src="https://mintcdn.com/tranthor/YfEHKB3txLF8KvIE/images/mjml-welcome-template-rendered.png?fit=max&auto=format&n=YfEHKB3txLF8KvIE&q=85&s=cc01e41899543580ffca6bdfec644f6b" width="3456" height="1644" data-path="images/mjml-welcome-template-rendered.png" />
</Frame>

A view of the dashboard editor with the template code:

<Frame>
  <img src="https://mintcdn.com/tranthor/YfEHKB3txLF8KvIE/images/mjml-welcome-template-code.png?fit=max&auto=format&n=YfEHKB3txLF8KvIE&q=85&s=da4f19972928db744eefda21cc740939" width="3456" height="1644" data-path="images/mjml-welcome-template-code.png" />
</Frame>

A full view of your user properties, editor, and a rendered email preview:

<Frame>
  <img src="https://mintcdn.com/tranthor/-Yh5uWI-NytiSh8c/images/email-editor-full-view-with-mjml.png?fit=max&auto=format&n=-Yh5uWI-NytiSh8c&q=85&s=70ed4830e0d60f29670140de4cb80fa6" width="3456" height="1792" data-path="images/email-editor-full-view-with-mjml.png" />
</Frame>

## Sending Email Attachments

Tranthor supports sending email attachments.

<Warning>
  When possible, you should link to files using a URL rather than sending them as attachments. Email attachments can have a substantial negative impact on emails' deliverability.

  * Email providers often send emails with attachments to spam.
  * Email attachments are often used by malicious actors to distribute malware.
</Warning>

Sending email attachments requires using `File` [type user properties](/resources/user-property-types/file). First, create a user property that will capture the file you're interested in sending.

<Frame>
  <img src="https://mintcdn.com/tranthor/-Yh5uWI-NytiSh8c/images/file-user-property.png?fit=max&auto=format&n=-Yh5uWI-NytiSh8c&q=85&s=8dd53646f3deb2b3db808ada13ff0656" alt="File User Property" width="3680" height="2382" data-path="images/file-user-property.png" />
</Frame>

Then, include a reference to this file in your template, by clicking on "Options".

<Frame>
  <img src="https://mintcdn.com/tranthor/-Yh5uWI-NytiSh8c/images/email-template-with-attachment-file.png?fit=max&auto=format&n=-Yh5uWI-NytiSh8c&q=85&s=2d6b6e892ad3f3cbd90996062784c501" alt="Email Template with Attachment File" width="3680" height="2382" data-path="images/email-template-with-attachment-file.png" />
</Frame>
