An email message Footer is typically houses static information such as an organization's contact information, social-media links, and unsubscribe links.
This frees up the body of the message for the information that is truly the focus of the message.
This article describes:
- the Footer 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 (text, icons) of the layout.
Add a Footer layout
To add a Footer layout:
- Navigate to the Design > Build tab.
- Expand the Footers group.
- Drag and drop a Footer 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 Footer layout that you add to a template:
- The layout properties are the nearly the same for all of the Footer layouts.
- Refer to Footer layout properties, below, for information.
- The footer content depends on the Footer layout type. For example, a Footer layout might accommodate only contact information; whereas, in a different Footer layout you might be able to add contact information and configure social-media icons.
- The configuration options are the same within each content type; i.e., all text elements have the same configuration options — irrespective of which Footer layout they're in.
- Refer to Add Footer content, below, for information.
Footer layout properties
You can manage several properties for Footer layouts.
These properties:
- are available for all Footer layouts;
- have the same behavior across all Footer layouts; and
- are applicable only to whichever layout they are applied.
To access these properties, click the title row of a Footer 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 Footer 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 Footer 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:
|
| Banner | Check the box to extend the footer 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 Footer layout. The selections are automatically applied. |
| banded background | Accept the Default option to keep the Footer layout within the message body. Click Banded to have the Footer 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 Footer layout, you can customize the content that displays in the footer when a message is sent.
Add Footer content
The type of content that you can include in a footer depends on the Footer layout type.
Footer layouts in TD2 accept only:
- contact information,
- unsubscribe links,
- social-media site icons, and
- custom icons.
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 Footer layout to open the Text Properties panel.
NOTE: This Properties panel is the same for text elements in all Footer layouts.
| Option | Description |
|---|---|
| Text editor field | This has placeholder, recommended contact-information text. Type or paste your organization's contact info in place of this text.
Select the Unsubscribe text and either:
|
| Toolbar | Use the formatting options in the toolbar to customize (e.g., bold, italic, bullets, links, personalization) the footer 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.
Icon Set Properties
Select the icon-set element of your Footer layout to open the Icon Set Properties panel.
NOTE: This Properties panel is the same for icon-set elements in all Footer 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 footers
Though you'll commonly create footers 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.