Browse by...
Home Resources Blog

In the past, if you wanted to create a beautiful email you needed to know HTML and CSS. But the days of having to code to create an amazing email are behind us, thanks to modern email design tools and templates.

With Campaign Monitor’s email builder the possibilities are endless. You can build a custom email that starts with one of our email templates and uses our intuitive drag-and-drop email tools.

In this post, we’ll walk you through the simple steps that will help you design and build a custom email from start to finish.

Step 1: Choose a template to get started

The first step in customizing your email is to select a template from the extensive Campaign Monitor template library. Here, you’ll find a wide variety of templates to choose from.

The template you choose will be partially based on the type of message you’ll be sending, such as a marketing offer, transactional email, newsletter, announcement, or event invite. Different objectives call for different formats and layouts, so consider which template will complement the message and objective of your email campaign.

For example, let’s say you’re sending out an email marketing campaign to announce a new collection of items in-store. For this post, we’ll pretend we are an email marketer at fashion retailer, Topshop.

Choose a template right from within the email builder:

Campaign Monitor email templates

 

Step 2: Add a new hero image

Once you’ve selected the template you want to use, click ‘Replace’ to swap out the existing image and insert an image of your own. You can use a big, bold hero image that goes full-width across the screen.

Campaign Monitor – Add a New Hero Image

If you don’t have high-quality images of your own, browse some of the free image sites that have a large selection to choose from. Be sure to choose an image that is cohesive with your palette and message theme.

Step 3: Edit your image

Once you’ve inserted your bold hero image, you can edit it right within the builder.

Editing capabilities include everything from simply enhancing the image, to adding effects, rotating orientation, resizing, cropping, color correcting, lighting, sharpness, and removing blemishes.

In the example below, you can see how clicking on the lighting option expands into more specific features such as brightness, contrast, highlights, and shadows.

Campaign Monitor – Tweak your Email Template One

Once you’ve made your edits, click ‘Save’ and your new image will be updated in the template.

Step 4: Add alt text and links

Now that your image is set, you can add alt text as this is the text that will display when a subscriber has images off within his or her email inbox.

To add alt text, simply click on the image and add the alt text in the appropriate box. You can also add a link so when your image is clicked, it takes the subscriber to your website or product page.

Campaign Monitor – Add Alt Text and Links

From here, you can also change the top, bottom, and horizontal spacing, the alignment of the alt text, its size, and the colors and font of your text. In the example above, clicking on the Topshop logo at the top of the email brings up the toolbar with these features on the left side of the screen.

Step 5: Tweak your template

If you’d like to rearrange or add sections to your template, doing so is just a matter of a few clicks.

To add content sections such as text, images, spacers, dividers, buttons, or surveys, just select the appropriate button from the left-hand toolbar and drag it to the section of your email template where you want to drop it in.

Campaign Monitor – Tweak your Email Template Two

 

Or, if you want to rearrange sections (as seen in the example below) highlight the portion you want to move with your mouse and move it to the new spot. This is helpful if you don’t want to switch to a different template, but you’d like to see a different ordering of the sections.

Campaign Monitor – Tweak your Email Template One

Step 6: Add a CTA button and customize the copy

When it’s time to create a custom call to action button that will drive customers to your website, all you need to do is to use the ‘Button’ option.

Campaign Monitor – Add a CTA Button

We favor buttons instead of just text links in email campaigns because data shows that button-based CTAs drive 28% more clicks than text links.

You’ll build your conversion-driving CTA button by customizing everything from the copy, button color, text, size, style, corner type, and alignment.

edit CTA button

 

The best part: No HTML/CSS skills needed. Hooray!

Step 7: Preview on mobile

Before sending out your email campaign, be sure to preview it on mobile to be sure everything is displaying correctly. Right within the builder, you’ll see the mobile preview on the right-hand side of the screen. Scroll down to see how your template looks in this format from top to bottom.

Campaign Monitor – Preview on Mobile

Why is this step important? Because research shows that about 53% of all emails are opened on mobile devices, and it’s the most popular environment for a subscriber’s first interaction with an email.

Wrap up

See how painless it is to customize an email template and create a stunning email? You didn’t need a lick of coding skills. Using customizable templates as your foundation, you can design a unique, well-branded email campaign in minutes.

Watch the video and see how easy it is to easily create a beautiful email in just a few steps.

This blog provides general information and discussion about email marketing and related subjects. The content provided in this blog ("Content”), should not be construed as and is not intended to constitute financial, legal or tax advice. You should seek the advice of professionals prior to acting upon any information contained in the Content. All Content is provided strictly “as is” and we make no warranty or representation of any kind regarding the Content.
Straight to your inbox

Get the best email and digital marketing content delivered.

Join 250,000 in-the-know marketers and get the latest marketing tips, tactics, and news right in your inbox.

Subscribe

Get started with Campaign Monitor today.

With our powerful yet easy-to-use tools, it's never been easier to make an impact with email marketing.

Try it for free