Template Designer 2 (TD2) offers many different layouts that you can add to your design. However, if you need more control, you can also create Custom Layouts. By creating custom layouts, you have the freedom to design layouts specific to your organization’s needs.
Create a Custom Layout
To create a Custom Layout in TD2:
- On the Design > Build tab, expand the Custom Layouts category.
- Click Create Custom Layout.
- This opens the Layout Editor dialog. The first thing you should do is give your Custom Layout an appropriate name in the Layout Name field. This is the name that will represented your Custom Layout when adding it to a template or message, so make sure it's descriptive enough to make it's purpose clear.
- Next drag and drop content types to create a unique message content layout that you can use in your template or as an option in a Message Content layout.
You'll learn more about this process in the article sections below.
The Layout Editor has two tabs: Design and Properties.
The Design tab is where you’ll do most of your layout and design work. These elements use the same properties as their corresponding layouts. Similarly, as a best practice, you’ll have greater control over your design if you use Sections to structure your Custom Layout.
You can add the following elements:
- Image with Text
- Text with Headline
- Quick Links
- Icon Set
- Social Share
The Properties tab lets you set properties for the entire custom layout canvas. Much like sections in your template, the Properties tab allows you to divide your custom layout into columns and to add stylistic elements to your design.
The Columns sub-tab lets you subdivide your custom layout. You can select between one and five columns, and you can set their proportions using the Column Dimensions slider.
Check the Stack Columns in Mobile Version checkbox to let your columns render differently in the mobile version of you mailing.
The Style sub-tab lets you modify the stylistic properties (color, padding, etc.) in your custom layout.
- Use Default Background - If checked, your custom layout uses the background color set in the Theme menu. If unchecked, you can use the color picker to select a unique color for the layout’s background.
- Border - If checked, your section applies a border with several possible settings.
- Border Style - Click the dropdown to select a solid, dashed, or dotted border.
- Border Size - Click the dropdown to set the border size in pixels (1-10).
- Border Color - Click to use the color picker to select a unique color for the layout’s border.
- Apply Border To - Check the corresponding checkbox for each side (top, bottom, left, and right) that uses the border.
- Padding - Click the dropdown list to set the padding around your section (0-30 pixels).
- Apply Padding To - Check the corresponding checkbox for each side (top, bottom, left, and right) that applies padding.
- Vertical Align - Click the dropdown list to set a vertical alignment option (top, middle, or bottom).
Custom Layout Example
Below is an example of a custom layout that uses the following elements:
- Three sections
- Two text areas (one for the title and one for the story content)
- An image
- A divider
Manage your Custom Layouts
Let's check out a few ways you can manage your existing Custom Layouts.
When you're ready, click Save Layout at the top right to save your layout to the Custom Layouts menu.
Copy, edit, and delete
Click the gear icon to access these options.
- Copy - This opens the Layout Editor where you’ll name the copy in the Layout Name field. Additionally, you can freely edit the copy.
- Edit - To edit your layout, select Edit.
- Delete - This prompts you with a confirmation message; click Delete to confirm or Cancel to exit.
Copying Custom Layouts from another template
If you want use Custom Layout from a different template:
- Expand the Custom Layouts category and click Copy Custom Layouts.
- Click the Templates dropdown and select the template that contains your desired Custom Layout. Any available layouts display as icons below the dropdown.
- Click to select each custom layout you wish to copy (selected layouts are highlighted green).
- Click Copy Layouts. The copied layouts now appear in the Custom Layouts menu.
Using your Custom Layouts
One of the greatest benefits of using Custom Layouts is that they’ll be available for any future messages that use your template. All you need to do is assign that layout to a Message Content area. Then, when you or someone else creates a message, that layout becomes available from the Add Content button.