SB Web Designs

How To Create CTA Buttons For Your Website

How To Create CTA Buttons For Your Website

CTA buttons is a good way to tell visitors to your page what to do.

We know that it’s a good idea to have a purpose to each and every page on your website. And using call-to-action, or CTA buttons on your site is a good way to clearly tell visitors to your page what to do.

A lot of WordPress themes these days have modules built-in whereby you can easily insert buttons onto pages and posts, but this is not always the case. Additionally, sometimes the buttons you can create using your theme just don’t have the flexibility you need to produce that perfect CTA button.

However, there are other options that are available to you where you can insert buttons that are just right. Here we look at 3 different options to get the look and feel you desire.

Use a CTA Button Plugin

As everyone probably already knows, there is just about a plugin for almost anything you want to do, to add extra functionality to your WordPress website. And adding custom CTA buttons to your website is no different.

One particular plugin that I have used a number of times is the WPi Designer Button plugin. It makes it quick and easy to create buttons, where you can create your own style button, or choose from a set of pre-made buttons. Simply create or choose the button of your choice, copy a shortcode, and insert it wherever you want the button to appear.

There are other plugin options available, so make sure that you check out a few to see what works best for you.

WPi Designer Button Plugin

WPi Designer Button plugin makes quick and easy to create buttons.

Use an Image

Another option is to create an image (eg. jpg, png, gif, or ico files), and insert the image into your website page, post or widget area, and make sure that the image is clickable through to wherever you want it to go. You can create images in a variety of ways, or you can use an online tool like Da Button Factory.

Using Da Button Factory is super easy… just enter:

  • your button text (eg. “Click Here”, or “Contact Us”)
  • choose your font, as well as formatting options (eg. bold, italic, font size, colour)
  • the padding between the text and the edge of the button
  • style options for the button itself (rectangular/rounded button), background colour (including gradient colour)
  • as well as a few other options

and download your custom button. You also have the option to use one of their pre-made button examples, and then you can customise that to suit your specific needs

This is a very easy option to create great looking button. However, on smaller screens, images can tend to be shrunk down to fit the size of your screen (eg. If you have a lot of text in your button, instead of the text wrapping so that you can still read it around on narrower screens, an image may just shrink down, so the button text may end up being very small and difficult to read).

Use HTML & CSS

If you are a bit more technical and don’t mind getting in and modifying a bit of code, Liftopia is a great resource for adding CTA buttons on your website.

Liftopia has quite a few examples that you can modify and use on your own site. Just select the button that you like, and copy the CSS Code into the appropriate section in the back end of your site (sometimes the CSS Code section is in the theme settings, or sometimes in the Customizer – it’s different for different themes).

Then copy the HTML Code into the appropriate place on a page, post or widget area. If you are inserting into a page or post, make sure that you have selected Text view, and not Visual view, when inserting the code.

liftopia-cta-button

Liftopia is a great resource for adding CTA buttons on your website.

Liftopia only has a limited number of options available on their website, but if you like to dive in and play around with the colours and formatting, the options are only limited to your imagination.

Conclusion

So there you have it. If your theme does not have options to insert buttons, or the options are a bit too restrictive for the look and feel that you want for your website, then one of these 3 options may do the trick for you.

There are obviously many other plugins and websites that can also help, so if you have a favourite option that you would like to share, please let me know in the comments section below.

About Brendan

Brendan Hones is a digital marketing consultant and website designer and developer at SB Web Designs. He loves helping business owners take control of and improve their online presence to help their business grow. He is passionate about SEO and helping others to learn more through WordPress training.

Leave a Comment