Design Marketing How-to
~ 14 min read
42223 views
rate it
16 April

Email Call to Action Best Practices

Stripo / Blog / Email Call to Action Best Practices

The main goal of all email marketing campaigns is to convince customers to buy your products, in other words — to make people do what you want and need them to. You can achieve this goal with a clear and compelling email call to action in your newsletters.

Because no matter how beautiful and creative your email template for a newsletter is, if it doesn’t persuade to act, the chances that your potential customers will ever do any actions, like buying, registering, etc. in your emails are very poor.

This is why we’ve searched the web, read a number of studies conducted by famous ESPs, analyzed given information and now we are ready to share our list of email CTA best practices.

1. Paying close attention to your the CTA button design

Design is the starting point of the creation process of the email call-to-action button.  

Sometimes, it happens that a button has copy that is compelling enough to encourage to act (buy), but it remains unnoticed due to poor design.

Here are the best practices to make your CTA buttons noticeable.

  • Picking the right button color

At first, you can play with colors. We know that all elements in emails need to complement each other, and you need to stick to a chosen color scheme. Yet, the CTA button needs contrast to grab attention, yet to be appealing enough not to make our recipients scroll back.

If your email is all white and beige, feel free to apply any color to your buttons. It can be a black and white combination, black and pink combination, etc. Pink colors will do.

When your email is colorful, feel free to apply a contrast yet bright and matching color.

Stripo_Email Call to Action Example_Colorful Button

To pick the right color that perfectly suits your entire email, use Paletton or any other tool that helps with picking colors.

  • Picking the right shape

Make your email call to action buttons square, rounded, oval — it’s totally at your discretion. According to numerous studies, the shape of your buttons does not matter at all.

Stripo_Call to Action Email Examples_Product Launch Announcement Emails

Just make sure they flatter your email design.

Use buttons of the same shape across entire email/all email campaigns.

Lifehack from Stripo:

If you use any other email template builder, please, skip to the next paragraph. If you build your emails with Stripo, we’ll show how to significantly reduce time on CTA  buttons creation:

Way 1 — for further use in a particular email campaign:

Stripo_Email Call to Action_Automation_Dragging Buttons

  • when your button is finished, copy it;

  • once you do this, you will see the copy (duplicate) of your button right below the original one;

Stripo_Email Call to Action_Copying Buttons

  • move it to the necessary module;

Stripo_Email Call to Action_Moving Buttons

  • done!

Way 2 — for further use across all email campaigns:

Stripo_Email Call to Action_Automation_Best Practices_Saving Buttons to Library of Modules

  • drag a 1-column structure in your template;

  • drop the “Button” block in it;

  • build your email call to action button;

  • save it as a module;

Stripo_Email Call to Action Best Practices_Saving Buttons as Modules

  • when saving, give it a label that you will always remember;

  • done.

When building future email campaigns, you will be able to drag this module to your email templates.

Try Stripo Out

  • Buttons with shades

Buttons with shades look like they are 3-D. You can seldom meet them. No wonder, they grab readers’ attention.

Stripo_Email Rounded Call to Action_Shaded Button

They are so easily built. You just need to set borders to two sides of your button. For instance, the bottom and the left ones.

The border color should be darker than the basic one.

  • CSS-animated buttons

CSS-animation, also known as the hover effect, can be applied to any element on websites and in emails. It is meant to animate the element with a mouse pointer put over it.

Normally, it either changes the element’s color or just adds some shades over it.

CSS-animated buttons are the most common way to use the hover effect in emails.

Stripo_Call to Action Email Examples_CSS-Animated Button

How to build it with Stripo:

  • when you only start working on your emails, please enable the "Highlighted hovered buttons" option;

Enabling Highlighted Buttons

  • set colors for your button, both regular and highlighted, and for its fonts; 

Working on the Highlighted Button Design

  • now all the buttons that you add by simply dragging the "Button" block into your template, will inherit the styles you've just. However, you still can edit its text.

Try Stripo Out

  • Using arrows instead of buttons

When your email is bright enough and you do not want to overload it with extra colors, or when, for some reason, you think plain-text buttons main ruin your email design, you can use “mark” buttons with arrows.

Stripo_Call to Action Email Examples_Chubbies

Some brands prefer underlining buttons, but it does not comply with the accessibility best practices. Dyslectic readers may feel dizzy.

  • Bold text as CTA buttons in email digests

In email digests, your recipients with a few articles to read, with a few videos to watch. You can, of course, wrap links in buttons to make them more noticeable. Or just wrap links in posts’ titles.

Stripo_Email Marketing Call to Action_Digest

Hiding links behind the bold text is the most common practice for digests. This email marketing call to action example by LinkedIn proves it.

Be sure to add links to images, in case a recipient decides to click it.

  • Placing buttons over banners

Please, do not take it literally, as you cannot place a clickable button over images. Those are images of buttons.

What do you need to do if you want a button like this one?

Stripo_Call to Action Email Examples_Buttons over Banners_by HillCity

You can build it with Photoshop or any other photo editor, or build a banner of this kind with Stripo:

  • build your banner;

  • upload a banner image;

  • then place text over this image;

  • toggle the “additional image” button, as shown below to upload the image of a button, you’ve previously prepared.

Stripo_Call to Action Email Examples_Toggling the Additional Image Button

You add a hyperlink to an entire banner, but it will look like the button is really active.

Forbes Travel Guide also uses such buttons across its campaigns.

Try Stripo Out

  • Using GIF-animations

This call to action button, definitely, will not go unnoticed. Of course, if they scroll down to this part of your email. It suits video blocks.

Stripo_Email Call to Action_animated Buttons

As you know, you can upload your thumbnail images to your videos in emails. And Stripo will place the CTA button over this image. If you like, you can use a thumbnail image with an “animated Youtube “fake” button” over it.

Of course, in this case, you should turn off the real “play” button in the editor.

Stripo_Email Marketing Call to Action_Animated Play button

You do not have to worry about links. They will work :)

  • Adding fake toggle buttons

This is the last design practice to enliven your email marketing call to action we wanted to highlight here.

Stripo_Email Marketing Call to Action_Fake Toggle Button

Recipients might click it to try to turn some functions on or to see what happens once they click this button.

  • Adding images in your buttons

Ever wanted to spice up your CTA buttons with images? Well, you can now. 

Stripo allows adding either a static image or an animated one.

Animated Icons in CTA Buttons(Source: Newsletter email from eSputnik)

This simple trick for sure grabs your prospects attention.

As this option is meant to spice up your newsletters, we strongly recommend that you activate it for one single button in your email.

How to add icons and images to CTA buttons with Stripo:

  • click the necessary CTA button in your email template;
  • on the side panel, activate the "Button with icon" option;

Activating the Button with Icon Option

  • upload your icon/image;
  • choose its alignment;
  • edit if necessary;
  • you can even set internal indents — the distance between the icon and your CTA copy inside the button.

Setting Indents Inside Buttons

Important to note:

This option is not supported by Outlook apps.

Try Stripo Out

Speaking of which...

  • Bulletproof buttons for Outlook

Almost 400 million people worldwide use this email client —it is mostly used by corporations and businesses for internal communication.

However, sometimes emails and its elements may look somewhat distorted in Outlook. And buttons are not an exception here.

We won't deepen into various button layout methods, and won't tell you how to fix this issue in code.

We will just show how Stripo lets you design bulletproof buttons with just one single click. Like this one 

Bulletproof CTA Button in Outlook

(Outlook 2016, desktop app)

When you only start working on your email, please:

  • enter the "Button" tab;
  • activate the "Support of Outlook" feature;

Support-for-Outlook_Control

  • done. You've just built a bulletproof button for Outlook.

Try Stripo Out

2. Writing compelling and encouraging copy for your buttons

A perfect CTA encourages customers to make the only right, in your opinion, decision.

  • Make sure your copy is clear and concise

Recipients are not fortune-tellers, they are not answering riddles, in other words, they do not have to guess what you mean by your CTA button.

Stripo_Email Call to Action Example_Clear CTA

Buttons copy should be, first of all, clear, and then — catchy.

  • Use the first person singular pronouns

Your CTA button might say ordinary “buy it”. But if you use “Yes, I want it” or  “I want to add this item to my cart”, clicks increase. Confess it, there are no sweeter words than “I”, “My”, and “Me”. These simple pronouns get our attention immediately. Don’t hesitate to use them for your email campaign. Statistics say that this kind of message increases click rates up to 90%. Proven by famous brands and numerous investigations — these are the best call to action words!

Stripo_Call to Action Button_Using the First Person Singular Pronouns

  • Make copy empowering and aspiring

You solve the recipients’ problem or offer a magical tool? — Then mention it in the button again.

Stripo_Email Call to Action Best Practice_Aspiring Copy

When clicking such buttons, you make them feel like they really can achieve their goals with your tools, recommendations they will hear at the webinar, etc.

3. How many call-to-action buttons to add in your emails

There is no right answer to this question as it depends on many factors:

The goal of your email, the length of your email and the type of your email.

  • Event-triggered emails

Of course, in an event-triggered email, there must be just one call to action, focused on the main goal of email: confirm, submit, etc.

Stripo_Call to Action_Triggered Email

There are many examples when a big number of options in email confuses subscribers and they do not really understand what is the purpose of the email. The efficiency of such campaigns is low.

  • Product launch announcement emails

When promoting a new device or event in your newsletters — focus your email marketing call to action on it. Include just one CTA button with one clear message here.

Stripo_Email Marketing Call to Action_Duplicate Buttons

You may even repeat it several times — put it at the beginning of your email, on a banner and at the end of your email.  It will help consumers to not get lost in your long emails and they won’t be distracted by extra unnecessary options.

If you think that repeating yourself is not a good idea, you can do it as Email on Acid did — give similar labels to your buttons.

  • Regular promo emails

In these emails, the number of call to action buttons totally depends on the number of items or even categories of products you are about to promote. Feel free to use as many buttons as you like. Just place them in respective product content modules.

Stripo_Call to Action in Email Campign_Number of Buttons by Nike

You need to make sure that recipients will easily guess what email element a particular button belongs to.

Important to note:

In the previous section of the present blog post, we showed how to duplicate buttons in Stripo instead of building new ones. 

4. Writing call to action email subject lines that are catchy

Find an interesting and enchanting subject for your email. People receive on average 20 email newsletters per day. And you need to work hard to make them at least open your email. Make subject lines unusual, impressive, clear and intriguing. It may not show the real subject of the letter, but can be just indirectly connected with it.

Stripo_Call to Action Email Subject Lines_Examples of the Very Subject Lines

5. Urging customers to purchase right away

Add phrases like “today” or “only this week you can get this item for 25% off” — they really work. We are all afraid of missing out. You may include them right in buttons. And a countdown timer, placed below or above it, will only have a positive impact on these words.

Stripo_Email Call to Action Examples

Countdown timers in emails are capable of increasing conversion by 9%. Locate it near your value proposition along with the CTA button.

Please watch our short video on how to easily add timers to your emails.

Design timer

6. Optimizing buttons for mobile devices

Today, the vast majority of email template builders offer emails with responsive layouts. Responsive layout means that your email layout will not get broken, that you will prevent your recipients from horizontal scrolling. That’s it. But it’s not enough for high conversions.

You need to make sure that your buttons are noticeable on mobile devices.

Stripo_Email Call to Action_Full-Width Buttons

How? Make them full-width. In this case, the button will not go unnoticed and it will be hard to accidentally click any other email element.

How to make full-width buttons on mobiles with Stripo

When your email is finished, you need to:

  • click the “Appearance settings” tab in the settings panel;​​​​​

Entering the Mobile View Tab_Working with Button

  • go to the "Mobile view" section;

  • toggle the “Full-width" buttons;

Stripo_Call to Action_Full-Width Buttons on Mobile Devices

  • here you may also set the font size for the buttons on mobile devices.

Button Text Size_Mobile View_Stripo

It will be applied to all the buttons in your email.

Try Stripo Out

7. Testing CTA buttons

No matter how perfect you think your CTA button is, what really matters is recipients’ clicks.

This is why we strongly recommend that you measure your CTOR and even run A/B tests.

Final thoughts

As you can see, email call to action marketing has its rules, to be honest, it has many rules. But the good news is that as long as you stick to them all, success will come soon.

Of course, you need to follow the aforementioned rules mentioned above, but do not be afraid to try out new ideas. Turn your weirdest email marketing call to action ideas into life. You know your audience well and have probably learned their preferences.

At the end of the post, I would like to say: we showed the most effective email CTA best practices. And now it is up to you to decide whether to follow them or implement just your own ideas. In any way, we wish you the best of luck in your future endeavors.

We’ve prepared 350 responsive HTML email templates for your convenience. Of course, among them, you will find the ones, with appealing buttons, that meet your interests best.

Spice up your newsletters with creative CTA buttons.
Be always wide awake in recent email marketing news, guides, articles and how-to’s