A Header houses the information that displays at the start of an email message. It typically includes an organization's logo or the message's title.

The header is one of the first things your message recipients see, so it is an important aspect of your message and of the template upon which it's built.

This article describes:

the Header layouts that are available in Template Designer 2 (TD2),
how to customize a layout's appearance (e.g., border, padding, background color), and
how to add and manage the content (logo, text, icons) of the layout.

Add a Header layout

To add a Header layout:

Navigate to the Design > Build tab.
Expand the Headers group.

Drag and drop a Header layout onto the canvas.

TIP: The precise location isn't crucial right now because, as with other content areas, you can drag and drop the layout to reposition it in the template.

There are two levels of configuration available for every Header layout that you add to a template:

The layout properties are the nearly the same for all of the Header layouts.
- The two "Full Width Banner" layouts have the Banner checkbox pre-selected.
- Refer to Header layout properties, below, for information.
The header content depends on the Header layout type. For example, a Header layout might accommodate only a logo image; whereas, in a different Header layout you might be able to add a logo, input some text, and/or configure social-media icons.
- The configuration options are the same within each content type; i.e., all logos have the same configuration options — irrespective of which Header layout they're in. Likewise for text and social-media icons.
- Refer to Add Header content, below, for information.

Header layout properties

You can manage several properties for Header layouts.

These properties:

are available for all Header layouts;
have the same behavior across all Header layouts; and
are applicable only to whichever layout they are applied.

To access these properties, click the title row of a Header layout that has been added to the canvas; the Properties panel opens on the left.

Refer to the table that follows the image for information on these properties.

Setting	Description
Use default background	By default, a Header layout uses the color that has been set in the Template Background field on the Theme tab. Uncheck the box to open the color picker to select a different background color.
Border	By default, a Header layout does not have a border. Check the Border box to automatically apply the following default border properties: solid, 1px, black (#000000), all sides. Or, you can set: Border Style - a solid, dashed, or dotted border. Border Size - the thickness (in pixels) of the border. Border Color - the color of the border. Apply Border To - which sides (top, bottom, left, and right) you want the border applied to.
Banner	Check the box to extend the header to the edges of the message body.
Padding	Accept the default of no padding or click the dropdown to set the amount of padding for the top, bottom, left, and/or right of the Header layout. The selections are automatically applied.
banded background	Accept the Default option to keep the Header layout within the message body. Click Banded to have the Header layout extend to the edges of the page.
Vertical Align	Click the dropdown to set the vertical alignment (top, middle, or bottom).

Click Save in the upper right of the page to preserve your changes as you work.
Click Back in the upper right of the panel to close it and save your changes.

In addition to setting the properties for the Header layout, you can customize the content that displays in the header when a message is sent.

Add Header content

The type of content that you can include in a header depends on the Header layout type.

The Logo and Social Icons with Web Version Text layout is the only layout that includes all three content types.

TIP: As you work through the various content properties, your changes are immediately apparent in the canvas; take advantage of this "preview" to check your work. You can undo and re-do actions via the icons above the canvas.

Text Properties

Select the text element of your Header layout to open the Text Properties panel.

NOTE: This Properties panel is the same for text elements in all Header layouts.

Option	Description
Text editor field	Type or paste the text for your header right into the editor field.
Toolbar	Use the formatting options in the toolbar to customize (e.g., bold, italic, bullets, links, personalization) the header text. See Rich Text Editor for information about this editor.
AI Assistant icon	Click the AI icon in the lower left to open the AI Assistant fly-out panel on the right. See AI Assistant for information on this feature.
Pop-out editor icon	Click the double-diagonal arrow icon in the lower right to open the text editor in an overlay dialog which is larger and much easier to use.

Click Save in the upper right of the page to preserve your changes as you work.
Click Back in the upper right of the panel to close it and save your changes.

Logo Properties

Select the logo element of your Header layout to open the Logo Properties panel.

NOTE: This Properties panel is the same for logo elements in all Header layouts.

Option	Description
Image	Displays a preview of the logo image. Click the file name to open the file selector and choose a different image. Click the X to delete the current image; the file name is replaced by Select Image which you can click in order to select a replacement image.
Alt text	Specify the text that you want used for the logo in the Text version of messages that are built on this template.
Add hyperlink link	Click this to open the hyperlink dialog with the type pre-set to Web Page. Click the dropdown to choose a different hyperlink type; this will change the fields on this dialog. url - Specify the URL to which the logo will link. name - Specify a name for the hyperlink (used for web tracking). Disable tracking - Check the box to disable web tracking for this hyperlink; uncheck the box to enable web tracking. Click Insert Hyperlink.
For mobile version	Accept the default of using the same logo image for the mobile version of the message or click the dropdown to either hide the image for mobile or select a different image for mobile.
Add image caption	Check the box to add a text caption below the logo image. Then, specify the caption text and, optionally, select a text style.

Click Save in the upper right of the page to preserve your changes as you work.
Click the Style tab to set the horizontal position (left, center, right) of the logo.
Click Back in the upper right of the panel to close it and save your changes.

Icon Set Properties

Select the icon-set element of your Header layout to open the Icon Set Properties panel.

NOTE: This Properties panel is the same for icon-set elements in all Header layouts.

In an Icon Set Properties panel:

the icons' properties (image, alternative text, hyperlink) are individually managed per icon.
- This is detailed in the Content tab section in Icon Set (Social Media Icons).
several design aspects of the set of icons can also be managed.
- This is detailed in the Style tab section in Icon Set (Social Media Icons).

Click Save in the upper right of the page to preserve your changes as you work.
Click Back in the upper right of the panel to close it and save your changes.

Custom headers

Though you'll commonly create headers as a static part of a template, you can give message creators the ability to customize them with Message Content areas. To learn how, see Mailing Content.