Nimble Page Builder

      Geen reacties op Nimble Page Builder


What is Nimble Page Builder ?

Nimble Page Builder is an easy to use yet powerful page builder plugin for WordPress. Nimble Builder 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 !

Works in any page of your site and with all WordPress themes

Nimble Builder allows you to insert sections in any context of your site : home page, single post or page, category or tag page, even search results or 404 pages. No only that, but you can also decide to start designing from a blank page in any page of your site, and even create a custom header and footer. Nimble Builder uses native WordPress action hooks, which makes it compatible with all WordPress themes.

Live demos

  • Example of integration with the Customizr theme
  • Example of integration with the Hueman theme
  • Example of a 404 page created with Nimble Builder, header and footer disabled.

Features overview

  • Drag and drop neatly pre-designed sections and customize them in real-time preview.
  • Works in any WordPress contexts : home, pages, posts, custom post types, archives, author pages, search page, …
  • Create content, style, move / duplicate / remove elements in real-time preview.
  • Includes many content modules : classic text editor, image, column layouts, contact form, button, icons, map, html code, WordPress widget area, menu, and more.
  • Insert engaging post grids in any page, looking great on desktop and mobile devices.
  • Add image background to your sections, and enable a parallax effect.
  • Easily customize your content specifically for mobile devices : change the responsive breakpoint, adapt font-size, spacing, alignment, column layouts, in real-time preview.
  • Customize any text with Google Fonts.
  • Export / Import : re-use your sections in other pages and between sites.
  • Embed shortcodes from other plugins, and see the result in real-time preview.
  • Nimble Builder automatically generates responsive HTML markup for a pixel-perfect rendering on smartphones and tablets.
  • Embed WordPress blocks, videos, tweets or any embed types supported by WordPress, and see the result in real-time preview.
  • Nimble Builder Leverage the WordPress customizer auto-drafting and schedule publishing features. You can safely build and save drafts of your content before deploying in production.

Content modules

  • Headings
  • WordPress text editor
  • Image
  • Button
  • Icon
  • Post Grid
  • Contact Form
  • Google Map
  • Divider
  • Spacer
  • Columns
  • Quote
  • Widget zone
  • Menu
  • Image Slider ( under development )
  • Accordion ( under development )
  • … and more to come !

Getting started

Once installed, Nimble Builder can be accessed in the WordPress live customizer. You can start creating your first section !


You’ll find a growing online knowledge base for Nimble builder here : Nimble builder documentation.

  • Getting started with Nimble Page Builder for WordPress
  • Technical requirements for Nimble Builder : server, browser, php version, WP version
  • Designing for mobile devices with the WordPress Nimble Builder
  • How to start building from a blank page with the WordPress Nimble Builder?
  • How to build your WordPress header and footer with Nimble Builder ?
  • How to set a parallax background for a section in WordPress with Nimble Builder ?
  • How to enable reCAPTCHA protection against spam in your forms with Nimble Builder?
  • How to change the page template with Nimble Builder ?


  1. Creating a page with 3 sections

    Creating a page with 3 sections

  2. Dragging and dropping a pre-designed section

    Dragging and dropping a pre-designed section

  3. Editing content in live preview

    Editing content in live preview

  4. Creating columns layouts

    Creating columns layouts

  5. Customizing a section with an image background

    Customizing a section with an image background

  6. Using the section navigator

    Using the section navigator


Can I use Nimble Builder with any theme ?

Nimble builder works with any WordPress theme. If you experience any problem with a specific theme, please report it in the plugin support forum.

How to troubleshoot problems with Nimble Builder ?

  1. Use the latest software versions : make sure WordPress, Nimble Builder and your theme are all up to date.
  2. Documentation : try to find a possible solution in our documentation pages.
  3. Search the forum : use the search field on top of the topic list with keywords describing your issue. Another user may have had a similar problem already resolved.
  4. Cache plugin : if you use a server cache or cache plugin, please clear it’s cache content and disable caching via it’s settings. It is recommended to disable your cache plugin when customizing your site.
  5. Check for plugin conflict : deactivate all of your plugins. If it fixes the issue, re-activate your plugins one by one, until you identify the plugin in conflict.
  6. Browser : clear your browser’s cache / history. Switch to another browser if needed. Make sure you do not use a browser extension that conflicts with the plugin.
  7. Theme : try to switch to another WordPress theme, like the default WordPress theme. If you use a child theme, activate the parent theme instead.


  1. Install the plugin through the WordPress plugins screen. Or download the plugin, unzip the package and upload it to your /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Navigate to the WordPress live customizer
  4. Look for a drop zone candidate in the previewed page and click on the “+” button to start building your first section of content
  5. Drag a module from the left panel and drop it in a drop zone of the previewed page


1.7.7 : May 28th 2019

  • fixed : capability checks missing for new edit button. Now checking if user can ‘edit post’ and ‘customize’
  • improved : only print and enqueue js assets of the edit button when editing a post, a CPT or a page

1.7.6 : May 27th 2019

  • added : Implemented a new button “Add sections with Nimble Builder” when editing posts and pages.

1.7.5 : May 21st 2019

  • improved : performance improvements on the first load of the live customizer

1.7.4 : May 10th 2019

  • improved : pages and posts that have Nimble sections are included in the search results
  • improved : anchor links = allow scroll animations between sections
  • improved : addition of new ‘wp_body_open’ hook introduced in WP 5.2

1.7.3 : May 7th 2019

  • fixed : possible alignment issue for the heading module
  • fixed : br and p tags potentially added by WordPress when adding section before content

1.7.2 : April 30th 2019

  • fixed : avoid api connection slowing down the loading of the customizer,
    make sure api data are refreshed on installation and plugin update

1.7.1 : April 24th 2019

  • fixed : when resizing columns, the text “Drag and drop or double-click the content that you want to insert here” is breaking the layout
  • fixed : column resizing = remove handler on the right of the last column
  • fixed : quote module = font-size selector for quote content not specific enough

1.7.0 : April 18th 2019

  • fixed : check if class_exists(‘\Nimble\CZR_Fmk_Base’).
  • fixed : don’t append anything to head when the dynamic stylesheet is empty
  • improved : load assets of the pre-built sections from a remote api

1.6.7 : April 15th 2019

  • fixed : a contact form error on form submission.

1.6.6 : April 10th 2019

  • added : a button to the admin widget dashboard
  • added : a dismissable feedback UI in the customizer

1.6.5 : April 5th 2019

  • improved : Readme.txt update and checkbox styling improvement in the customizer

1.6.4 : April 4th 2019

  • fixed : PHP Undefined index: header-footer when using the Customizr theme
  • fixed : CSS unit not properly set for some controls

1.6.3 : April 4th 2019

  • fixed : WP Widget Module = no options in select
  • fixed : wrong syntax for conditional statement leading to PHP error when using PHP version 5.6
  • fixed : ie11 compatibility = added missing “-ms” vendor prefix to grid* properties

1.6.2 : April 3rd 2019

  • fixed : bug when a section width is set in percent

1.6.1 : April 3rd 2019

  • fixed : nimble top bar not hidden when searching theme or saving a draft
  • fixed : apply a default margin top and bottom to headings, in order to avoid theme stylesheet breaking vertical centering
  • improved : customizer UI with a new checkbox design
  • improved : PHP code performance on front by registering only the contextually active modules
  • added : a Post Grid module
  • added : a widget to the admin dashboard including latest news and links

1.6.0 : March 27th 2019

  • improved : navigation in changelog history
  • added : Export / Import feature

1.5.4 : March 22nd 2019

  • fixed : removed unwanted white space on top of section’s background because of a wrong initial parallax setup on mobile devices
  • fixed : CSS background-attachment:fixed rule is not well supported on mobile devices
  • improved : scroll animation for section anchor links did not work on full url links like https://mysite/#services

1.5.3 : March 19th 2019

  • fixed : prevents third party plugins overriding Nimble Builder editor in the customizer
  • fixed : wrong editor height on init
  • added : new control buttons to the text editors in the customizer : font-size buttons, underline, unlink

1.5.2 : March 14th 2019

  • fixed : a contact form with no body message could generate a fatal error
  • fixed : bulleted list could break in the text editor
  • improved : faster customization for text content

1.5.1 : March 8th 2019

  • fixed : Google font customizations could be not taken into account in some cases
  • improved : nested sections can now be moved up and down in a column
  • added : a new option to preview and restore a revision, for contextual and site wide sections
  • added : new option to add custom CSS classes to sections, columns and modules
  • added : a customizer notification for users of cache plugins

1.5.0 : March 5th 2019

  • added : [menu module] a new option to expand the mobile menu in full width below the hamburger icon.
  • added : a new user interface for section navigation, allowing users to navigate in the structure of Nimble Builder elements : locations, sections, columns and modules.

1.4.14 : February 26th, 2019

  • fixed : compatibility issue with Yoast SEO plugin. Sections located before and after the_content were not rendered.
  • fixed : add section button could inherit unwanted CSS properties from themes

1.4.13 : February 24th, 2019

  • fixed : wrong check when deciding between local and global for header and footer
  • added : New option to customize the acceptable score returned by Google reCAPTCHA in the form module.

1.4.12 : February 22nd, 2019

  • fixed : a level content could overlay its parent when its height was custom
  • fixed : make sure registered locations in the Customizr theme are always rendered when using the Nimble template and / or the Nimble header and footer
  • fixed : don’t cache global and local options when DOING_AJAX
  • added : hooks in header and footer template
  • added : Google reCAPTCHA option on forms

1.4.11 : February 19th, 2019

  • fixed : hidden blocks were lazy-loaded on load because of a incorrect offset top value
  • fixed : don’t run parallax on hidden blocks
  • improved : [Google Map Module] Load the js code when module visible

1.4.10 : February 17th, 2019

  • improved : various improvements of the background options for sections, columns and modules. New option to set the force of the parallax effect.

1.4.9 : February 14th, 2019

  • fixed : PHP error when previewing a customize changeset
  • fixed : CSS selectors wrongly implemented for the WP editor module
  • improved : the preview of a changeset on front

1.4.8 : February 13th, 2019

  • fixed : the system infos should be displayed to users with admin capabilities only
  • improved : increase the specificity of CSS selectors for the font customization of the WP editor module

1.4.7 : February 2nd, 2019

  • fixed : image lightbox not working

1.4.6 : February 1st, 2019

  • fixed : when no stylesheet file has been generated on front, the fallback hook to print the inline stylesheet is not defined.
  • added : [Image module] implement a simple lightbox option
  • added : an admin bar “quick link” to edit a page, post or term with Nimble Builder

1.4.5 : January 26th, 2019

  • fixed : Dynamic CSS : the font-size input should not have a default value
  • fixed : when the value is a string of an object, no need to write an empty value
  • fixed : Twenty nineteen theme heading styling, adding a border ::before Hx
  • fixed : wrong selectors for the scrolling animation of the menu anchor
  • fixed : [html module] removed the potentially misleading placeholder pre tag.
  • improved : [button module] a title attribute can be displayed on hover
  • improved : added a set of default CSS rules for headings in order to be less dependant of the theme style
  • improved : reset the base font-size at location level. Ensure a consistent size in em for child nodes. Break the inheritance from the theme rules
  • improved : during customization added support for undo / redo with keyboard combination ctrl + z/y
  • improved : default CSS rules for links and images
  • improved : allow modules and pre-built sections to be inserted by double-clicking on module / section icon
  • improved : when a template is used indicate it in the customization topbar
  • improved : help users created real round icon borders
  • added : page building support for Internet Explorer by allowing double-click insertion
  • added : [heading module] a link option
  • added : a title attribute option to the heading module
  • added : [image module] an option to set a title attribute

1.4.4 : January 17th, 2019

  • fixed : another PHP warning when using an rgba color for an icon, a button or in a form
  • improved : compatibility with the Customizr theme

1.4.3 : January 16th, 2019

  • fixed : a PHP warning when using an rgba color for an icon, a button or in a form
  • improved : support for Firefox.

1.4.2 : December 22nd, 2018

  • added : a new global option to try the beta features
  • improved : header_one pre-build section

1.4.1 : December 21st, 2018

  • fixed : possible php notice when generating CSS rules for column width
  • fixed : replace array_filter() which expects at most 2 parameters in version oho PHP 5.6, by a foreach loop
  • fixed : style of the column resizable handle broken in the Hueman theme
  • fixed : dynamic stylesheet not refreshed when dropping a section in a global location
  • fixed : fix loop_start and loop_end duplication in infinite-scroll loops. Could occur with JetPack, Hueman Pro and Customizr Pro.
  • added : a dismissable welcome notice when no sections has been created yet
  • added : a specific placeholder for header and footer locations, when customizing only
  • added [beta] : a widget area module
  • added [beta] : a new group of pre-built sections for header and footer
  • added : a “selectOptions” param to the signature of api.czr_sektions::setupSelectInput, allowing us to provide a set of options
  • added [beta] : implemented a parser for template tags inside double curly braces {{…}}
  • improved [beta] : modify ::dnd_canDrop with the case when user tries to drop a content header / footer section in a footer / header location = prevent + print an alert msg

1.4.0 : December 15th, 2018

  • fixed : use a different name for the various global inline stylesheets : breakpoint and inner/outer widths
  • fixed : when appending CSS rules by filtering ‘nimble_get_dynamic_stylesheet’, in Sek_Dyn_CSS_Builder::get_stylesheet, there’s no way to know if we are writing a local or a global stylesheet
  • fixed : UI of the global option is being re-generated when skope changes
  • updated : Font Awesome to v5.5.0
  • improved : deprecation of skope id ‘skp__post_page_home’. Now, when the home page is a static page, the Nimble options are the same as the page ones. Only the home with latests posts option has a specific set of Nimble options.
  • improved : various improvement of the UI and UX : clearer explanations of what the settings are doing, dynamic resizing of the UI icons when sections and columns are too narrows.
  • improved : deprecation of the “blank Nimble Builder template” in favor of a new set of options, fine-grained header and footer
  • added : the fundations for a header and footer customization

1.3.3 : December 5th, 2018

  • fixed : line breaks not automatically added when setting the content in the WP editor module
  • updated Nimble Builder logo

1.3.2 : December 4th, 2018

  • fixed : button module = set a default links hover color to avoid the default theme’s one to be applied
  • fixed : button module, icon module, image module, FP module = invalid pointer and title attribute when customizing
  • fixed : icon module = themes like Twenty Seventeen styling the link underline with a box-shadow instead of the regular “text-decoration:underline” rule
  • fixed : When typing fast in a number input, the last value is not taken into account
  • added : a gutenberg-like way to move sections up and down. convenient for big sections, painful to drag with the regular sortable handle

1.3.1 : November 26th, 2018

  • fixed : WP editor module, editor content not updated when clicking on the module UI hamburger menu
  • fixed : video embedded not displayed when using the WP editor module, Add Media Insert from Url
  • fixed : use the_nimble_tinymce_module_content instead of the_content when handling the “autop” option
  • fixed : video embed iframe overflowing the module wrapper
  • fixed : impossible to move a module in a freshly created new section
  • improved : added a default underline style for links inside the WP editor module
  • improved : during drag and drop, better proximity detection + only one drop candidate highlighted a time. See support topic
  • improved : refined the way links are handled in the preview. Two cases : 1-internal link ( = api.isLinkPreviewable(… ) = true ) : navigation allowed with shift + click, 2-extenal link = navigation is disabled
  • improved : performances of the customizer UI, significant speed improvements when rendering the various controls for level options
  • updated : Google font list to the latest version :
  • renamed “Full Nimble Builder template (beta)” to “Full Nimble Builder template (beta)”
  • improved : picking content logic has been improved. The section picker is opened when adding a section ( click on + insert a new section button ), the module picker opened in all other cases

1.3.0 : November 26th, 2018

  • fixed : the customizer UI was not loaded on WordPress network installs
  • fixed : columns layout randomly broken
  • fixed : tinymce editor module could be not accessible in some cases
  • improved : use a namespaced version of the select2 javascript library to avoid collision with other plugins or themes using select2
  • improved : make sure the tinyMce module is always accessible
  • added : introduced a new Nimble full page template (beta) using global header and footer locations

1.2.2 : November 11th, 2018

  • fixed : php function_exists( ‘\Nimble\ … ) breaks in some version of php ( 5.6.38 )
  • fixed : always check if ‘do_blocks’ exists for retrocompatibility with WP 5.0

1.2.1 : November 10th, 2018

  • fixed : php function function_exists() can return false when the tested namespaced function starts with a backslash.
  • fixed : parallax background only applied to section level
  • fixed : background smart load only applied to section level
  • improved : when dragging content, no need to print dropzones before or after empty sections
  • improved : introduce a Nimble content filter for the TinyMce editor module, in order to prevent a content “corruption” by third party plugins

1.2.0 : November 8th, 2018

  • fixed : added compatibility patch for WordPress 5.0. Waiting for core decision on :
  • fixed : parallax effect not being applied on preset section drop
  • improved : image module margins are not inherited from the theme

1.1.9 : October 31st, 2018

  • fixed : broken column width in mobiles for columns with a custom horizontal margin.
  • fixed : conflict with Anspress plugin when uploading an image on front.
  • fixed : the content picker input ( for link creation ) was broken : “Set custom url” could be printed multiple times, no search results was generating an error, some pages or posts could not be listed.
  • fixed : conflict with HappyForms plugin when customizing a form.
  • improved : simple form module, added sender’s email in the body of the message.
  • improved : simple form module, animate with a scroll action to focus on the message after a send action.
  • added : an option for a parallax effect on section’s background image. Compatible with lazy loading.

1.1.8 : October 23rd, 2018

  • improved : performance improvements with new options to lazy load images
  • added : an admin page for Nimble Builder, to display the system informations
  • added : a dismissable update notifications in admin

1.1.7 : October 11th, 2018

  • fixed : check on php and wordpress version not preventing some plugin functions to be fired.

1.1.6 : October 11th, 2018

  • fixed : normalized the text style of the user interface when previewing, so it’s not impacted by the theme or other’s plugins style
  • improved : added a way to make links unclickable. partially fixes #193
  • added : a “Contact-us” category of sections, including 2 new pre-designed sections

1.1.5 : October 10th, 2018

  • fixed : columns of a pre-designed sections not resizable after a drop
  • fixed : don’t animate when duplicating a column or a module
  • fixed : added the missing button text option for the form module
  • improved : better support for https secure protocol when building the stylesheet URL

1.1.4 : October 9th, 2018

  • fixed : code typo generating a php error ( )
  • fixed : use ‘https’ when building the dynamic stylesheet url when is_ssl()

1.1.3 : October 9th, 2018

  • fixed : user interface not generated on the first click in some cases

1.1.2 : October 8th, 2018

  • improved : the content picker should be available when expanding the main Nimble panel for the first time.
  • improved : the collection of pre-designed sections is fetched earlier for better perforamnces.
  • improved : a set of params can now be passed to a custom location when registering.

1.1.1 : October 7th, 2018

  • fixed : wrong error message, indicating a missing “ver_ini” property for column and module generated when dropping a module in a section to create
  • added : a filter ‘nimble_get_locale_template_path’, used for example in the Hueman theme to define a custom Nimble template path

1.1.0 : October 5th, 2018

  • This version includes major improvements. Many new modules and pre-designed sections are now available to create your pages.
  • New modules : heading, icon, button, Google map, Html content, quote, spacer, divider, contact form.
  • The user interface has been enhanced with a non intrusive top bar, including do/undo buttons, and global settings for Nimble builder.

1.0.4 : June 14th, 2018

  • fixed : when margins and paddings are not defined ( number field emptied ), no related CSS properties should be printed.
  • fixed : sek-sektion-inner should not have a padding of 15px on front.
  • fixed : a nested sektion should reset its parent column padding.
  • fixed : empty sektions wrapper should only be printed when customizing.
  • fixed : prevent element in the wp content to be displayed out of the wp-content-wrapper when previewing.
  • fixed : dynamic CSS can be printed twice : inline and enqueued as CSS file when user logged in.

1.0.3 : June 9th, 2018

  • fixed : missing dropzones around nested sections
  • fixed : reseting the spacing of a level was not changing the main setting.
  • fixed : the tinyMceEditor not collapsing on ‘sek-notify’
  • improved : tinyMce text editor = attach callbacks on ‘input’ instead of ‘change keyup’
  • improved : module dynamic ui = print the module name instead of ‘module’ at the bottom
  • improved : when clicking more than one time one the + ui icon, visually remind the user that a module should be dragged, with a light animation on the module picker container
  • added : encapsulate the singular post / page content inside a dom element so we can generate a dynamic ui around it when customizing + add an edit link to the post or page
  • added : introduced a loader overlay printed when the markup of any level being refreshed.
  • added : a “+” icon to add module from the sections dynamic UI

1.0.2 : June 7th, 2018

  • info : Nimble has been approved to be hosted on the plugin repository!
  • fixed : the background overlay should not be applied to a level when there’s no background image
  • added : a border-radius css rule to the pickable modules
  • added : the location type printed at the bottom of the dynamic ui when hovering
  • improved : the ui icon size gets smaller when number of columns is = 4
  • improved : the “Insert new section” is revealed when mouse is coming 50 pixels around

1.0.1 : June 6th, 2018

  • fixed : submission issue on Apply various fixes to the code in order to use unique function names, namespaces, defines, and classnames.
  • fixed : location levels need the css rule clear:both
  • fixed : clicking on the pencil icon of the tiny_mce_module should expand the editor
  • fixed : impossible to resize a fresh new column
  • fixed : impossible to move a fresh new module
  • fixed : alpha color input unwanted expansion when 2 instances displayed at the same time
  • fixed : before (after) loop sections might be duplicated in some edge cases
  • improved : reconsider behavior on mouse click (release) in the preview

1.0.0 : June 1st, 2018

  • initial submission to the plugins repository