How to create CTA buttons on your website with just HTML code

75
13.2K followers
Updated

I have written a training about this over a year ago, but today I discovered that you can customize the background color of the buttons too.

This was my previous training about the default WordPress buttons

Custom Anchor Buttons


This is how the buttons will display on your website and you can link them to any page you want.

And this is the HTML code you need for these kind of buttons

You can change the

  • background color
  • font color
  • URL
  • Name

code:

<a style="display: inline-block; padding: 12px 24px; border: 0; border-radius: 6px; font-weight: bold; letter-spacing: 0.0625em; text-transform: uppercase; background: #9933ff; color: #66ccff; text-decoration: none;" href="https://workathomefuture.com/wordpress-website-tutorials-for-beginners"  >More WordPress training</a>


Success creating a brilliant website!

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training

Recent Comments

81

Love this code snippet. While plug ins are quick and easy, you don't always get the flexibility to customize like you do with HTML. Thank you for sharing.

My pleasure Nancy

Hi Loes, did you try copying the code into a text editor like Notepad, then copying that text into your Post? That strips any html code and leaves pure text. I have used that technique before and it has worked like a charm.

No, I didn't, thank you for the tip! I will try it next time

Hello Loes Il HTML code difficult to learn; there is so much to learn; I am afraid to take on another challenge. Everything I know about the computer and the Online business I Learnt right here aw WA.Greetings from sunny Anguilla.

There are plugins to do this too Courtney, they do work as timesavers:))

Thank you. This looks cool!
Sheila

You're welcome, my pleasure sharing Sheila

Thank you Loes for taking the time to share your discoveries. This is not a small effort in these intensive times. This is much appreciated.

I have just a question, you say "you can link them to any page you want", what is the reason we might do that ?

You can make a Facebook button and link to your FB page, or make a Faq button to link to your Faq page, or a Join button to link to WA, endless possibilities

Ok, I see.

Awesome! Thank you so much.

Thanks Loes. Always a wealth of information you are. :) ~Mark

I am just doing research for my niche, website development and WordPress training. And I share my findings here too:)

Thank you Loes, you make being here great. So creative!

My pleasure Tania:) I just ♥ this

That's very creative...thanks, Loes :)

You're welcome James, thank you!

I know it's one more plugin but I love MaxButtons. You can see my latest button near the bottom of the page on https://marionblackonline.com/how-to-spot-a-work-from-home-scam/

I have heard about this Maxbuttons. And yes, it's again an extra plugin:) Nice button:))

Loes, thank you very much, I was wondering a while back about coding for buttons and never did anything about it. How synchcronious of you to post this. I'll PM you for the code.

Kind regards
James

That's oke:) I don't want to violate WA's rules here

See more comments

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training