How to Add Buttons in WordPress Without Using Shortcodes

32

Most people are not familiar with HTML/CSS. This is why WordPress plugins are so useful for adding tables or buttons. There are lots of plugins out there which allow you to add buttons to your posts and pages using shortcodes. But those shortcodes are difficult to remember and hard to configure. In this article, we will show you how to add buttons in WordPress without using shortcodes.

Video Tutorial

 

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

First thing you need to do is install and activate the Forget About Shortcode Buttons plugin.

Please note that this plugin requires WordPress 3.9 or higher. If you are using an older version, then you need to update WordPress to use this plugin.

Once you have activated the plugin, simply create a new post or edit an existing one, and you will see a new button in the Visual Editor labeled Insert Button.

Insert Button button in Visual Editor

To insert a new button in your post, you need to click on the Insert Button. This will bring up a popup window where you can design your new button.

Design your button

All you need to do is add your button text and URL, and then choose text and background colors. After that click on the Type drop down menu to choose button style. You can also choose the button size from extra small to extra large.

If you click on the Icons tab, then you will be able to see the icons that you can add before or after the text in your buttons. These are icons are actually icon fonts (learn how to use icon fonts in WordPress post editor).

Add icons to your buttons

During the process, you will be able to see a live preview of your button. Once you are satisfied with the look, simply click on Insert.

You will be able to see your button as it would appear in your post, right inside the post editor. You can simply select the button text and use the align icon in the editor to align it to the center, left, or right. Double clicking on the button will bring up the Insert Button popup, and you can re-edit your button if you like.

We hope this article helped you add buttons without using shortcodes in WordPress. If you found this article useful, then subscribe to our YouTube Channel for WordPress video tutorials or join us on Twitter.