Builderius Page Builder

Description

Builderius is an easy to use reliable and professional visual page builder. It works in front-end and is considered to be a “live editor”, which means that you instantly see the changes made and have a complete visual representation of your page.

The reasons you will like it

  • It is fast! Blazingly fast! The dead-simple interface and instant reaction of the builder make working with it comfortable. The changes to settings are instantly visible on the page;
  • It is succinct! One module in the builder always renders one HTML tag. The source code of a page is clean, well structured and semantic. These qualities are considered to have a significant impact on the page’s SEO;
  • The unique versioning control system! It is the unique feature of Builderius. The versioning control system allows to keep different versions of the page’s design, switch among them and preview them any time;

The reasons you will be delighted of Builderius as a professional developer

  • It is maintainable with ease! All the settings are simple CSS properties in a fancy UI. It allows making changes with the highest precision. No more virtual CSS properties like ‘gap’ or whatever! Also, Builderius creates styles based on classes of the elements. So, no more inline styles like in other page builders! Moreover, Builderius stores its generated CSS styles in WP Customizer – the most proper place for these entities.
  • It is extendable! Builderius has an API for developers who would like to add, for instance, new modules to the builder.
  • It is configurable! The unique quality of our page builder is that its primary data structures are JSON objects: the entire builder content, pre-created layouts, presets and even modules! JSON objects are easy to adjust and export/import. Or also parse if you ever need that 🙂

How To Use

  1. Create a new post/page or start editing an existing post/page. Find ‘Edit with Builderius’ blue button at the top of the page and click it to enter the builder mode. Alternatively you can click on ‘Edit with Builderius’ inline action button on the row in the posts/pages lists screen.
  2. You should see the blue ‘cross’ icon on the left edge of the screen. Click on it to open the builder panel. There is a button ‘Add new +’ that reveals a popup with modules which can be added to the page. Below is the Modules Tree. Only Row module can be added to to the root of the Tree. Alternatively you can quickly add one of the pre-created Layouts (which are sets of modules wit certain structure and settings)
  3. Module settings: hover over a Module’s Tree item, then hover over ‘hamburger’ icon to open a small overlay with two links ‘Settings’ and ‘Duplicate’. Click on ‘Settings’ link to enter the chosen module’s settings tab of the panel.
  4. Add more modules: hover over a Module’s Tree item, then click on ‘+’ icon to open the popup with all the modules available. Only Row and Column modules can be nested. These modules are containers.
  5. Click on ‘green diskette’ icon when you are ready to save the changes made. ‘Version Control System’ tab will be opened in the panel. Hover over ‘master: HEAD’ graph item and click ‘Save’.
  6. In ‘Version Control System’ click on ‘Commit’ to create a kind of restoration point. Commits can be previewed and published. These are two items on the small overlay when you hover over commit graph item. So, if you are ready to publish changes on the post/page and make them visible to everybody – create a commit and publish it.

Screenshots

  • screenshot-1.png
  • screenshot-2.png
  • screenshot-3.png
  • screenshot-4.png
  • screenshot-5.png

Installation

  1. Install using the WordPress built-in plugin installer functionality, or download and extract the zip file and drop the contents in the wp-content/plugins/ directory of your WordPress installation.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to Pages -> Add New (or Posts -> Add new)
  4. Create a new page (post) and press the ‘Edit with Builderius’ button.
  5. Now you can add/drag and drop modules from the left panel onto the content area, as well as add new layouts that make up the page structure.

FAQ

Do I need to know how to code to use Builderius?

No, not at all! Builderius is a drag and drop frontend page builder and you see changes instantly in front end

Is Builderius compatible with Posts and Custom Post Types?

No, at the moment only Pages and Posts

Contributors & Developers

“Builderius Page Builder” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

0.9.0

  • Public release of beta version