How to create a Call-To-Action (CTA) button for your newsletter

If your newsletter's primary goal is to make a sale, send your subscriber to your new blog post, or promote a service, then your newsletter needs a strong Call-To-Action (CTA) to be effective.

A well-designed button is a great way to highlight an essential call-to-action in your newsletter. In this article, you will learn how to create a call-to-action button with Newsletter Magnet for Publishers using our WYSIWYG online newsletter builder.

After reading this step-by-step guide, you should be able to create newsletters with effective CTA buttons like the one shown in the example below.


Newsletter Magnet app screenshot of a newsletter with a Call-To-Action CTA button

Download the Newsletter Magnet app and subscribe to the Newsletter Magnet for Publisher newsletter to see the examples.

Add a Call-To-Action button to your newsletter


Step 1 - Add a button block to your newsletter

The first step is to drag and drop a button block into your message. Remember that you can always rearrange the blocks in your message as required using drag and drop:


Step 2 - Add the Call-To-Action

Now tell your subscribers the exact action that they'll be performing by tapping the button. Use simple, direct words such as Try, Start, Get, View, Read, Download.


Step 3 - Select a font your CTA button

Next, select the font of the button. It is recommended to use a common font throughout the entire newsletter.


Step 4 - Size your CTA button properly

Make sure your button is easy to tap. You can accomplish that by selecting a proper font size and adjusting the horizontal and vertical padding of the button:

Step 5 - Style your CTA button

Now it is time to style your CTA button. Contrast is very important when choosing call-to-action colors. The button color should harmonize with your newsletter colors without blending in. As a general rule, bright colors are more engaging than dark colors.


You can style your button by selecting the font color, font style, the button border-width, and border-color.


You can also make your Call-To-Action button more effective by distinguishing it from just a decorative text. One way to do that is by creating the illusion of depth through shadows and borders.

And that's it. Our call-to-action button is ready:

Check the example newsletter with the Call-To-Action button

We encourage you to try different call-to-action button designs and keep the one that works best for you. Take inspiration from the CTA button examples below.

Newsletter Magnet app screenshot of a newsletter with Call-To-Action CAT buttons examples

Signup for free now and start sending newsletters to your audience.