Using buttons in your emails
Having a clear call to action on your email can have a very positive effect on your click rate. It’s not just the words you use, it’s how it attracts your attention. By using buttons in our emails, we can pull out the links we really want people to click.
In this post we’ll show you how to design a button and add it your MailPoet emails.
Got some information you want people to download? Need people to read your latest blog post? Directing people to a few important links using clear wording is an obvious candidate for using a button.
Here’s a demonstration of a MailPoet email using a standard text link:
And here is the same content, but using a button for the voucher download instead
Which one is clearer? The second one of course! But don’t just take our word for it, Campaign Monitor ran tests to prove that buttons worked better, and got a 28% increase in click-throughs.
So how can you add buttons to your MailPoet emails?
The simplest way is to create a button for your MailPoet newsletters is by using a graphic/photo editing app. Whilst there are loads available, I’m going to use PicMonkey to demonstrate creating a basic button design as it’s free, online and easy-to-use.
- Go to PicMonkey. You don’t need to log in or register.
- Choose “Design”, and select “Custom” for size.
- The button should be at least 40px high, I recommend a button width of about 200px but the wording on it will determine whether it needs to be longer or shorter. Then press Make it!.
- Next, to set the button colour, click on Canvas color in the crop menu.
- Choose your color using the slider, or type in a hexdecimal value. Don’t forget to click Apply when you’re done.
Currently, my button looks like this:
- Next we want to add our text. Choose the Text icon (An uppercase and lowercase t) and choose the font you’d like. Click the Add text button and a text box will appear. You might want to resize and reposition the box.
- Type your text then choose your colours and font size. It’s easiest to do this once you’ve written the wording so you can see how it lays out.
- If you’re happy with your new button, click Save. A PNG is the most suitable format for this type of image (JPG is better for photos), so change that, then press Save to my computer.
- Now you’ve got your new shiny button, you can add it to your campaign!
Adding a button to MailPoet
- In the newsletter editor, click on the images tab on the right and select Add images.
- Select your button to add it.
- Drag it into your campaign where you want it to be, or add a new Titles and text content section first, then drag it into that.
- Want to left align your button, or right align it? You can choose that by hovering over the button.
- Don’t forget to add a link to your button, click on the link icon by hovering over the button as you would for setting alignment.
A word of warning
Buttons are great, but don’t overdo them! Not every link is as important as the next. Consider carefully which ones you want to buttonize. An email with too many buttons is worse than none at all! Remember: Buttons help create focus, not distraction.