Modules and Terminology

This article covers some basic terminology as it applies to Beaver Builder Modules, and things you might find on websites, generally.

First up, what's a Beaver Builder Module anyway? Lets take a quick recap of this post (which is itself so short you may as well stay here).

I am a row

I am a column

I am a module

I am a column

I am a module

I am a column

I am a module

Row

A row spans the whole width of the website (window), boxed container (like this site), or content area (the width of this text).
You can only have one row in the horizontal axis.
You can, and usually do have many rows vertically.

When laying out a page, a Beaver Builder Row and Column is required to house a Module. Not to worry, though. Those will be created where needed ie. if you drop a Module onto a page, a Row and Column will be created.

Column

A column is a vertical "slot" which sits inside a row, dividing it.
A Beaver Builder Column is required to house a Module.
You can have multiple modules within one column.
They will stack vertically beneath one another.

Module

A Beaver Builder Module is where the party happens. From simple text and photo Modules, to advanced grids and sliders, the Module is Beaver Builder's basic unit.

All together now..

Rows, Columns, and Modules all have extra settings that allow you to tweak spacing (margins and padding), where they appear, animation. You can also change the background and text colours of rows and columns.

WordPress page vs Page Builder page

When you click Page Builder, an existing WordPress page is converted to a Beaver Builder page.

To launch the page builder

  1. On the front end (not the dashboard), go to the page you want to add-to or edit eg. mywebsite.com/about
  2. Click the Page Builder item in the WordPress admin bar at the top.

The Beaver Builder Page Builder will load so you can begin editing content on the front end of your website.

Other ways of launching the page builder

  1. Go to the WordPress dashboard
  2. Go to Pages or Posts in the sidebar
  3. Hover over the page name, and click Page Builder

If you are on the Edit screen to change the title, date, featured image etc of a Page or Post, there will be a Page Builder button where the content area normally is, or a Page Builder tab next to a Text Editor tab at the top of the post. You can launch the page buider from there.

All the content is moved into a Text Editor Module. You shouldn't really notice any difference at this point, except that you now have all the Beaver Builder tools at your disposal.


Text Editor Module

This text was created with the Text Editor Module. It uses the standard WordPress text editor formatting toolbar which you can see at the top of the editor.

It accepts HTML via the Text tab at the top, although it applies some cleaning which may not be suitable for some coding requirements, so best to use the HTML Module for standard HTML.


Photo Module

This module is pretty self-explanatory: it adds a photo with a number of options, for example what to do when you click on the photo.


Accordion Module

This module adds expandable "accordion" sections.

Do NOT follow this link or you will be banned from the site!