Skip to main content
All CollectionsThe Email Builder
Creating Email Footers
Creating Email Footers

Creating footers in the new email builder

Anna Morton avatar
Written by Anna Morton
Updated over 3 years ago

The footer of an email is located at the very end of the email page. This is typically the ending of your email where you can add a message to sign off your email and can include social media icons to direct your audience to your social media platforms.

Begin by building your email, adding in any text, photos or logos that you would like within the content of your email.

To begin creating my footer in the example below, I have added nine columns at the bottom of my email. This is because I want to add three social media icons to my footer.


If the amount of icons you want to add is an equal number you should add 10 columns, if the icon amount is an uneven number, add 9 columns.

Top tip: Add a divider from the content tool bar above your footer, this divider will create a visible page breaker between the content of your email and the social media icons.

Once you've added your columns you can drag the image content from the content tool bar into your columns.

Then you can upload the images for social media icons (e.g facebook, instagram and twitter).

Now you need to adjust the size of your icons. To do this click icon > turn auto width off and reduce the size of the icon to your desire size. Do this action for all your Icons.

In my email example below, I am adding four links underneath my social media icons to be included in my footer. To do this:

Add an empty block underneath where the social media footer is, add four rows in to this block

Drag the text content from the tool bar in to the rows.


Once you have added in the text you want below your social media icons, add the links to where you would like the text to go.


How to preview your footer:

Click on the preview icon at the bottom of the email builder

Here is how the email example will look!

We'd recommend stopping your footer from stacking when it is viewed on mobile, this will mean that your icons will remain in a row rather than on top of each other. To do this switch to mobile mode and select "do not stack in mobile view".



Did this answer your question?