How To Add A Button In Beaver Builder Free Version? (7 Steps)

Disclosure: Some of the links in this post are affiliate links. This means, if you click on the link and purchase the product, I will receive a commission at no additional cost to you. Don’t worry, I only recommend products or services that I have personally used and believe will add value to my readers.


Want to add a button to a page using Beaver Builder plugin?

Given below are the steps to add a button in Beaver Builder:

  1. Install and activate the free version of the Beaver Builder plugin and the Ultimate Addons for Beaver Builder Lite plugin.
  2. Create the page on which you want to place the Beaver Builder button.
  3. Click on the Launch Beaver Builder button on the page to edit it with Beaver Builder. You will now be taken to the front-end of your website with Beaver Builder active on the page.
  4. From the right-side Beaver Builder panel, select UABB Modules in the Group drop-down field.
  5. Drag-and-drop the Button module on the page.
  6. In the Button module’s settings window, set the button text and URL to open on clicking the button. Then, style the button as needed using the settings on the Style tab.
  7. Save the button settings once the button is ready.

Let’s see each of these steps in greater detail now.

How To Add A Button Using Beaver Builder?

First, install and activate the free version of Beaver Builder. Then, install and activate the Ultimate Addons for Beaver Builder Lite plugin.

Once both these plugins are active, create the page on which you want to place the button.

After that, click on the Launch Beaver Builder button.

 Launch Beaver Builder

The front-end of your website will now come up with Beaver Builder active on it.

From the right-side Beaver Builder panel, select UABB Modules in the Group drop-down field. Then, drag-and-drop the Button module on the page.

Drag-and-drop the Button Module in Beaver Builder

You will now see the button on the page and the Button module’s settings window. In the Text field, set the text that you want to display on the button. And in the Link field, put the URL of the page that you want to open on clicking the button.

Set text and link for the button in Beaver Builder

Additionally, you can also style the button as you want using the settings on the Style tab.

Beaver Builder button style settings

Save the button settings once you have designed the button as you want.

And that’s it! You have now created a button using Beaver Builder.

Okay! Now what?

Next Steps…

There are quite a few modules offered by the Ultimate Addons for Beaver Builder Lite plugin, like:

  • Ribbon,
  • Image Separator,
  • Info Table,
  • Info List,
  • Slide Box,
  • Flip Box,
  • Star Rating, etc.

Explore these and the other additional modules that this plugin offers to see how you can give your page a unique look.

And if you want to learn more about what you can do with Beaver Builder, then here are some more Beaver Builder tutorials for you:

Final Thoughts!

Adding a button to a page using Beaver Builder is straightforward using the Ultimate Addons for Beaver Builder Lite plugin.

You don’t need to buy the premium version of Beaver Builder to add a button.

And if you don’t want to use Beaver Builder, you can add a button to any page using the Button block of the Gutenberg Editor that comes by default with WordPress.

Finally, if you liked this small little tutorial, then don’t forget to share it with your friends. I will really appreciate it.

About The Author

Leave a Comment

Your email address will not be published. Required fields are marked *