First up, what’s a Beaver Builder Module anyway? Lets take a quick recap of this post<\/a>\u00a0(which is itself so short you may as well stay here). I am a row<\/span><\/p>\n<\/div>\n\t<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\n I am a column<\/p>\n<\/div>\n\t<\/div>\n<\/div>\n I am a\u00a0module<\/p>\n<\/div>\n\t<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t\t\t I am a column<\/p>\n<\/div>\n\t<\/div>\n<\/div>\n I am a\u00a0module<\/p>\n<\/div>\n\t<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t\t\t I am a column<\/p>\n<\/div>\n\t<\/div>\n<\/div>\n I am a\u00a0module<\/p>\n<\/div>\n\t<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/p>\n A row spans the whole width of the website (window), boxed container (like this site), or content area (the width of this text). 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.<\/p>\n A column is a vertical “slot” which sits inside a row, dividing it. 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.<\/p>\n 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.<\/p>\n When you click Page Builder, an existing WordPress page is converted to a Beaver Builder page.<\/p>\n To launch the page builder<\/strong><\/p>\n The Beaver Builder Page Builder<\/b> will load so you can begin editing content on the front end of your website.<\/p>\n 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.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n All the content is moved into a Text Editor Module<\/strong>. You shouldn’t really notice any difference at this point, except that you now have all the Beaver Builder tools at your disposal.<\/p>\n<\/p>\n This is the complete list of modules that Beaver Builder has by default.<\/a><\/p>\n They are all really good, but the ones in bold<\/strong> are the ones you’ll probably find most useful.<\/p>\n After extracting the bold items from the list of modules, here is a quick rundown on where \/ when to use them.<\/p>\n But first it’s worth noting that WordPress itself has several formatting tools available, which I intend to cover in another article.<\/p>\n In the meantime I’ll just mention them.<\/p>\n WordPress has a Text Editor with a Text \/ Visual tab to optionally see the html code.<\/p>\n Within this editor you can format text as headings or paragraph text.<\/p>\n You can insert media, including pics and video into your post.\u00a0The WordPress Codex covers this in detail<\/a>.<\/p>\n When you use the Beaver Builder Text Editor Module, it’s the same text editor that WordPress provides, but in a much more flexible, dynamic context. For example you can have multiple text editors on a page in rows and columns.<\/p>\n Heading<\/strong><\/p>\n A module for creating a heading, like the one at the top of this section.<\/p>\n Because you may have a body of text with lots of headings, you may consider rather formatting them within the text editor, otherwise you’ll find yourself doing a lot of splitting-up of text. But otherwise, you may find it useful.<\/p>\n Text Editor<\/strong><\/p>\n The aforementioned Text Editor which utilises the built-in WordPress text editor, which in turn uses TinyMCE<\/a>.<\/p>\n Button<\/strong><\/p>\n A standard – or if you prefer, non-standard – button, with options for styling, link target, icon etc.<\/p>\n Separator<\/strong><\/p>\n A horizontal line<\/p>\n Photo<\/strong><\/p>\n A single photo<\/p>\n Gallery<\/strong><\/p>\n A gallery of photos.<\/p>\n WordPress also ships with the ability to create a gallery.<\/p>\n Slideshow<\/strong><\/p>\n Beaver Builder has quite a few slideshow or slider options.<\/p>\n Besides the even simpler option to turn a row background into a slider – something I recommend considering first – this one is pretty straightforward.<\/p>\n Menu<\/strong><\/p>\n A nav menu like the one at the top of your website, except you can put this anywhere.<\/p>\n Tabs<\/strong><\/p>\n Nav Menu items are sometimes referred-to as “tabs”, which technically they are, but this tabs module is a series of tabs in a row along the top of a box. You set the tab title and the content in this module.<\/p>\n Accordion<\/strong><\/p>\n Accordions are similar to the collapsible content you see all over this site.<\/p>\n Posts<\/strong><\/p>\n A feed of your posts with lots of options, such as choosing to display them vertically in a list or having them as tiles or blocks to click through to the post.<\/p>\n \u00a0<\/p>\n Sometimes you might find you need something that Beaver Builder doesn’t have.<\/p>\n Several add-on packs for Beaver Builder by\u00a03rd party developers exist to fill the gaps.<\/p>\n These are some of the main ones, including their respective free \/ lite versions.<\/p>\n PowerPack Addon for Beaver Builder<\/a>\u00a0|\u00a0PowerPack Lite for Beaver Builder<\/a><\/p>\n Ultimate Addons for Beaver Builder<\/a>\u00a0|\u00a0Ultimate Addons for Beaver Builder \u2013 Lite<\/a><\/p>\n Addons for Beaver Builder<\/a>\u00a0|\u00a0\u00a0Addons for Beaver Builder (free version)<\/a><\/p>\n This may be the start of a complete rundown of each module, though given the number of other topics I have on my list of things to write about, unless the need arises to complete this section I think it’s going to stay this way.<\/p>\n What I recommend is to try the modules yourself.<\/p>\nRow<\/h2>\n
\nYou can only have one row in the horizontal axis.
\nYou can, and usually do have many rows vertically.<\/p>\nColumn<\/h2>\n
\nA Beaver Builder Column is required to house a Module.
\nYou can have multiple modules within one column.
\nThey will stack vertically beneath one another.<\/p>\nModule<\/h2>\n
All together now..<\/h2>\n
WordPress page vs Page Builder page<\/h2>\n
+ See how to launch the Page Builder<\/a><\/h4>\n
\n
\n![\"\"](\"http:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-03-at-16.36.55-1.png\")
<\/li>\n<\/ol>\nOther ways of launching the page builder<\/h3>\n
From Pages or Posts list in the WordPress dashboard<\/a><\/h4>\n<\/div>\n
\n
From the Edit screen for a Page or Post<\/a><\/h4>\n<\/div>\n
The Default “Stock” Modules<\/h2>\n
Basic<\/h3>\n
\n
Media<\/h3>\n
\n
Actions<\/h3>\n
\n
Layout<\/h3>\n
\n
Info<\/h3>\n
\n
Posts<\/h3>\n
\n
\n\t\tWhat to use When and Where
\n\t<\/h2>\nPaid and Free 3rd Party Add-ons<\/h2>\n
\n\t\tBeaver Builder Default Stock Modules in Detail
\n\t<\/h2>\n
![\"\"](\"http:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/10\/Text-Editor.png\")
![\"A](\"http:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/10\/Zandvlei-13-Sept-2017.jpg\")