=== Nimble Page Builder === Contributors: nikeo, d4z_c0nf Author URI: https://nimblebuilder.com Plugin URI: https://wordpress.org/plugins/nimble-builder/ Tags: page builder, visual editor, customizer, drag and drop, header, footer, landing page, contact form, grid, post grid Requires at least: 4.7 Requires PHP: 5.4 Tested up to: 6.0 Stable tag: 3.3.2 License: GPLv3 License URI: https://www.gnu.org/licenses/gpl-3.0.html Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=8FMNQPU36U27J&source=url Simple and smart companion that allows you to insert sections into any existing page, create landing pages or entire websites including header and footer. == Description == = What is Nimble Page Builder ? = **[Nimble Page Builder](https://nimblebuilder.com/)** is a fast and agile page builder plugin for WordPress. Nimble Builder uses the live customizer, native and powerful WordPress interface for real-time design. The plugin allows you to easily drag-and-drop modules like text-editor, post grids, images, contact forms, maps, icons, or ready-made sections and starter templates into any page of your site. You can edit your pages in real-time, and then click "publish" when you are happy with the result. Watch the video below to see how this [demo page](https://demo.presscustomizr.com/nimble-builder/) has been built. [vimeo https://vimeo.com/328473405] = Live demos = * [landing page with header and footer](https://nimblebuilder.com/landing-page-with-header-and-footer/) * [integration with the Customizr theme](https://demo.presscustomizr.com/nimble-builder/) * [integration with the Hueman theme](https://demo-hueman.presscustomizr.com/nimble-builder/) * [404 page created with Nimble Builder](https://docs.presscustomizr.com/article/372-design-your-404-page-with-the-nimble-builder/) = Works on 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](https://docs.presscustomizr.com/article/372-design-your-404-page-with-the-nimble-builder/). No only that, you can also decide to [start designing from a blank page](https://docs.presscustomizr.com/article/371-how-to-start-building-from-a-blank-page-with-the-wordpress-nimble-builder/) on 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. = 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**. * Save and reuse sections and templates. * **Site building** : define [site templates](https://docs.presscustomizr.com/article/428-how-to-use-site-templates-with-nimble-builder) for pages, posts, archives, search page, author pages, 404 page. * **Many content modules available** : classic text editor, image, column layouts, contact form, button, icons, map, html code, WordPress widget area, menu, and more. * **Insert engaging [post grids](https://docs.presscustomizr.com/article/393-how-to-add-post-grids-to-any-wordpress-page-with-nimble-builder/)** on any page, looking great on desktop and mobile devices. * Use **full width image or video backgrounds** for your sections, and [enable a parallax effect](https://docs.presscustomizr.com/article/380-how-to-set-a-parallax-background-for-a-section-in-wordpress-with-the-nimble-builder/). * **Easily [customize your content specifically for mobile devices](https://docs.presscustomizr.com/article/343-designing-for-mobile-devices-with-wordpress-nimble-builder/)** : change the responsive breakpoint, adapt font-size, spacing, alignment, column layouts, in real-time preview. * **Customize any text [with Google Fonts](https://docs.presscustomizr.com/article/364-how-to-use-google-fonts-with-the-nimble-builder/)**. * Add **[custom CSS](https://docs.presscustomizr.com/article/409-how-to-add-custom-css-to-a-specific-page-of-your-wordpress-site/)** to any specific page of your site ( and only to this page ) : post, page, archive, 404 page, WooCommerce product, etc. * **[Export / Import](https://docs.presscustomizr.com/article/391-how-to-export-and-import-templates-with-nimble-builder)** : re-use your sections in other pages and between sites. * **[Embed shortcodes](https://docs.presscustomizr.com/article/350-how-to-use-shortcodes-from-other-plugins-with-the-nimble-builder-plugin/) 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**. * Nimble Builder leverages the WordPress live customizer features for auto-drafting and schedule publishing. You can safely build and save drafts of your content before deploying in production. = Mind blowing performances ๐Ÿš€ = Nimble Builder pages load very fast, in particular on mobile devices. With a basic cache server configuration, the plugin gets an A grade on performance tests. = Mobile first builder = Nimble Builder is designed **[mobile-first](https://docs.presscustomizr.com/article/343-designing-for-mobile-devices-with-wordpress-nimble-builder)**. It uses a performant and lightweight flex CSS foundation which ensures perfect rendering on mobile devices. The plugin is an effective productivity tool, ideal for quickly sketching and publishing pages with sections and columns. Nimble Builder generates clean and fluid HTML markup that meets the highest SEO and accessibility standards. = Content modules = * Headings * WordPress text editor ( support blocks and shortcodes ) * [Image](https://docs.presscustomizr.com/article/381-how-to-enable-lightbox-on-your-images-with-the-nimble-builder/) * Button * Icon * Post Grid * Image Carousel * [Contact Form](https://docs.presscustomizr.com/article/385-how-to-enable-recaptcha-protection-against-spam-in-your-forms-with-the-nimble-builder/) * [Google Map](https://docs.presscustomizr.com/article/387-how-to-insert-google-maps-in-your-wordpress-pages-with-the-nimble-builder/) * Menu * Social Profiles * Divider * Spacer * Columns * Quote * Widget zone * Accordion * Shortcode * Tabs ( coming soon ) * ... and more to come ! = Getting started = Once [installed](https://docs.presscustomizr.com/article/347-installing-the-nimble-builder-plugin/), Nimble Builder can be accessed in the WordPress live customizer. You can [start creating your first section](https://docs.presscustomizr.com/article/337-getting-started-with-the-nimble-builder-plugin/) ! == Documentation == You'll find a growing online knowledge base for Nimble builder here : [Nimble builder documentation](https://docs.presscustomizr.com/collection/334-nimble-builder/). * [Getting started with Nimble Page Builder for WordPress](https://docs.presscustomizr.com/article/337-getting-started-with-the-nimble-builder-plugin) * [Technical requirements for Nimble Builder : server, browser, php version, WP version](https://docs.presscustomizr.com/article/355-technical-requirements-server-browser-php-version-wordpress-version) * [Designing for mobile devices with the WordPress Nimble Builder](https://docs.presscustomizr.com/article/343-designing-for-mobile-devices-with-wordpress-nimble-builder) * [How to start building from a blank page with the WordPress Nimble Builder?](https://docs.presscustomizr.com/article/371-how-to-start-building-from-a-blank-page-with-the-wordpress-nimble-builder) * [How to build your WordPress header and footer with Nimble Builder ?](https://docs.presscustomizr.com/article/358-building-your-header-and-footer-with-the-nimble-builder) * [How to set a parallax background for a section in WordPress with Nimble Builder ?](https://docs.presscustomizr.com/article/380-how-to-set-a-parallax-background-for-a-section-in-wordpress-with-the-nimble-builder) * [How to enable reCAPTCHA protection against spam in your forms with Nimble Builder?](https://docs.presscustomizr.com/article/385-how-to-enable-recaptcha-protection-against-spam-in-your-forms-with-the-nimble-builder) * [How to change the page template with Nimble Builder ?](https://docs.presscustomizr.com/article/339-changing-the-page-template) == Screenshots == 1. Creating a page with 3 sections 2. Dragging and dropping a pre-designed section 3. Editing content in live preview 4. Creating columns layouts 5. Customizing a section with an image background 6. Using the section navigator == Installation == 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 == Frequently Asked Questions == = How do I use Nimble Builder ? = [Getting started with Nimble Page Builder for WordPress](https://docs.presscustomizr.com/article/337-getting-started-with-the-nimble-builder-plugin/). = Can I use Nimble Builder with any theme ? = Yes, Nimble builder works with any WordPress theme. If you experience any problem with a specific theme, please report it in the [plugin support forum](https://wordpress.org/support/plugin/nimble-builder). = How to troubleshoot problems with Nimble Builder ? = 1. **Use the latest software versions** : make sure WordPress, your theme and plugins are **all updated to their latest versions**. 2. **Cache plugin** : if you use a server cache or cache plugin, clear itโ€™s cache content. It is recommended to disable your cache plugin when customizing your site. 3. **Browser** : [clear your browser's cache / history](https://docs.presscustomizr.com/article/309-how-to-clear-your-browsers-cache-cookies-and-history/). Switch to another browser if needed. Make sure you do not use a browser extension that conflicts with the plugin. 4. **Check for plugin conflict** : install WordPress official [Health check plugin](https://wordpress.org/plugins/health-check/). Activate the troubleshooting mode. Then deactivate all of your plugins. If it fixes the issue, re-activate your plugins one by one, until you identify the plugin in conflict. 5. **Theme** : install WordPress official [Health check plugin](https://wordpress.org/plugins/health-check/) and try to switch to another WordPress theme, like the default WordPress theme. If you use a child theme, activate the parent theme instead. 6. **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. 7. **Documentation** : try to find a possible solution in our [documentation pages](https://docs.presscustomizr.com/collection/334-nimble-builder/). You can report a problem by opening a new thread in [Nimble Builder support forum](https://wordpress.org/support/plugin/nimble-builder/). == Upgrade Notice == Visit the [Github release page](https://github.com/presscustomizr/nimble-builder/releases). == Changelog == You'll find the latest changelog on the [Github page](https://github.com/presscustomizr/nimble-builder/releases).