How to stylize your email body, header, and footer
Getsitecontrol allows you to create emails and send them to your contacts as a part of automated workflows or broadcasts.
In this guide, you’ll learn how to add a header and a footer to your emails and how to customize their overall appearance using the email editor.
Add a header to the email
The Header is the section at the very top of the email:
It allows you to display your brand’s logo and a menu featuring links to your web pages.
For starters, add links to the header menu and upload your logo image:
If necessary, adjust the size of the logo using the bar below. You can also assign a link to the click on the logo (optional).
Lastly, choose a layout for your menu links and a position for your logo.
To further customize your header, use the container settings. You’ll find them in the menu below the header settings.
Adjust the settings of the body block
The Body is the main block of the email and it contains most of the content.
Use the settings in the menu on the right to change the font and color theme of the body block. If it suits the aesthetic of the email, you can round the corners and add a border as well.
Lastly, adjust the margins and the paddings:
Add a footer
The Footer is the block below the body of the email. It allows for adding text as well as clickable social media icons:
Use the text area to display your company’s name and address (or any other text). Add your social media platforms with the corresponding links, and style the social media icons.
Lastly, align the content of the footer and choose a color for the text.
To alter the overall design of the footer, use the container settings located in the side menu below the footer settings.
Set up the preheader and mandatory links
The Preheader is a small section located above the header. It includes a link that allows subscribers to open the email directly in their browser if it isn't displaying correctly in their inbox.
By default, the preheader is disabled. To see and edit its settings you’ll have to enable it first.
You can adjust the width of the section, customize the text, and change the text color to match the rest of your email's design. Additionally, you have the option to display a custom message on the opposite side of the page.
The Mandatory links section contains a link to unsubscribe from your marketing emails and a link to report the email as spam, both of which you are required to display.
You can adjust the text color to align with your email's overall style.
Adjust the container settings
The container settings are common to the Header, the Footer, and all the elements in the +Insert menu (except text banners). They apply to the container of the element, not to the element itself.
The container settings allow you to coordinate the appearance of different elements and blocks in your email and achieve a cohesive and visually appealing result.
Use the first control to set the width of the container. The container can be content-width, and take up only the central section of the email, leaving margins on the sides, or it can be full-width, and take up all the available space:
Set the radius of the container corners and choose which corners to round:
Add a border to the container. You’ll also be able to set the border thickness (in pixels) and choose on which sides to show the border.
The color palette allows you to choose the colors of the background and border of the container:
Lastly, adjust the top and bottom paddings of the container. Paddings are the space between the container's content and its borders:
When you’re satisfied with the result, Save & close the email.
Should you need help creating or editing your emails, do not hesitate to reach out to our Tech Support team.