Skip to main content
All CollectionsEmail Marketing
Building out a Designer Email Template
Building out a Designer Email Template

This article will go over how to build out a Designer Email Template for email campaigns.

Justin Morabito avatar
Written by Justin Morabito
Updated over a week ago

Our email campaigns come equipped with their own Designer Email Templates, to help you build beautiful-looking newsletters and campaigns. We've built our Designer Email Templates to be as flexible as possible, giving you the most creative freedom we can!

Getting started

To create a new Designer Email template, go to Settings > Communication > Designer Email Templates and click the "+" button to get started.

We've built this page to be similar to some of our other templates builders, where you would change the main settings on the left-hand side (button styles, colours, fonts, and footers), and add in new fields and sections on the right-hand side of the page.

Step 1 – choosing a starting point

When you start creating a Designer Email Template, you have the option to start from a previously created template, or one of our templates from our template library.

Step 2 – Adding a section

Before we get started, check out the options on the sidebar to set the feel of your Designer Email. You can set the colours, fonts, spacing, and more!

To start building the email, click the "Add Section" on the right-hand side and choose one of the fields to add to your email.

The different options you can choose from are:

  • Hero Image, which is a big header image with some text attached.

  • Quote, which inserts a header image with a quote attached.

  • Spacing, which adds a dividing space in your email.

  • Divider, which adds a dividing line in your email.

  • Logo, which inserts your logo into your design.

  • One Column, Two Columns, or Three Columns, which inserts text in your email in either one column, two columns, or three columns.

  • One Image, Two Image, or Three Images, which inserts images and text in your email in either one column, two columns, or three columns.

  • Image Collage, which inserts a maximum of 9 images into your design.

Step 3 – Customizing a section

When you add in a section, you'll notice the sidebar changes when you click on that field. Each field has either or all of the following:

  • Image, which is where you'll upload the image in that field. Note, that this field will automatically crop your images based on a focal cropper unless you change the layout to the "Full Image" option.

  • Heading, which is where you'll set the heading text of the field.

  • Content, which is where you'll set all of the body text of the field.

  • Button, which is where you'll set what the button says.

So in the example of a One Image field, this is where you'd set each of the following:

If one of our layout options has fields you'd like to remove, click the "Toggle Items" button in the "Items" section.

Using your template

Once you've designed your email the way you'd like it to look, click the "Save" button in the bottom right corner to save your design!

This template is now available to use when composing any email in Sprout or when building an email campaign.

Did this answer your question?