How to Add a Button In WordPress: With and Without using WordPress Button Shortcode

WordPress has become one of the major parts of the internet in the 21st century. In spite of its popularity, there are still many functions that people often miss out on. Today we will be dwelling on one of the basic features of WordPress, a button. If you were wondering how to add a button in WordPress then you’ve come to the right place.
While not a difficult topic, some WordPress users might still be a little bit confused when it comes to buttons. So today, we are going to show you how to add a Button in WordPress. To help you out, we are going to go through three different ways of doing so.
Why Add Buttons?
Before we get involved in the procedure, here is a quick review of why adding a button might help your WordPress site!
- You can use the button to add links to an external site! It is especially useful when you wish to add an affiliate link from your website!
- The button can be used to redirect your viewers to the important areas on your own website!
- You can link any page that is of interest to your users using the button.
- The button can also redirect to any landing page, or URL that you wish them to view!
How to Add a Button In WordPress?
Now, without any further ado, let’s get into the process of adding a button. While most people do not have the idea or aren’t familiar with HTML and CSS, the easiest way to add a button is through the Gutenberg Editor. If you do not want to use Gutenberg, you can instead use a plugin. We arealso going to showcase two types of plugins that you can use to create buttons and insert them into your post with or without using the button shortcodes.
- Gutenberg Editor
- ShortCode Button Builders.
- Non- Shortcode Button Builders.
Method 1: How to Add a Button In WordPress using the Gutenberg Editor
With the new Gutenberg Editor, it is now riddiculously easy to add a button in WordPress. First of all, click on the plus icon to add a block. From there, try to find the Button option under the Layout Elements. It will cause a button with a field underneath to appear. Just input the link into that field and set the label for the button. Now you can just select one of the three alignments that are available to determine the posittioning of the button.
If you want to change the looks of your new button then WordPress has you covered as well. Click on the block containing the button to bring out the Block options. If the options aren’t visible, click on the gear icon on the top right. Now you can simply select the style, background color as well as the text color. You can choose between a number of available colors or input your own from the custom color picker. WordPress will even warn you if your color scheme is difficult to read.
Method 2: How to Add a Button In WordPress with a Shortcode
For this method, all you need is a simple plugin that you can download directly from the official WordPress website! Today for this purpose, we will be showing you the process of adding a button using the plugin MaxButton. Creating the button might be a little time-consuming, but it surely is not complicated!
Start by Installing and activating the plugin. If you have any confusions related to the topic of installing plugins, you can check out our this helpful article.
You will then find the newly added option for MaxButtons. Click on Add New and you will be redirected to the setting page where you can create a new button.
You will see a lot of options but the main settings are in the first box! Make sure to enter the Button Name and the URL as well as the Text field! If you like, you can even change the fonts and the font colour of the button!As you make your change, you can see a live preview on the right-hand of the page.
Scroll down further and you will see the option to change the colour background, add border and more.
Once you are happy with the design of your button, you can then click on Save Button at the top of the page! You have now created your very own button that you can add to your WordPress.
To add the button on your page or post, simply click on the newly added option for MaxButton for Add Button.
Click on the button that you have just created and there you have it! The button will be added to your post or your page. Although you cannot see the button in the Post editor, you will see the button once you publish your post or page!
Method 2: How to Add a Button In WordPress without a Shortcode
The second method that you can try out is by using the non-shortcode button builders! For this, you will need the help of a plugin and for this purpose, we will be using the plugin Forget About Shortcode Buttons!
The first step to this is to Install and Activate the plugin! This plugin allows you to add buttons on your WordPress site without shortcodes. This means that even if you deactivate the plugin, later on, the buttons will still stay as it is!
After Installing and Activating the plugin, go to your Post Editor to create a new button to add. For this simply click on the newly added Insert Button icon.
You can then go ahead and add the Button Name, URL as well as edit and customize the button options.
You can even add icons to your button by clicking on the icon tab. What’s more is that you can save the template of your newly created button so that you can use it later on!
Once you are done with customizing the button, just click on the Insert option. You will then see the button sitting right on your Page Editor.
Video Tutorial
If you want a detailed video tutorial on how to add a button in WordPress, then click on the video below.
Wrapping It Up!
So that was our guide on how to add a button in WordPress. Adding a button is not only useful but super easy thanks to the Gutenberg editor as well as the plugins that you can use! And with these two methods, you can easily add buttons with or without using the shortcodes. We hope that this easy to follow tutorial helped you out with your confusion and dilemma! If you liked this article be sure to check out our other guides on WordPress plugins and functionalities!
- How to Uninstall and Reinstall WordPress: Beginner’s Guide
- Step-By-Step guide to WordPress User Roles
- Essential Plugins for your First WordPress Website
I created download button for my website posts. and now i would like to add countdown to those buttons. would you mind to tell me how to do that please ?
Hi jimmy,
It’s not clear how you created the buttons. The process of adding counter largely depends on how you created the buttons. You may need to do some coding if you created the ‘Download’ button using code while plugins may also have this feature if you created using a plugin. Please check on them. Thank you.