Which would you rather click, the plain link or the button?
They both take you to the same place, but the button looks nicer and more clickable. Replacing plain links with buttons can generate more clicks and make your page look better.
In this post, you’ll learn how to add buttons with any color and style imaginable to any post or page on your WordPress site.
How to use Shortcodes Ultimate
The easiest way to add stylish buttons to your posts and pages is with the Shortcodes Ultimate plugin.
This plugin is amazing.
You’ll find tons of other uses for Shortcodes Ultimate, but most importantly, it makes button creation effortless. Here’s a screenshot from the plugin with some examples of the various button styles.
You can mix-and-match colors, sizes, background styles – any property a button can have.
Not sure how to use shortcodes? Take a look at this brief tutorial on shortcodes.
You’re probably itching to get started now, so here’s the step-by-step on how you can use this button plugin on your site.
Install & activate
Search for “Shortcodes Ultimate” in your Plugins menu and install it like any other WordPress plugin.
Activating the plugin will add a new top-level menu to your dashboard.
Use the insert shortcode button
Shortcodes Ultimate also adds a new Insert shortcode button to the editor.
Clicking this button will reveal the huge array of content types available in Shortcodes Ultimate including the button option we need.
Once you select the button shortcode, you’ll be taken straight to the button configuration screen.
Shortcodes Ultimate also has premium add-ons that add even more shortcode types and styles.
Configure the button
There’s an enormous amount of settings you can use to customize every button you make including:
- Background color
- Button text
- Text color
- Button link
I took a screenshot of the entire style section, but it’s too massive to include in the post. You can click here to view the full style settings page.
Review and insert the button
As you change the style, you can use the Live Preview button at the bottom to get a quick look at how your button will look.
When you’re finished, you can save your button as a preset so that you can reuse the same styling again elsewhere on your site.
Lastly, press the Insert shortcode button, and a shortcode will be added for the button.
While you’ll only see a shortcode in the editor, it will be rendered as a button exactly the same as you previewed when you visit the post.
Adding buttons to WordPress
You don’t need to be a CSS master to start adding attractive buttons to your WordPress website.
Shortcodes Ultimate makes button creation simple and incredibly flexible. And you’ll probably find a dozen other uses for it once you’ve installed it on your site.
Have any questions about adding buttons to your posts and pages? Leave a comment below.