# Email Editor

The Humanic Email Editor is a simple yet powerful tool for creating advanced and personalized emails. It provides an intuitive drag-and-drop interface with essential building blocks like text, images, CTA buttons, HTML blocks, and Liquid personalization variables.

<figure><img src="/files/9P5ZAEgH6zPvgXLa26fV" alt=""><figcaption></figcaption></figure>

#### Personalization

Humanic supports Liquid variables, allowing you to personalize emails with details like first name, location, and title. For example:

```
Hi {{ first_name }},
Welcome to our platform! We noticed you're from {{ location }}.
```

<figure><img src="/files/MlgCZYY154NNpnSmcOeT" alt=""><figcaption></figcaption></figure>

You can use a pipe (`|`) to provide a default value in case a Liquid variable is null. To search for a variable, simply type `{{` and you will see all available Liquid variables matching your query.

#### Using HTML Blocks

For advanced customization, you can insert custom HTML to format content and style emails as needed. Type `/` to show all the available blocks and click on the HTML block to insert it into your email.

<figure><img src="/files/uqLukzLKfFI8F797BkV0" alt=""><figcaption></figcaption></figure>

#### Adding CTA Buttons

Call-to-action buttons can be inserted to drive engagement. Customize text, color, and links to match your goals.

<figure><img src="/files/CT7cknb5UBgTTxbmVdz6" alt=""><figcaption></figcaption></figure>

#### Preview and Testing

It's always better to view the email in different screen sizes before delivering it. You can check its screen by clicking on the `phone` or `desktop` icon in the editor. To preview, click on the eye icon to see the final result.

It's also recommended to test it by sending an actual test email. Humanic provides this feature by clicking on the `Send Test Email` button at the top left corner and adding the recipient's email ID to test it.<br>

<figure><img src="/files/FQqYqET6HFnmCHNoJVju" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://humanic.gitbook.io/humanic/campaigns/email-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.