Tutorial: How to Add a Button to Your Emails (HTML Included)

email-button-hori

Did you know that adding a button in your emails increases your click-through-rates by 127%?

I learned about this startling statistic very recently on Campaign Monitor.

As a result, I started looking into how I could create and add an email button into my newsletters to get more clicks.

Today, I will show you how you can create a HTML button in your email newsletters… the right way!

Here's how to add a HTML button to your emails: A step-by-step tutorial that even a child can follow. We provide you with the code, design...everything you need! Increase your clickthrough rates, conversion rates, and engage the subscribers on your email list! For bloggers and business owners.
Pin me, please?
Want to grow & monetize your email list? Sign Up For My Free List Building Workshop: The 3 Key “Ice To Fire” List Building Blueprints That Helped Me To Go From 5 To 40,527 Subscribers (& 10,582 Customers!) »

Do not use images in lieu or actual buttons

Some people may tell you to create an image that looks like a button and inserting it into your emails.

I do not recommend that as image blocking is pretty common, and may result in your button appearing like this in your subscribers’ inbox:

broken-image-email-buttons

Here’s how you can add an email button!

Tutorial: How to Add a Button to Your Emails (HTML Included)Click To Tweet

Step 1. Go to this HTML button generator

This is a free HTML button generator that also allows you to customize your button before generating the HTML code that you will need!

Options you have include personalizing the button text, background color, font face, font size, size of the button.

Click here to head to the HTML email button generator.

Step 2. Copy the code

Once you’re done customizing your email button, copy the code on the right under “Copy Your Code”.

email-button

Step 3. Paste it into your email service provider.

I recommend using Convertkit as your email service provider, but you can do this with any email service provider of your choice.

Inside your email editor, switch to the HTML view.

Click on the “HTML” button inside your email editor:

html-email-button-convertkit

Switch to HTML view and paste the HTML code where you want the button to be

Paste the code in.

html-email-button-code

… and that’s all! You’re done.

Tutorial: How to Add a Button to Your Emails (HTML Included)Click To Tweet

You have a button in your email now.

Enjoy your swanky new button and here’s to all the clicks you’ll be getting with your emails!

I hope this helps!

Here are other newsletter-related posts on my blog which you may enjoy:

If you need help to get more traffic and grow your email list, make sure to sign up for my FREE traffic & list building workshop, where I go through 3 of the most effective strategies that have allowed me to grow my email list exponentially:

Sign up for my free list building webinar!

Have a blessed day ahead!

xx Raelyn

Tutorial: How to Add a Button to Your Emails (HTML Included)

A tiny request: If you liked this post, please share this?

I know most people don’t share because they feel that us bloggers don’t need their “tiny” social share. But here’s the truth…

I built this blog piece by piece, one small share at a time, and will continue to do so. So thank you so much for your support, my reader.

A share from you would seriously help a lot with the growth of this blog.

Some great suggestions:
 Pin it! (I even made a pretty pin for ya!)
 Share it to your favorite blog + biz Facebook group
 Tweet it!

It won’t take more than 10 seconds of your time. The share buttons are right here. 🙂


Thank you so much!

If you enjoyed this post, get updates from me. (it’s FREE)

You’re awesome for staying till the end. Signup for my newsletter below.

I send email updates about new posts, and tips and tricks to build & monetize your online business.


Similar Posts