Basic Module Examples (Beaver Builder Pro)
Audio Module
Using the Audio module, you can insert one or more audio files from the WordPress Media Library or a single audio file from an external source, plus choose some playback options.
Find out more about the Beaver Builder Pro Audio Module
Button Module
The Button module is an exactly that: an object that you insert into your layout that resembles a physical button.
Find out more about the Beaver Builder Pro Button Module
Add a Heading
Heading Module
The Heading module inserts a heading into your row that is rendered with a heading tag (H1, H2, etc.) in the HTML output.
Visit the link above to read about the advantages of using a Heading Module over specifying headings in the Text Editor Module.
Find out more about the Beaver Builder Pro Heading Module
HTML Module
Use the HTML module to add text, markup, and code such as HTML table markup, shortcodes, or JavaScript. The HTML module is better for adding markup and code than the Text Editor module, because the WordPress editor instance embedded in the Text Editor module can try to insert its own markup, such as <p> tags.
In the example to the right, the 2023 shortcode (which is available when you use the Beaver Builder Theme) has been inserted to render the current year in the output.
Find out more about the Beaver Builder Pro HTML Module
Sugar Cookie Ingredients
Flour
Sugar
Baking Soda
Butter
Vanilla
List Module
While it's easy to add bulleted and numbered lists in a text editor, the List module offers you an easy way to shape them into beautiful designs.
Find out more about the Beaver Builder Pro List Module
Photo Module
The Photo module lets you insert an individual photo from your WordPress Media Library or a custom URL.
Find out more about the Beaver Builder Pro Photo Module
Add text with the Text Editor Module.
There are many controls allowing you to style your text in a variety of ways.
Text Editor Module
Use the Text Editor module to add a block of text.
Find out more about the Beaver Builder Pro Text Editor Module
Separator Module
The Separator module inserts a horizontal line to separate content. It can be styled for color, size, and spacing.
Find out more about the Beaver Builder Pro Separator Module
Video Module
This example has an embedded YouTube video. You can also upload a video directly to your Media Library and insert it into the video module.
Find out more about the Beaver Builder Pro Video Module