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

# Email Editor

The email editor, provides you the chance to fully customize the way you want your campaigns to look.

Through the use of the **drag-and-drop** feature of the Email Campaign Editor, you can ensure that campaigns are created quickly and are to the point.

Below is an **overview** of how to make email campaigns from scratch:

1. After *navigating* to Email Campaigns, click on **Template Editor**: which will allow you to Drag & Drop within editor.

<br />

2. From here onwards, you can either pick a template that you have already worked with before, and can make your fair share of changes to it, to modify the look and appeal of it. You can also bring in changes that meet your purpose a little better.

Or, you can click on build from scratch on the **top-right hand corner of screen**. This will open up the email editor.

<br />

3. Build from **scratch** will open up the following:

Here's what will open up in front of you:

Through the **blocks** section, you can decide what you want the main intent of your campaign to be. Whether it is to highlight a new product launch, or bring attention to a new sale. This feature allows you to bring a chunk of content to your campaign.

<br />

\
[block:image] &#x20;
\{
&#x20; "images": \[
&#x20;   \{
&#x20;     "image": \[
&#x20;       "https\://files.readme.io/e214ecb-image.png",
&#x20;       null,
&#x20;       ""
&#x20;     ],
&#x20;     "align": "center",
&#x20;     "sizing": "30% "
&#x20;   }
&#x20; ]
}
\[/block]

<br />

You can modify the content according to the text that you want to add, where you want to place **dividers**, whether you would like to include an **HTML** code that is **pre-made** and so on. There are additional features too, such as adding a **timeer** (incase you want to indicate the presence of a time limit). You can also keep the **campaign product specific and include videos, should you desire to.**

<br />

Following is an image what will be visible on your screen. Alongside this, you can play around with the **features** to get a hang of how to create your ideal email campaign.

<br />

\
[block:image] &#x20;
\{
&#x20; "images": \[
&#x20;   \{
&#x20;     "image": \[
&#x20;       "https\://files.readme.io/759951b-image.png",
&#x20;       null,
&#x20;       ""
&#x20;     ],
&#x20;     "align": "center",
&#x20;     "sizing": "300px",
&#x20;     "border": true
&#x20;   }
&#x20; ]
}
\[/block]

<br />

The drag and drop system allows for flexibility in the way in which you adjust the placement and overall structure of your campaign.

<br />

The **body** feature would enable the following adjustments to be made, as given below:

<br />

\
[block:image] &#x20;
\{
&#x20; "images": \[
&#x20;   \{
&#x20;     "image": \[
&#x20;       "https\://files.readme.io/2032529-image.png",
&#x20;       null,
&#x20;       ""
&#x20;     ],
&#x20;     "align": "center",
&#x20;     "sizing": "34% "
&#x20;   }
&#x20; ]
}
\[/block]

<br />

This feature allows you to make the content as precise and to-the-point as you wish to. From changing the colors of the text, background, to shifting alignments and fonts; you can modify all elements within this category of the editor.

<br />

The **images** that you generate can be directly through the platform, or you can even give the **AI-feature** a little nudge for it to create an image of it's own. All you'll have to do is type in a **prompt** ; the description of the kind of image that you would like the AI to produce, and voila- you can change the positioning and edit it as per your wish. Check out the two images below for the same:

<br />

\
[block:image] &#x20;
\{
&#x20; "images": \[
&#x20;   \{
&#x20;     "image": \[
&#x20;       "https\://files.readme.io/6621b99-image.png",
&#x20;       null,
&#x20;       ""
&#x20;     ],
&#x20;     "align": "center",
&#x20;     "sizing": "34% "
&#x20;   }
&#x20; ]
}
\[/block]

<br />

&#x20;&#x20;
\
[block:image]
\{
&#x20; "images": \[
&#x20;   \{
&#x20;     "image": \[
&#x20;       "https\://files.readme.io/15d55ba-image.png",
&#x20;       null,
&#x20;       ""
&#x20;     ],
&#x20;     "align": "center",
&#x20;     "sizing": "32% ",
&#x20;     "border": true
&#x20;   }
&#x20; ]
}
\[/block]

<br />

After you are done with the editing of your campaign, it is good-to-go and send off. Make sure to send a test campaign to make sure that it is absolutely ready to be sent out to users.

<br />

You can edit the campaign as many times as you wish to!