Getting started with the Nimble Builder plugin

About the Nimble Builder

The  Nimble Builder is a drag-and-drop section builder. It allows you to add pre-built sections to your pages, or create your own sections in live preview from the WordPress customizer.

You can easily create column layouts, and add content like buttons, icons, Google maps and even contact forms in any page.

Nimble can be used in absolutely any context of your WordPress website, it doesn't make a difference if you need to add section to a page, post, category, search page, author page, 404 page, WooCommerce product page, etc.

You can see the Nimble Builder in action :

1 - Open the WordPress live customizer

Once   installed, the Nimble builder can be accessed from the  WordPress live customizer.

The customizer allows you to safely add your Nimble sections in live preview, and publish when you're ready.

From your WordPress administration, navigate to Appearance > Customize

When you are navigating your front end site, click on the customize link in the admin top bar.

2 - Start dropping your first content

You can either click on the "+" icon in the topbar or click on "Insert a new section". Both actions open the Nimble 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, 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.