How to Add Buttons in WordPress Posts or Pages (Even if You Don’t Know How to Code)

Chưa được phân loại

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:

how to use buttons in WordPress pages

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

MaxButtons lets you add buttons in WordPress using shortcodes. The button creation process can be a little time consuming because it’s a separate interface, but it enables you to create some truly beautiful and unique buttons.

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:

how to add buttons in WordPress with maxbuttons

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:

preview button changes in real-time

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:

how to use maxbuttons

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:

save changes to buttons

save changes to buttons

Then, click on the button you want to insert:

insert buttons in WordPress posts

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

Forget About Shortcode Buttons is another simple option to add buttons in WordPress. But, as you might be able to glean from the name, it doesn’t use any shortcodes. That means you can deactivate the plugin at a later date and all of your buttons will stay intact.

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:

add buttons in WordPress with forget about shortcode buttons

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:

insert WordPress buttons

If you want to add an icon to your button, you can hop over to the Icon tab:

add icon to buttons

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:

save button template

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:

align your button

Other options to add buttons in WordPress

If neither of the plugins above speak to you, another button plugin worth checking out is:

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.

Free guide

5 Essential Tips to Speed Up
Your WordPress Site

Reduce your loading time by even 50-80%
just by following simple tips.

Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai.