Getting started with Nimble Page Builder for WordPress

Nimble Page Builder is an easy to use yet powerful page builder plugin for WordPress. It uses the live customizer which is the native WordPress interface for real-time design.

The plugin allows you to drag-and-drop modules like text-editor, post grids, images, contact forms, maps, icons, or beautiful pre-built sections with a parallax background, into any page of your site. You can edit your sections in real-time, and then click “publish” when you are happy with the result, or save for later.

Watch the video below to see how this demo page has been built !

You can see Nimble Builder in action with the Customizr theme or with the Hueman theme. Here's a 404 page designed with Nimble Builder plugin.


0 - Install Nimble Builder

To install Nimble Builder:

  1. Log into your WordPress site.
  2. Go to: Plugins > Add New.
  3. Search for ‘Nimble Builder’.
  4. Select Install NowInstall the Nimble Builder

1 - Accessing Nimble Builder interface for live customization

Once installed, Nimble Page Builder can be accessed in the WordPress live customizer.

You can start using the Nimble Builder from a brand new page, or from any existing content of your site.

A - When editing an already published post, page or term, simply click on the Nimble Builder link in the top administration bar.

B - From your WordPress administration page, navigate to Appearance > Customize

C - When browsing your front-end site, click the customization link in the top bar of the administrator.


2 - Create your first section of content

You can either click on the "+" icon in the topbar or click on "Insert a new section". Both actions open Nimble Builder content picker.

Adding content with the Nimble builder

The content picker let you chose between various type of content

Switching the content type

Then you simply need to drag and drop a section or module in one of the dropzones of your previewed page.

Drag and drop content with Nimble

3 - Edit your content

Editing a module

  1. Once you have dropped a module in your page, move your mouse on it to display the module menu. Open the module menu and click on the edit pencil icon.
  2. Then start customizing your various module options from the left customizer panel.

Editing a module

Editing a section

Any section, column or module has editable properties in Nimble Builder, like background, width, padding, borders, ...  . You can access and edit those properties by clicking on the hamburger menu revealed when moving the mouse on it.

  1. For a section, open the section menu with a click on the hamburger menu, and click on the settings icon.
  2. Then customize your section options


Editing a section in Nimble

Publish or save your work as a draft

Once done with you design, you can publish it, schedule it or save it as a draft for later modifications.