Beaver-Builder

BASIC MODULE EXAMPLES

Audio

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.

 

Button

The Button module is an exactly that: an object that you insert into your layout that resembles a physical button.

Heading

The Heading module inserts a heading into your row that is rendered with a heading tag (H1, H2, etc.) in the HTML output.

2025

HTML

The HTML module lets you insert custom code and markup into your layouts that is rendered directly to the HTML output.

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.

Front end technologies

  • HTML
  • CSS
  • JavaScript

 

List

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.

The List module is based on the Bootstrap concept of a List Group, with optional headings, content, and list marker icons. If you choose to display list markers, they can be to the right or the left of either the headings or the content.

Final Selection_2 copy 2

PHOTO

The Photo module lets you insert an individual photo from your WordPress Media Library or a custom URL.

Add text with the Text Editor Module. 

There are many controls allowing you to style your text in a variety of ways.

Text Editor

Use the Text Editor module to add a block of text.

Separator Module

The Separator module inserts a horizontal line to separate content. It can be styled for color, size, and spacing.

Blah, blah, blah...Separator Moduel

Video

Use the Video module to insert a video into your layout or play it in a lightbox. The source can be either of the following:

  • A video from the WordPress Media Library
  • Embed code provided by a third party, such as Vimeo or YouTube.