Editing Design (section)

== Using the Email Designer ==

To create campaigns with the Email Designer, you use what are known as Structures and Blocks. These design tools are found in two divided menu parts in the main side menu:

* Content
* Global Settings

=== The Email Designer Content Menu Options ===

The Content tab in the Email Designer helps you build the structure of a campaign. This includes:

* Structures (with Containers)
* Blocks

A Structure is a drag and drop element that you can use to create different types of content blocks in your campaign. You can drag and drop as many Structures as you need for your design.

Each Structure has a certain number of Containers. You can pick a Structure that contains 1, 2, 3, or 4 Containers. These Containers allow you to use multiple campaign functions in one content block. For example, you can place a Structure with 2 Containers into your campaign and use one Container for a text box and another for an image file.

You can configure the sizing and general appearance of individual containers within a structure by clicking on the “To Structure” option near the top of the side menu. When you click that option, you will see a new menu appear where you can edit things like indentation and padding for each container. If you click on “To Container” in the same top of the side menu location, it will take you to menu options for the campaign as a whole.

Once you place your desired Structures in your campaign, you can begin to fill them with specific blocks.

*NOTE: If you would like to add another container to a structure, you can click the plus sign in the top right. Once that container is added, you can easily adjust it to the size of the other containers by clicking the equal (=) button.*

A Block is the specific type of content you want to include in your campaign. The following are the types of blocks you can use to design your campaign:

* Image
* Text
* Button
* Spacer
* Video
* Social
* Banner
* Timer
* Menu
* HTML for custom code

To learn more about the newest Block options – Banner, Timer, and Menu – please visit [[Email Designer Blocks Explained]].

Once in place, you can click on each of these elements to customize them with colors, font sizes, links, and more. To use any of them, you need to drag and drop it to your template and then edit.

=== The Email Designer Global Settings Menu Options ===

In the Global Settings tab, you can edit your structure elements. You will find the following editing sections under the Global Settings tab:

* General Settings
* Sections
* Headings
* Button
* Mobile Formatting

Each of these sections further customizes the style of your campaign.

==== General Settings ====

Under General Settings, you can adjust things like message width and font. Here’s a complete list of possibilities:

* **Message width**: The default width is set as 600px, but you can set any size between 320 and 900px.
* **Default padding**: Padding is the space around a structure, such as text or an image. You can use this option to increase or decrease padding. Default padding will be used by default for all new structures added to email from the Content tab. This is set as a pixel value.
* **Background color and image**: Set your preferred background color and image based on your email content.
* **Font**: Use your preferred font.
* **Line and paragraph spacing**: Set your own spacing preferences between text lines and paragraphs.
* **Underline links**: Choose whether you’d like your links to appear underlined or not.
* **Responsive design**: Enabling this function may help to improve the mobile version of your campaign. However, results may vary on different devices. If this function is turned off, the mobile version of your campaign will mirror the desktop version.
* **Right-to-left (RTL) text direction tab**: If this control is activated then text direction will automatically go from right to left.

==== Sections ====

The Sections menu controls your Header, Content, Footer, and Info rows. Within each of these sub-sections, you can customize the Text Size, Font Size, and Link Color.

==== Headings ====

Here you can set default font style, size, color, bold, and italics fonts for H1, H2, H3 headings.

==== Button ====

The Button menu allows you to set some parameters that will be used for all buttons in the email by default. You can customize button settings like color, font, border, and more. Note that configuring the settings under this section may prompt additional menu options.

==== Mobile Formatting ====

To create a mobile-friendly version of your campaign, make sure to use the mobile formatting options. These settings will only work in the mobile version of the campaign. For mobile viewing, you can configure:

* H1, H2, and H3 sizing
* Button text size
* Button width
* Content margin