Rocco Aliberti

presscustomizr

<h4>What is Nimble Page Builder ?</h4>
<p><strong><a href="https://nimblebuilder.com/" rel="nofollow ugc">Nimble Page Builder</a></strong> 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.<br />
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.</p>
<p>Watch the video below to see how this <a href="https://demo.presscustomizr.com/nimble-builder/" rel="nofollow ugc">demo page</a> has been built.</p>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/328473405" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<h4>Live demos</h4>
<ul>
<li><a href="https://nimblebuilder.com/landing-page-with-header-and-footer/" rel="nofollow ugc">landing page with header and footer</a></li>
<li><a href="https://demo.presscustomizr.com/nimble-builder/" rel="nofollow ugc">integration with the Customizr theme</a></li>
<li><a href="https://demo-hueman.presscustomizr.com/nimble-builder/" rel="nofollow ugc">integration with the Hueman theme</a></li>
<li><a href="https://docs.presscustomizr.com/article/372-design-your-404-page-with-the-nimble-builder/" rel="nofollow ugc">404 page created with Nimble Builder</a></li>
</ul>
<h4>Works on any page of your site and with all WordPress themes</h4>
<p>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 <a href="https://docs.presscustomizr.com/article/372-design-your-404-page-with-the-nimble-builder/" rel="nofollow ugc">404 pages</a>. No only that, you can also decide to <a href="https://docs.presscustomizr.com/article/371-how-to-start-building-from-a-blank-page-with-the-wordpress-nimble-builder/" rel="nofollow ugc">start designing from a blank page</a> 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.</p>
<h4>Features overview</h4>
<ul>
<li><strong>Drag and drop neatly pre-designed sections</strong> and customize them in real-time preview.</li>
<li><strong>Works in any WordPress contexts</strong> : home, pages, posts, custom post types, archives, author pages, search page, …</li>
<li>Create content, style, move / duplicate / remove elements <strong>in real-time preview</strong>.</li>
<li>Save and reuse sections and templates.</li>
<li><strong>Site building</strong> : define <a href="https://docs.presscustomizr.com/article/428-how-to-use-site-templates-with-nimble-builder" rel="nofollow ugc">site templates</a> for pages, posts, archives, search page, author pages, 404 page.</li>
<li><strong>Many content modules available</strong> : classic text editor, image, column layouts, contact form, button, icons, map, html code, WordPress widget area, menu, and more.</li>
<li><strong>Insert engaging <a href="https://docs.presscustomizr.com/article/393-how-to-add-post-grids-to-any-wordpress-page-with-nimble-builder/" rel="nofollow ugc">post grids</a></strong> on any page, looking great on desktop and mobile devices.</li>
<li>Use <strong>full width image or video backgrounds</strong> for your sections, and <a href="https://docs.presscustomizr.com/article/380-how-to-set-a-parallax-background-for-a-section-in-wordpress-with-the-nimble-builder/" rel="nofollow ugc">enable a parallax effect</a>.</li>
<li><strong>Easily <a href="https://docs.presscustomizr.com/article/343-designing-for-mobile-devices-with-wordpress-nimble-builder/" rel="nofollow ugc">customize your content specifically for mobile devices</a></strong> : change the responsive breakpoint, adapt font-size, spacing, alignment, column layouts, in real-time preview.</li>
<li><strong>Customize any text <a href="https://docs.presscustomizr.com/article/364-how-to-use-google-fonts-with-the-nimble-builder/" rel="nofollow ugc">with Google Fonts</a></strong>.</li>
<li>Add <strong><a href="https://docs.presscustomizr.com/article/409-how-to-add-custom-css-to-a-specific-page-of-your-wordpress-site/" rel="nofollow ugc">custom CSS</a></strong> to any specific page of your site ( and only to this page ) : post, page, archive, 404 page, WooCommerce product, etc.</li>
<li><strong><a href="https://docs.presscustomizr.com/article/391-how-to-export-and-import-templates-with-nimble-builder" rel="nofollow ugc">Export / Import</a></strong> : re-use your sections in other pages and between sites.</li>
<li><strong><a href="https://docs.presscustomizr.com/article/350-how-to-use-shortcodes-from-other-plugins-with-the-nimble-builder-plugin/" rel="nofollow ugc">Embed shortcodes</a> from other plugins</strong>, and see the result in real-time preview.</li>
<li>Nimble Builder automatically generates responsive HTML markup for a <strong>pixel-perfect rendering on smartphones and tablets</strong>.</li>
<li>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.</li>
</ul>
<h4>Mind blowing performances 🚀</h4>
<p>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.</p>
<h4>Mobile first builder</h4>
<p>Nimble Builder is designed <strong><a href="https://docs.presscustomizr.com/article/343-designing-for-mobile-devices-with-wordpress-nimble-builder" rel="nofollow ugc">mobile-first</a></strong>. 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.</p>
<h4>Content modules</h4>
<ul>
<li>Headings</li>
<li>WordPress text editor ( support blocks and shortcodes )</li>
<li><a href="https://docs.presscustomizr.com/article/381-how-to-enable-lightbox-on-your-images-with-the-nimble-builder/" rel="nofollow ugc">Image</a></li>
<li>Button</li>
<li>Icon</li>
<li>Post Grid</li>
<li>Image Carousel</li>
<li><a href="https://docs.presscustomizr.com/article/385-how-to-enable-recaptcha-protection-against-spam-in-your-forms-with-the-nimble-builder/" rel="nofollow ugc">Contact Form</a></li>
<li><a href="https://docs.presscustomizr.com/article/387-how-to-insert-google-maps-in-your-wordpress-pages-with-the-nimble-builder/" rel="nofollow ugc">Google Map</a></li>
<li>Menu</li>
<li>Social Profiles</li>
<li>Divider</li>
<li>Spacer</li>
<li>Columns</li>
<li>Quote</li>
<li>Widget zone</li>
<li>Accordion</li>
<li>Shortcode</li>
<li>Tabs ( coming soon )</li>
<li>… and more to come !</li>
</ul>
<h4>Getting started</h4>
<p>Once <a href="https://docs.presscustomizr.com/article/347-installing-the-nimble-builder-plugin/" rel="nofollow ugc">installed</a>, Nimble Builder can be accessed in the WordPress live customizer. You can <a href="https://docs.presscustomizr.com/article/337-getting-started-with-the-nimble-builder-plugin/" rel="nofollow ugc">start creating your first section</a> !</p>
<h3>Documentation</h3>
<p>You’ll find a growing online knowledge base for Nimble builder here : <a href="https://docs.presscustomizr.com/collection/334-nimble-builder/" rel="nofollow ugc">Nimble builder documentation</a>.</p>
<ul>
<li><a href="https://docs.presscustomizr.com/article/337-getting-started-with-the-nimble-builder-plugin" rel="nofollow ugc">Getting started with Nimble Page Builder for WordPress</a></li>
<li><a href="https://docs.presscustomizr.com/article/355-technical-requirements-server-browser-php-version-wordpress-version" rel="nofollow ugc">Technical requirements for Nimble Builder : server, browser, php version, WP version</a></li>
<li><a href="https://docs.presscustomizr.com/article/343-designing-for-mobile-devices-with-wordpress-nimble-builder" rel="nofollow ugc">Designing for mobile devices with the WordPress Nimble Builder</a></li>
<li><a href="https://docs.presscustomizr.com/article/371-how-to-start-building-from-a-blank-page-with-the-wordpress-nimble-builder" rel="nofollow ugc">How to start building from a blank page with the WordPress Nimble Builder?</a></li>
<li><a href="https://docs.presscustomizr.com/article/358-building-your-header-and-footer-with-the-nimble-builder" rel="nofollow ugc">How to build your WordPress header and footer with Nimble Builder ?</a></li>
<li><a href="https://docs.presscustomizr.com/article/380-how-to-set-a-parallax-background-for-a-section-in-wordpress-with-the-nimble-builder" rel="nofollow ugc">How to set a parallax background for a section in WordPress with Nimble Builder ?</a></li>
<li><a href="https://docs.presscustomizr.com/article/385-how-to-enable-recaptcha-protection-against-spam-in-your-forms-with-the-nimble-builder" rel="nofollow ugc">How to enable reCAPTCHA protection against spam in your forms with Nimble Builder?</a></li>
<li><a href="https://docs.presscustomizr.com/article/339-changing-the-page-template" rel="nofollow ugc">How to change the page template with Nimble Builder ?</a></li>
</ul>


Nimble Page Builder

Simple and smart companion that allows you to insert sections into any existing page, create landing pages or entire websites including header and foo …

Greg - SiteOrigin

alexgso

Braam Genis

<p>SiteOrigin Page Builder is a powerful content creation interface, instantly recognizable, astonishingly different. SiteOrigin Page Builder makes it easy to create responsive column-based content using the widgets you know and love. Your content will accurately adapt to all mobile devices, ensuring your site is mobile-ready. Read more on <a href="https://siteorigin.com/page-builder/" rel="nofollow ugc">SiteOrigin</a>.</p>
<p>We’ve created an intuitive interface that looks just like WordPress itself. It’s easy to learn, so you’ll be building beautiful, responsive content in no time.</p>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/114529361" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<p>Page Builder works with standard WordPress widgets, so you’ll always find the widget you need. We’ve created the <a href="https://wordpress.org/plugins/so-widgets-bundle/" rel="ugc">SiteOrigin Widgets Bundle</a> to give you all the most common widgets, and with a world of plugins out there, you’ll always find the widget you need.</p>
<h4>Ready to Be Used Anywhere</h4>
<p>Choose your editor; Page Builder is ready to be used anywhere. Build in the traditional Page Builder interface or insert a Page Builder Layout into the Block Editor. Insert the SiteOrigin Layout Widget into sidebar and footer widget areas or use the SiteOrigin Layout Block in block-based widget areas.</p>
<h4>It Works With Your Theme</h4>
<p>Page Builder gives you complete freedom to choose any WordPress theme you like. It’s not a commitment to a single theme or theme developer. The advantage is that you’re free to change themes as often as you like. Your content will always come along with you.</p>
<p>We’ve also made some fantastic <a href="https://siteorigin.com/theme/" rel="nofollow ugc">free themes</a> that work well with Page Builder.</p>
<h4>No Coding Required</h4>
<p>Page Builder’s simple drag and drop interface means you’ll never need to write a single line of code. Page Builder generates all the highly efficient code for you.</p>
<h4>Live Editing</h4>
<p>Page Builder supports live editing. This tool lets you see your content and edit widgets in real time. It’s the fastest way to adjust your content quickly and easily.</p>
<h4>History Browser</h4>
<p>This tool lets you roll forward and back through your changes. It gives you the freedom to experiment with different layouts and content without the fear of breaking your content.</p>
<h4>Row, Cell, and Widget Styles</h4>
<p>Row, cell, and widget styles give you all the control you need to make your content uniquely your own. Change attributes like paddings, background colors, and column spacing. You can also enter custom CSS and CSS classes if you need even finer-grained control.</p>
<h4>Focussed on Performance</h4>
<p>We’ve built a lightweight framework, focusing on small page sizes and fast load time. Page Builder is compatible with <a href="https://wordpress.org/plugins/autoptimize/" rel="ugc">Autoptimize</a> and all other major performance plugins.</p>
<h4>SEO Optimized</h4>
<p>Page Builder uses modern SEO best practices and seamlessly integrates with all major SEO plugins, including Yoast SEO and Rank Math.</p>
<h4>It’s Free, and Always Will Be</h4>
<p>Page Builder is our commitment to the democratization of content creation. Like WordPress, Page Builder is, and always will be, free. We’ll continue supporting and developing it for many years to come. It’ll only get better from here.</p>
<h4>Accessibility Ready</h4>
<p>Page Builder is accessibility-ready. Tab through all form fields and settings, and make changes without a mouse.</p>
<h4>Actively Developed</h4>
<p>SiteOrigin has been creating magical tools for your WordPress website since 2011. Page Builder is actively developed with new features and exciting enhancements every month. Keep track on the <a href="https://github.com/siteorigin/siteorigin-panels" rel="nofollow ugc">Page Builder GitHub repository</a>.</p>
<p>Read the <a href="https://siteorigin.com/docs/page-builder/" rel="nofollow ugc">Page Builder developer docs</a> if you’d like to develop for Page Builder.</p>
<h3>Documentation</h3>
<p><a href="https://siteorigin.com/page-builder/documentation/" rel="nofollow ugc">Documentation</a> is available on SiteOrigin.</p>
<h3>Support</h3>
<p>Free support is available on the <a href="https://siteorigin.com/thread/" rel="nofollow ugc">SiteOrigin support forums</a>.</p>
<h3>SiteOrigin Premium</h3>
<p><a href="https://siteorigin.com/downloads/premium/" rel="nofollow ugc">SiteOrigin Premium</a> enhances Page Builder by SiteOrigin, the SiteOrigin Widgets Bundle, and all SiteOrigin themes with a vast array of additional features and settings. Take your layouts to the next level with SiteOrigin Premium Addons.</p>
<p>SiteOrigin Premium includes access to our professional email support service, perfect for those times when you need fast and effective technical support. We’re standing by to assist you in any way we can.</p>


Page Builder by SiteOrigin


Despite using the block editor on any (new) website, I'm still using SiteOrigin's on 3 customers pages (since 8+ years) …



The developers have done a very good job in developing a clean, easily usable and esp. non-techy-user-friendly editor. Like others (i.e. Elementor), this editor is not bloated, just works (never had any problems) and has a very good feature set.


"Legacy", but very good

Build responsive page layouts using the widgets you know and love using this simple drag and drop page builder.

Nimble Page Builder vs Page Builder by SiteOrigin