Add button to WordPress – no coding required

WordPress 5.0+, aka Gutenberg blocks, makes it super easy to add buttons to your website!

The new version of WordPress post editor (5.0 and above) now includes the option to add a button to your post or page without having to know any code at all. Just add a new button block, change the colors to match your color scheme and you are good to go.

Before Gutenberg, you had to know a bit of code in order to create buttons for your site. Sure you can always add a hyper-link, but buttons are colorful and a great way to grab the attention of your visitors and highlight a Call-to-Action on your page.

Hello visitor ~ Click Here!

Add button to WordPress webpage

Using WordPress 5.0+, buttons are quick and easy to create without having to know any code at all. Buttons can be used to feature all kinds of content, for example:

  • Submit buttons
  • Learn more buttons
  • PDF downloads
  • Free Trials
  • Discount offers
  • App downloads

How to add a button to a Member Benefits page

Our users frequently ask how to add a button to link the Benefits of Membership page to their Join Now (online payments) page. Here’s how:

  • Open your page.
  • Click the ‘+’ in the upper right corner.
  • Type in ‘button’ and select the element to add it to your page.

Add button to WordPress page or post

Add some text to your button and link it to the page it should open when clicked.

Add button to WordPress page or post for membership benefits page

Change Button Color

Once you have added text to your button, it’s time to turn it into a color pop that will draw the visitor’s attention and encourage them to take action.

To pull up the options for button colors, click within the button block. The WordPress Color Settings panel will appear on the right. Here you can select the colors you’d like to use.
Pro Tip: Be sure to select colors with accessibility in mind. If the colors are too similar, it can make them hard to distinguish for people who may be color blind or are vision impaired.

Change button color, WordPress page or post

Select Button Style

To create a button with rounded or square corners, click within the button block and then select the style you prefer from the menu on the right.

That’s it! You can now add your button anywhere on your page to call attention to content and engage your site visitors.

Like this post?
Follow us on FacebookInstagram or YouTube for more WordPress membership tutorials!

Perfect for Merchant Associations, Professional Associations, Chambers of Commerce,
Business Networking groups, Visitor Bureaus, Community Arts Councils and more.

See all membership features offered by Chamber Dashboard.