Beaver Builder Logo

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

2022

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 2022 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

Flint Hills
Flint Hills

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