Add custom buttons to WordPress Website editor


Add custom buttons to WordPress Website editor - Have you ever written a custom post or created a page at WordPress and realized that you need to add a button to your WordPress editor for one reason or another? This is really very common, because custom WordPress buttons are a nice addition to any post or page.

However, sometimes it is difficult to edit the button at WordPress because more often you work with the code and then flip back and forth from the visual editor to a text editor, etc. This became even more complicated with the recent launch of the Gutenberg block editor.

In this article, I will show you how to add a button to your WordPress editor using a simple shortcode.

WordPress short button

Adding buttons using the WordPress short button is a quick, easy way to add styled buttons, customize WordPress posts or pages.

There are great WordPress button plugins that I found to use for this. It has a multitude of functions and different options. WordPress Button Plugin MaxButtons is a great little plugin that will do exactly this for you. It lets you edit buttons at WordPress then apply them to posts or pages using simple shortcodes.

To do this, you first want to install and activate the plugin on the WordPress website.


Install and activate the WordPress Button Plugin MaxButtons

Once the plugin is activated, it's time to go to the settings page and fix the plugin settings to your liking. To get there, click MaxButtons> Settings in the WordPress main menu on the left.


As you can see the installation page is quite direct and accurate. There are only a few main installation options, as this is just the beginning for what the plugin actually does. Going through the setup option is really quick and once you're ready, go to the add-ons and create a button.

Click MaxButtons> Add New, this will take you to the page setup to create a new button.


Click maxbuttons and then add new to create a new button

As you can see there are countless options available, this is where you will create a new button and save it. Once saved, you will be given a WordPress shortcode for the button, which you can then use at the appropriate point on the post or page you own.

See more: who saw your news on facebook

Create a new WordPress button

You see there are many options available to you. There are main settings, sub settings are available. Basically, everything you need to create and edit buttons in WordPress is up to you. Main settings include:

  • Basics

  • Border

  • Background

  • Text Shadow

  • Container

  • Advanced

  • Responsive

You will use this combination of settings to build the WordPress button shortcode that you use on posts or pages.

Installation gives you everything you need. However, perhaps the best part from setting up a WordPress button plugin is the fact that it provides you with a live preview to use when you build the button. So it lets you see exactly what it looks like in real time. The live preview shows a button, which will look like a mouse.


Go ahead, create the first button and then save it. You can create as many unique custom buttons as you want. Every time you save a new button, it is filtered into the "Buttons" section of the MaxButtons area. Each button will be listed and next to the button will be relevant shortcodes. You just need to take this shortcode and put it into any post or page you have created.


Sometimes it is a nightmare to add buttons to WordPress editor because of code and location issues. I hope this article has shown you how easy it is to add a shortcode WordPress button to your post or page.

Nguyen Diep

My name is Nguyen Manh Cuong. I was born in a poor village in Ba Vi district, HA NOI province - windy and sunny land. Currently

Post a Comment

Previous Post Next Post

Đọc nhiều trong tuần

10 Grands Sites de modèles PowerPoint gratuit
10 Grands Sites de modèles PowerPoint gratuit

PowerPoint est toujours le roi quand il vient à un logiciel de présentation. Il a été autour depuis des siècles et chaque nouvelle version ajoute plus de fonctionnalités et rend …

17 best home jobs in 2020
17 best home jobs in 2020

Earning Money blog access_time April 13, 2020 hourglass_empty 28 least Read Finding work from home is easier thanks to high technology. Not only suitable for tho…

How much RAM is the iPhone 12 Pro?
How much RAM is the iPhone 12 Pro?

The RAM of the iPhone 12 Pro is up to 6GB.
Based on information in the latest Xcode beta from Hiraku, it can be said that both of Apple's new iPhone 12 Pro models have 6GB of R…


JavaScript is a programming language of HTML and WEB. It is lightweight and most commonly used as part of web pages, but their implementation allows Client-Side scripts to interac…