Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
WordPress Plugins
View all Guides

How to Add Buttons in WordPress Without Using Shortcodes

Last updated on by
Special WordPress Hosting offer for WPBeginner Readers
How to Add Buttons in WordPress Without Using Shortcodes

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

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.

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Page maintained by Syed Balkhi.

WPBeginner's Video Icon
Our HD-Quality tutorial videos for WordPress Beginners will teach you how to use WordPress to create and manage your own website in about an hour. Get started now »


  1. Mike Ritter says:

    This plugin has been pulled from the library.

    • Jolynn Powers says:

      Mike dose that mean that we can no longer add buttons this way and if so where do we look for other information on how to add buttons?? I need to add three buttons to my work website for a listing of dinning locations, entertainment locations and hotel locations and want to put them on a page rather than a post so that they are always on the site at the same location.

  2. Furquan says:

    I am searching for button , I have found your post at top in Google but the plugin you have mentioned is no more on WordPress. Could you please help me

  3. Aachal says:

    Hey.. I want a button “Apply” instead of the page “Apply” on the homepage of my website.
    How can that be done. Any lead on this?

  4. bill says:

    can i add buttons and then deactivate and delete the url and the buttons are still there ???

    or is there a way to put in the css codes to function so i have them without a plugin ???

  5. Bridget says:


    Can I link this to plugin contact form 7? If so, how?


  6. Alysha says:

    Thanks for this! Looks great, but is there anyway to use this plugin to add a button to the header on the homepage?

  7. Toni says:

    This is a really great plugin! It allows for a lot more customization than the standard shortcakes without having to write your own css!

    One question though – why doesn’t it work in the visual text editor of the widgets? This would be so helpful it if also worked in widgets!


  8. Wolf says:

    Thank you!! Spent ages looking for something simple like this. Should have known to come here first :-)

  9. mohamed says:

    thanks for your article…i install it and worked well except for the url. for example : when i write in the url ( and publish my post and go to press the button , i found the button rfere to ( how to solve this problem?

  10. Altaf says:

    Thank You Bhai i am Done Now and Solve my WordPress issue :)

  11. John says:

    Thank you. This is exactly what I was looking for!

  12. Alec says:

    Hi! – is it possible to place several buttons side by side in a row? (with different items) – and how does the reference work?

  13. Eric says:

    I want to allow users to upload any image using Insert Image button. Will this work in that case?

  14. Yonatan says:

    Will this work on a sidebar as well ?

  15. Jenny says:

    Hello there!

    This is very useful, but is there any way to use a custom image as a button rather than the options that come with the plugin? I have button images that I’ve downloaded from, and I’d like to use those instead because the logo is familiar to my site visitors.


  16. Karan Bhagat says:

    Hey, I have been using this plugin for more than 2 of my sites and installed it on one more, it was working fine till yesterday, but suddenly now it has stopped working, it is showing any button in the toolbar to add these buttons to post. I deleted and reinstalled it, still facing the issue. Help please

  17. Blake says:

    How can i add things to the dropdown menu in the editor? i want things like Font size, buttons, or what ever else i chose to put there without using a plugin, is there anyway to do this?

  18. Nancy says:

    Thank you! Again! I was searching all over the internet for help with button shortcodes. Couldn’t get them to work. As always, you have the simple answer. I can stop looking any place else for WordPress help!

  19. bryan midgett says:

    How do I get the buttons on one line instead of vertical? I tried putting between buttons, but the tag prints. When I put my buttons side by side, they run together. Help!

  20. Sacha says:

    Thanks for the helpful information!

  21. Prasad Saxena says:

    I want a button to be displayed with each post on the main page of the website, which says go to the website. It should be just beside read more. I did get the button, but i dont know how to configure it so that each post has a different linking url.
    Also the url can be inserted from the post itself. I mean while writing it. Just a box below, a text box where you can put the link to the button.
    Please help….

  22. WPBeginner Staff says:

    Please make sure you are writing your post in the Visual Editor mode. The button does not appear in the text editor.

  23. CEA says:

    I installed the plugin and activated it, but am not seeing any change to my editor. I am using WP 4.0. What am I missing? Please help!

  24. Bal Chandra Dhawan says:

    I added this button today but URL didn’t work.
    I added to page and add URL,
    on clicking it says page not found and in address bar I see. Its adding existing page URL ?
    Don’t know why?

  25. Sarah McLain says:

    Very helpful! Thank you :)

  26. WPBeginner Staff says:

    It could be. Did you check by switching to a default theme?

  27. Bill Gibson says:

    One problem: I guess it is a link underline that is going through the button text (almost like a strikeout). I have tried smallest and largest button sizes and the line is always through the text. I even tried to add “no decoration” to the style manually and that was ignored. Could this be theme specific? Thanks.

  28. Seo service says:

    I just installed this plugin and I adore it! I
    already am putting it to good use on my blog. Thanks so much for the heads-up
    on this.

  29. WPBeginner Staff says:

    No sorry this plugin is not supposed to do that.

  30. Prishan Latchman says:

    Is there a button that will allow me to add a specific amount of money to it so that when it is clicked it will increase the current value by that set amount?

    E.G. The button is set to an amount for R20.00 and the item (a pair of shoes) for R100.00 and every time someone clicks on the button the price for the shoes goes up by R20.00 to R120.00

  31. bucur says:

    very good this plugin, I like it 5 stars

  32. Brenda Malone says:

    Thanks for the heads-up on this excellent plugin! I have installed on my sites AND donated to the author.

  33. Rostislav Sofronov says:

    This plugin is useful tool, rated to 5

  34. WPBeginner Staff says:

    Thanks for writing such a useful plugin.

  35. Henderson Daniel says:

    Thanks for the information. very helpful.

  36. Ross says:

    Thanks for covering our plugin! :)

  37. Víctor de la Iglesia says:

    So great! It is what I was searching!!!

  38. Carolann says:

    I just installed this plugin and I adore it! I already am putting it to good use on my blog. Thanks so much for the heads-up on this. I adore your website too!

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.