2025 Template Gallery Overview

Video Resources

Get started on using the new templates by checking out our video resources below:

Creating a New Template using the Gallery

Get started with a new template in just a few easy steps.

To start using our new gallery templates, first we have to add them to our account. Our first step is going to be going to the Messages tab > Templates and here we will see a list that contains all of the templates that are already in your account.

Click the plus sign to create a new template.

This is where we will find the Marketing Professional Template Gallery. Scroll down to the bottom, to see all the new templates that have been added to our system.

All of the templates use a similar "frame" but contain special custom layout options that relate to the type of template it is. There are key custom layouts that are available in every template regardless of type.

For example, the event templates will have special event session layouts and the "President's Letter" has a special custom layout for a signature and a portrait that can be used.

After you have chosen an option, rename your template, if desired.

Now we can begin to update the content.

The first item we are updating is the logo.

Click on the logo image to select it and then click on the link text in the left sidebar to select a new image. Choose the "Choose an Existing Image" option to navigate to your asset manager and select a new image or upload one.

For logo images, a PNG with a transparent background that is 150 - 250px wide is recommended. This will display the best on both mobile and desktop.

Add a link if desired to your website and then move on to the next piece of the footer.

The next piece to update is the physical address and contact information.

To be compliant with anti-spam laws and Higher Logic policies, you will need to at least include your physical address. In addition to this you can include:

Company Name
Phone Number and/or Fax number
Link to your website
Contact links to your email address

Click into this text box to either paste in or type in your desired information.

Next step is to add links to the Social Icons.

By clicking into the social icons, you can:

Change the order of the icons
Add a link to each icon
Change the images for each icon
Delete unnecessary icons
Add additional icons for other social media platforms or Community Websites.

To replace the image icons, you have a 2 options:

Use any of our color options by going to the "Common" images tab > Icons > Social2025. There you will find all the common social media icons in black, white, color and gray.
Upload your own icons to the asset manager.
- If choosing to upload your own icons, they are display best between 20 - 40px tall.

Next, update your bottom links.

If you do not have a Preference Page, this can be deleted or replaced by another link or copyright text. If you would like to see more information about how to create a Preferences page, please click here or reach out to your CSM or our support team to get started!

All footer links use a special color of #292929. You can choose any color or use the set template link color from the template's theme.

An unsubscribe link is required in any template used to send a message by law. Choose from the “Unsubscribe” pages in your account or if you use an external link for subscription management, there is an option for this as well.

Activate your template button on the review and activate tab of the template builder

Now that these updates are all set, we can activate our template to be used in a message!

Save and go to the "Review and Activate" tab to get a final preview of your updates and then click the "Activate" button on the bottom left of the page. This will make the template available when choosing a template to create a message.

Customize Your Template Footer

Before any gallery template can be used in a message, the footer needs to be updated.

Centered Footer: Light: Dark: Footer with Logo: Light: Dark:	While in the template editor, start by choosing the footer you would like from the "Custom Layouts" dropdown. There are 2 styles and 2 color themes available.
	Under "Custom Layouts" click and drag the footer you would like into the "Footer" section at the bottom of the message. You will see dotted lines appear showing the section boundaries.
	Preview how a footer will look by going to the "Review and Activate" tab. Return to the "Design" tab to keep editing your template footer.
	Click on the footer you do not wish to use and select the trash can icon to delete.
	Next, update your logo image. The footer logo should be between 100 to 250px wide. Larger images will be resized but this will look best on a mobile device. Choose between an image you have already uploaded to the asset manager, or, upload a new image using the image tool.
	Next, update the text in the center text box. To be compliant with anti-spam laws and higher logic policies, you will need to at least include your physical address. In addition to this you can include: Your Company Name Your telephone number A link to your website A contact email address
	Update your social media links by clicking on the “icon set.” Here are some tips: Delete un-needed icons by clicking the trash can icon. To replace the image used with a custom image, click on the blue link name in the left sidebar. If the link is correct but an error message appears, check the “allow insert” checkbox and click “insert hyperlink.”
	Next, update your bottom links. If you do not have a Preference Page, this can be deleted or replaced by another link or copyright text. If you would like to see more information about how to create a Preferences page, please click here. All footer links in our "light" footers use a special color of #292929. Our "Dark" footer uses a link color of #ffffff. You can choose any color or use the set template link color from the template's theme. An unsubscribe link is required in any template used to send a message by law. Choose from the “Unsubscribe” pages in your account or if you use an external link for subscription management, there is an option for this as well.
	Now that these updates are all set, we can activate our template to be used in a message! Save and go to the "Review and Activate" tab to get a final preview of your updates and then click the "Activate" button on the bottom left of the page. This will make the template available when choosing a template to create a message.

Customize your Template Theme with your Brand Styling

Update your font settings, background colors, button styles & more!

The “Theme” tab is where you update text, buttons and link styling.

	In the template editor, toggle to the "Theme" tab
	Starting on the "Background" element, make any adjustments to the background colors using the "body background" color picker for you would like for the area behind the message and the "template background" color picker for the message body color from white to another color. These colors can be changed by clicking into the box and selecting a color using the color picker tool, HEX or RGB values. An image can also be uploaded to use for the area behind the message body. This will appear for most email clients but some versions of Outlook do not support an image background and the set color will appear instead. It is best to use images, such as patterns, that will tile well. In all of our new Gallery templates, the default background color is #dfdfe1, a neutral gray color. If you use the "Light - Footer with Logo" and "Light - Web Version" layouts in your message, this will use the same background color. This can be changed by editing the custom layout OR manually changing the color by selecting the section. If you would like to use the "Dark" footer and "Dark - Web Version" options, these will use a background color of #292929.
	Click into the dropdown to navigate to the next element tab, “template width”. All of our templates default to a width of 650px. The template can be between 600px and 700px wide. The padding setting can be ignored or set to 0 to prevent confusion. This setting would only impact the left and right padding if a new section was dragged into the template.
	The next “Message Content” element controls how much space is placed between items in a message. Since this template uses custom layouts that have padding built in, this is set to 0px. With the current custom layouts, there is 10px above and below each content item that creates a total amount of 20px between each piece of content added to a message. You can add more padding as desired by using the "Space between stories" dropdown. To reduce the amount of padding between items as a whole, the custom layouts would need to be edited. I do not advise using less than 4px of padding around the custom layouts. Padding is very important in keeping your content legible and for allowing columned layouts to have space when they stack on a mobile device.
	Next, is the “Text” element. This is where you can update text colors, sizes, font family and line spacing to match your brand guidelines. Click into each of the presets to make your desired changes. There are 3 heading, subheading and standard text options that can each be set individually. Our custom layouts use the following settings: Message Title - Heading 1 Section title - Heading 2 Story Headlines - Heading 3 Subtitles - Subheading 1 Text - standard text 1 Footer text, links and web version links - standard text 3 Using these presets allows you to easily and quickly format your text, unify your brand standards and ensure that every message matches your exact specifications. To change the text color, click into the box with the HEX code. Use the color picker, HEX value or RGB value boxes to update. To change the font family, click into the dropdown to select from our list of web safe font options or check the “use custom font” box to add a font of your own. Custom font support can be limited based on the email client and device used to view a message. Always set a web safe secondary font. For the generic font option, choose a an option that fits your font from the dropdown. “Serif” means the font has "tails" at the end of each stroke of the letter. An example of this type of font is “Times New Roman” “Sans-Serif” means the font has "no tails" at the end of each letter. An example of this type of font is “Arial” “Monospace” means that all or most of the characters take up the same amount of horizontal space. This is common in fonts used to represent code or typewriters. An example of this type of font is “Courier New” Once configured, you can apply your custom font by clicking in the dropdown and selecting it from the list. It will appear at the bottom. Each preset text style can use a different font but only 1 custom font can be set in each template. To remove or replace the custom font from your template, click on the checkbox again. Any preset font styles using that font will be reset to Arial, Helvetica, Sans-Serif. If replacing, you can then re-check the box and add your new font, secondary font and generic settings. For more information about the Custom Font Family tool, please see our Knowledge Base article here.
	Click into the "Hyperlinks" tab to make changes to the link color and style. You can use any color desired, set the link to take on the text settings used in the message or always be bold, and set the link to be underlined or not.
	Click into the "Button" tab to make changes to the Button background and text colors. You can make adjustments to: The default button size There are 5 size options: Tiny Small Default Large X-Large Alignment Font family Expansion of the button width
There may be additional settings in the Theme tab that you may want to make adjustments to but these are the most commonly needed changes.

How to Use the "Dark" Color Theme

Our Gallery Templates are created in a "Light" and "Dark" Theme.

If the original “Light” color palette of the Gallery templates do not fit your style, these can be easily updated to use a dark option.
See below for the steps to replace your template's colors to the "Dark" theme:

Background Theme Element with updated Hex color

First, we will need to go to the “Theme” tab and replace the background color.
Our “Dark” color palette uses a background color of #292929.

If you have another color you would rather implement, you are welcome to do so!

Click into the box to replace the current HEX color with #292929 or your desired background color.

Before:
Selected Header Section with original color

Path of section links for the header content item

Next, we need to update the Header section background color.

Click back to the "Build" tab in the top left of the sidebar and then click the "Header" section.

In the "Path" links in the left sidebar, choose the "section" that is to the immediate left of the header name.

Now click to the "Style" tab to update the Background color to #3E3E3C and the border to #292929.

Completed Before and After:

Correctly selected top section:

Incorrectly selected top section:

Bottom Section

Now, we need to address the footer. There are 2 options:

You can update the colors in the existing footer OR
Delete the existing light footer and drag in the “Dark” footer custom layouts

Option 1:

The easiest option is to drag in a “Dark” Custom Layout Footer from the Custom Layout tab. The colors, social icons and text are already configured.

All you will need to update is the content itself.

Copy and paste in your footer's address text or type it manually.
Update your logo image with a light or white option.
Click on the image to swap it out with your logo image. The “Dark” background will appear best with a transparent PNG.
Delete any un-needed social media options or replace the images with your own options and add your links.
Update your footer links with either a preference page or other link on the left, and your unsubscribe link on the right.
Select the previous light footer and click on the trash can to delete the original footer option.

Option 2:

If you plan on replacing colors on your existing footer, you can select the top section and bottom section by clicking on either. There will be a highlighted box around the selected section and the sidebar will update and display the style tab.

Note: It is important to select the outer section, not the column section. The yellow highlight should border the whole top section and you should be able to see the inner dotted line surrounding the footer contents.

Here you can then update the HEX code.

The Dark Theme uses #3E3E3C to replace the top light color and #292929 to replace the bottom medium color.

Images and text colors will need to be updated as you edit. Text and links should be updated to #ffffff or White or another very light color, and light color or white outlined logos are best.

For the social icons, you can upload a new image of your own, or choose an option from our “common” folder.

Optional edits:

You can turn off “light” layouts in the header to prevent confusion.
- Green layouts are turned on and will appear in a message.
- White layouts will NOT appear in a message, unless ALL layouts are white.
The “Dark - Divider” layout can also be updated to match the new style used in the header.
- The color should be to #292929 or if using your own color palette, your darkest set color.
In gallery templates that use 2 sections, you can update the bottom gray section above the footer to #3E3E3C or your set medium dark color.
- While you are creating a message, you will need to update your text colors to white to make the text readable.

Go to the “review and send” tab to see your changes. Once you have made the desired changes, click the save button to apply and update.

If your template is not already active, click the activate button.

2025 Template Gallery Overview

Gallery Templates

Video Resources

Creating a New Template using the Gallery

Customize Your Template Footer

Customize your Template Theme with your Brand Styling

Update your font settings, background colors, button styles & more!

How to Use the "Dark" Color Theme

Our Gallery Templates are created in a "Light" and "Dark" Theme.

If the original “Light” color palette of the Gallery templates do not fit your style, these can be easily updated to use a dark option.
See below for the steps to replace your template's colors to the "Dark" theme:

Contact Us

Resources

Privacy & Terms

2025 Template Gallery Overview

Gallery Templates

Video Resources

Creating a New Template using the Gallery

Customize Your Template Footer

Customize your Template Theme with your Brand Styling

Update your font settings, background colors, button styles & more!

How to Use the "Dark" Color Theme

Our Gallery Templates are created in a "Light" and "Dark" Theme.

If the original “Light” color palette of the Gallery templates do not fit your style, these can be easily updated to use a dark option.See below for the steps to replace your template's colors to the "Dark" theme:

Contact Us

Resources

Privacy & Terms

If the original “Light” color palette of the Gallery templates do not fit your style, these can be easily updated to use a dark option.
See below for the steps to replace your template's colors to the "Dark" theme: