Trying to find a way to add buttons in WordPress posts and pages? Buttons allow you to add more attention-grabbing links in your WordPress content. But there’s one thing stopping you from inserting a button in your next WordPress post:
Unless you know how to code, WordPress doesn’t actually offer any way to add buttons in your posts or pages by default. But don’t worry – all is not lost.
There are plugins that let you add buttons in WordPress without needing to know any code. And in this post, I’m going to give you guides on how to use two of those plugins. You’ll be creating beautiful WordPress buttons in no time!
What’s the deal with WordPress buttons, anyway?
Most of the time, if you need a button with specific functionality, it will already come bundled with whatever plugin offers the functionality you need. For example, if you use a contact form plugin, it will automatically create a Send button to go along with your form.
And while these buttons help with specific situations, they don’t cover the scenario in which you need to add buttons in WordPress posts or pages. Which is unfortunate…because including buttons in your posts and pages is actually pretty beneficial for your site.
See, buttons grab your reader’s attention. So if you want to emphasize a certain link in your post, a button is a great option.
For example, our sister-site CodeinWP uses buttons to help direct readers to quality WordPress hosting:
Isn’t that more attention-grabbing than a regular ‘ole link to SiteGround?
Best of all, you can use buttons to link to external websites or send readers to important areas of your own site. The plugins I’m about to show you will let you link your buttons to any URL you want.
How can you add buttons in WordPress?
There are a few different ways to add buttons in WordPress. The most popular methods are:
- Shortcode button builders
- Non-shortcode button builders
Because the third one isn’t very beginner friendly, I’ll skip it for now. It has too many acronyms anyway!
To handle the first two methods, you can use plugins. Below, I’ll recommend a two of the most popular options and give you a quick tutorial on how they help you add buttons in WordPress.
How to add buttons in WordPress with MaxButtons
To create WordPress buttons with MaxButtons, you just need to download and install the plugin. Then, you can create a button by clicking on the MaxButtons link in your dashboard sidebar. Unfortunately, you can’t add buttons directly in the WordPress Editor, though the plugin does make it easy to insert buttons you’ve already created.
Once you’re on the MaxButtons page, you just need to click the Add New button:
You’ll see a ton of options. But the most important settings are in the first box. Many of the other options are just there in case you want extra control over how your button looks.
Here’s what you need to enter in the first box:
- Button Name – your visitors will never see this – it’s just to help you remember.
- URL – this is the link people will go to when they click on your button.
- Text – these are the words that will actually appear on your button
You can also change fonts and font colors if you’d like.
As you make all of these changes, you’ll see a real-time preview of your button on the right of your screen:
Further down the page, you can also change your button’s background, add a border, and more. Because you can preview your button in real time, it’s easy to play around with these settings and instantly see how they affect your button:
Once you’re happy with your button, click the Save button at the top of the page.
Then, to add your button in the WordPress Editor, you just need to click on the MaxButtons button:
Then, click on the button you want to insert:
You won’t see your button in the WordPress Editor. But when you publish your post, your button will be there!
There’s just one thing to consider if you’re planning to use MaxButtons:
Because MaxButtons relies on shortcodes, if you ever deactivate the MaxButtons plugin, all of your buttons will disappear.
If you don’t like the idea of that happening, you might want to use a non-shortcode button builder plugin. And for that, I recommend:
How to add buttons in WordPress with Forget About Shortcode Buttons
Here’s exactly how to use it:
Once you’ve installed and activated Forget About Shortcode Buttons, you can create buttons right in the WordPress Editor.
Just click the new Insert Button icon on the formatting bar:
Then, you just need to add button text, a URL, and choose some color and style options. Just as with MaxButtons, you can preview all of your changes in real time:
If you want to add an icon to your button, you can hop over to the Icon tab:
And if you think you might need to use the same button style over and over, you can save your button as a template by clicking the Floppy Disk icon:
And when you’re ready to insert your button, just click Insert.
You should see your button sitting right there in your WordPress Editor. You can even use the WordPress Editor alignment options to move it around:
Other options to add buttons in WordPress
If neither of the plugins above speak to you, another button plugin worth checking out is:
- Gutenberg Blocks and Template Library by Otter – a nice option because it comes with a number of different Gutenberg blocks including one for buttons.
And if you want to get really creative, you can read about how to use HTML and CSS to create WordPress buttons. But for now, you’re totally fine to use these plugins to add buttons in WordPress posts!
If you need anything explained more in-depth, feel free to ask away in the comments below.