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.
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 some text to your button and link it to the page it should open when clicked.
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.
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.