How to Add and Link a Button in BeaverBuilder

Buttons are a great way to guide visitors to important pages like registration, events, or contact forms. Follow these steps to add and link a button in BeaverBuilder.

Step 1: Open the Page in BeaverBuilder

• Log in to your WordPress dashboard.

• Go to Pages and click Beaver Builder on the page you want to edit.

Step 2: Add a Button Module

• In the top right corner, click the blue plus (+) icon.

• From the modules list, drag the Button or Button Group module into your layout.
  Tip: Use a Button Group if you plan to add multiple buttons with consistent formatting.

Step 3: Customize the Button

• Click the button to open the settings panel.

• Update the button text (e.g., “Register Here”).

• Optionally, click Icon to search and add an icon, such as an arrow. You can place it before or after the text.

Step 4: Add a Link

• Under the Click Action section, select Link.

• Add the destination URL:

  • For internal pages: click Select, then search for the page title.

  • For external sites: paste the full URL (e.g., https://leagueapps.com).

• If linking externally, check Open in New Window.

Step 5: Style the Button (Optional)

• Go to the Style tab to customize:

  • Layout (horizontal or vertical)

  • Width (full-width, fixed size)

  • Colors, text size, and fonts

• Default settings will match your website’s theme for visual consistency.

Step 6: Duplicate or Add More Buttons (Optional)

• Inside a Button Group, you can duplicate buttons to add more with the same style.

Step 7: Save and Publish

• When done, click Save > Done > Publish to make your changes live.

Need Additional Help?

Schedule a 1-on-1 training session