Description
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 !
Documentation
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 ?
Screenshots
Creating a page with 3 sections
Dragging and dropping a pre-designed section
Editing content in live preview
Creating columns layouts
Customizing a section with an image background
Using the section navigator
Faq
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 ?
- Use the latest software versions : make sure WordPress, Nimble Builder and your theme are all up to date.
- Documentation : try to find a possible solution in our documentation pages.
- 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.
- 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.
- 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.
- 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.
- Theme : try to switch to another WordPress theme, like the default WordPress theme. If you use a child theme, activate the parent theme instead.
Installation
- Install the plugin through the WordPress plugins screen. Or download the plugin, unzip the package and upload it to your /wp-content/plugins/ directory
- Activate the plugin through the ‘Plugins’ screen in WordPress
- Navigate to the WordPress live customizer
- Look for a drop zone candidate in the previewed page and click on the “+” button to start building your first section of content
- Drag a module from the left panel and drop it in a drop zone of the previewed page
Changelog
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 https://wordpress.org/support/topic/few-improvement-suggestions/
- 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 : https://fonts.google.com/
- 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 : https://core.trac.wordpress.org/ticket/45292
- 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 ( https://wordpress.org/support/topic/unable-to-activate-44/ )
- 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 wordpress.org 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 wordpress.org. 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 wordpress.org plugins repository