The “Call to Action” or CTA is the very heard of every landing page. Marketers spend hours upon hours testing various CTA elements to get the maximum number of clickthroughs. But designing these buttons isn’t easy. Not everyone is a CSS expert, and it can be hard to insert them into your pages manually after designing them.
Moreover with a CMS like WordPress, it’s nice to be able to insert a button without having to interweave HTML and CSS into your pages. At least now it’s easier with the Gutenberg Editor. Before that, you had to use the “Text” OR “HTML” view to insert markup into your posts.
Even so, creating a good CTA button can be hard. Luckily, WordPress has any number of plugins to accomplish most tasks. Here’s the plugin I found for creating CTA buttons.
Download and Install the WPi Designer Button Plugin
The WPi Designer Button is the plugin I use to create my CTA design elements. It basically allows you to design a variety of buttons, and then add them to your posts via a simple shortcode. The beauty of the button in my opinion, is that it allows you to choose from a variety of default styles, which you can then modify to get the look you want.
Many of us don’t know in advance what we’re looking for, and the in-built themes and styles allow us to kickstart the process and take it from there. Download and install the plugin into WordPress and you’re ready to go!
Creating a Style that Suits You
The process for creating a button with WPi Designer Button involves the following steps:
- Choosing or creating a style for your button
- Creating the actual button
- Using the shortcode in your posts.
So first we create the style. To do this, simply select the Style sub-menu from the dashboard on the left-hand side of the admin screen. As you can see in the screenshot below, you can select from a pre-set variety:
Once you select your preset, you can make changes to the button based on your preferences. For example, you can choose the “Background color” section and change the background. The color fields take hex values, but you can simply go to the “Color Palette” tab in order to find a quick color that you want. Convenient!
Once you’ve set up the style just the way you like it, save your changes and you’re done.
Creating the Button
Once you have the style you want, it’s time to create the button itself. To do this, simply click the Buttons menu to create a new button. Now select the style that you created in the previous step as shown here:
You can even create a special Call to Action box with multiple headings and an area below for the button!
Inserting the Button into Your Posts
Once you’ve saved your button, you can see that the shortcode is displayed in the list page as shown here:
So each button you create has a special shortcode that you can use in posts. Once you enter it into a shortcode block, it looks like this:
I really like the look of these buttons and the ease with which you can create them. I view this plugin as a welcome addition to my site, and allows me to create CTA buttons and insert them everywhere without much hassle!
I’m a NameHero team member, and an expert on WordPress and web hosting. I’ve been in this industry since 2008. I’ve also developed apps on Android and have written extensive tutorials on managing Linux servers. You can contact me on my website WP-Tweaks.com!