Stackable – Page Builder Gutenberg Blocks vs Zion Builder – Website Builder for Speed & Creativity

The Ultimate Companion to the WordPress Block Editor Stackable is the ultimate trusted block plugin you’ve been waiting for. Build dynamic websites with our powerful yet lightweight custom WordPress blocks, global design system, ready-made designs, global settings, and advanced customization options all whilst boasting speedy performance. Have the confidence to easily design professional websites that stand out using a new page building experience for Gutenberg – the WordPress Block Editor. Try our live demo | Join the Facebook Community Transform Gutenberg into a Page Builder. Stackable is the all-in-one block plugin for creating stunning websites by transforming the WordPress Block Editor into a Page Builder. Stackable has helped thousands of bloggers, merchants, marketers, designers and web development professionals make the most out of the WordPress Block Editor through fast, powerful and intuitive features. Global Design System Design faster and more efficiently with our global controls, which make designing in one place and applying it to your entire site a breeze. Inherit styles from your Block Theme Theme.json Pattern Library Full Page Templates Global Design System Global Color Schemes Global Typography Global Spacing, Borders, Buttons and Icons Ready Made Designs & Patterns Enjoy an impressive Design Library to jumpstart your designing process. Never start from scratch and design like a pro with the help of our stunning and professionally-made designs and templates. Hundreds of ready-made designs Dozens of ready-made page templates Designs that inherit the styles of your block theme Dozens of block layouts Various shape separator designs Powerful Custom Blocks Get 42 flexible custom WordPress blocks that are feature-rich and look good out of the box, and provide a robust foundation for any website even without a single line of code. You can choose which of these blocks you need, depending on your workflow. You can also disable blocks if you don’t need them. Essential Blocks Advanced Columns Block — View Block Advanced Heading Block – View Block Advanced Text Block – View Block Advanced Image Block Icon List Block — View Block Button Block — View Block Icon Button Block Icon Block — View Block Special Blocks Carousel Block – View Block Horizontal Scroller Block – View Block Tabs Block – View Block Countdown Block – View Block Timeline Block – View Block Table of Contents Block – View Block Posts Block — View Block Image Box Block — View Block Video Popup Block — View Block Progress Circle Block — View Block Progress Bar Block — View Block Accordion Block — View Block Map Block — View Block Icon Label Block Social Buttons Block Card Block — View Block Count Up Block — View Block Number Box Block — View Block Notification Block — View Block Expand / Show More Block — View Block Separator Block — View Block Subtitle Block Price Block Divider Block Spacer Block Section Blocks Hero Block — View Block Call to Action Block — View Block Feature Block — View Block Feature Grid Block — View Block Pricing Box Block — View Block Icon Box Block Testimonial Block — View Block Team Members Block — View Block Blockquote Block — View Block Page Builder-like Design Options Turn the WordPress Block Editor into a page builder. Fine-tune your creations with a wide range of familiar web design options. Block Theme & Theme.json Support Global Design System Multiple Block Layouts Flexbox Controls Image and Video Lightbox Save Block Defaults Customize block hover styles Block Background and Image Color Settings Block Typography Settings Image Shapes and Settings Advanced Gradient Color Picker Advanced Icon Options Advanced Column and Spacing Settings Global Colors & Typography Settings Responsiveness Tablet and Mobile Column Arrangement Live Responsive Editing Ability to tweak designs for Tablet and Mobile views Specify how Columns collapse in Tablet and Mobile Hide / Show Specific Blocks on Desktop, Tablet or Mobile Custom Tablet and Mobile breakpoints Custom data-* attributes Fast Page Loading Speed Optimize your website’s performance, and get lightning fast page loading to make your site visitors stay. Have the chance to maximize your page speed insights and achieve high Core Web Vitals and higher SEO rankings. Loads the smallest file size possible of CSS and JS files in the frontend, ~ only 7.8kb total Adds almost no PHP server overhead for fast page loads Zero Bloat, no jQuery, no dependencies Optimized page loading with focus on Core Web Vitals Responsive image loading for faster browsing speeds in mobile devices Compatible with Optimization Plugins and use optimization techniques such as combining CSS and JS files and minification Integrations & Compatibility Make your page building experience more well-rounded by using other popular tools. We’ve seamlessly integrated with these essential third-party plugins and tools: WPML Weglot Blocksy Toolset Font Awesome Google Fonts see our full list of integrations and compatibility Premium Features Take web designing to the next level. Stackable Premium helps you unlock the full potential of the WordPress Block Editor with awesome advanced features that will give you the ability to create high-end websites. Dynamic Content (Premium) Create dynamic WordPress websites that cater to the specific interests of visitors. Dynamic content Fully customize your query loops Site Custom Fields Conditionally display blocks More Integrations (Premium) In premium, you get more integrations. WooCommerce ACF Metabox JetEngine Agency Tools (Premium) Cater to more clients effectively and efficiently with our Agency Tools, which were specially made for web design professionals. Block CSS Customizer Role Manager Motion Effects (Premium) Add animations that will bring your site to life and make it more visually engaging. Scroll Animations Entrance Animations Transform & Transition Effects More Blocks (Premium) Load More Block (for the Blog Posts Block) Pagination Block (for the Blog Posts Block) Try our live demo | Learn more News Article Updates v3.20 Saved Patterns and a Faster Design Library v3.19 Full Page Templates, Style Guide and Onboarding Tour v3.18 Global Block Styles v3.17 New Design Library v3.16 Theme.json Support, Global Value Presets, Type Scale v3.15 Global Design System v3.14 Icon Library & Granular Plugin Settings v3.13 Improved Stackable Server Performance v3.12 WooCommerce Integration and Enhanced Color, Gradient and Opacity Settings v3.11 New Timeline Block v3.10 New Tabs Block v3.9 New Carousel Block v3.8 New Stackable UI v3.7 New Horizontal Scroller and Countdown Blocks v3.6 New Progress Circle and Progress Bar Blocks v3.5 No Bloat & Improved Performance v3.4 Map Block v3.3 Saving Block Defaults v3.2 Table of Contents Block v3.1 Wireframes v3.0 How To Shift From Version 2 to Version 3 v2.17 Custom Attributes and Optimization v2.16 Clickable Containers and Pagination v2.15 Introducing Dynamic Content v2.14 Copy and Paste Block Styles v2.13 UI Kits, Borders & Improved Performance v2.12 Better User Interface and User Experience v2.11 Introducing Global Colors and Global Typography v2.10 Better Responsive Controls, Better List Block Icons and Low-Highlight Effect v2.9 Live Responsive Editing v2.8 Role Manager for Gutenberg v2.7 New Icon Block, Amazing Icons and Font Awesome Pro v2.6 New Advanced Blocks and Load More Blog Posts Button v2.5 Better Onboarding for First Time Users v2.4 Introducing the Advanced Columns & Grid Block v2.3 Introducing the Design Library and New Block Designs v2.2 Welcome Video, Better Separators and Auto-Block Recovery v2.1 Help Video Snippets and Auto-Expand Settings v2.0 Version 2 is Out! Learn More About Stackable – Page Builder Gutenberg Blocks & Designs Read our documentation and tutorials Visit our site wpstackable.com Subscribe to our newsletter Enjoying Stackable Blocks? Join the Stackable Community in Facebook Follow us in Twitter @wpstackable Leave us a rating ** Those marked with asterisks are part of Stackable Premium

Zion Builder in action – TRY IT NOW WORDPRESS PAGE BUILDER FEATURES Elements and templates at your fingertips Add elements and pre-made templates right where you need them from the page builder “Add Elements” Popup. This popup gives access to pre-made layouts, elements, and to the Library System. Unified system of options Every element has the same easy to use and intuitive options pattern found in the “Element Options” panel. It consists of 3 main tabs: general, styling and advanced. The general tab contains options specific to the edited element, the style tab contains options that can be used to style every aspect of the element while the advanced tab contains options for changing the element name, id, animations and more. Global styles To apply the same styles on multiple elements, Global CSS Classes were implemented. They can be styled either from the page options panel or from the Element options panel. No coding skills required. Live responsive editing Visually decide the sizes, colors, or positioning of the elements for each screen. This means that any changes made to the mobile view, will only appear on that device and it will not affect the other devices, which will still maintain the original design options. Custom rich text on click The inline editor is triggered on text click and provides options such as font family, size, weight, spacing, alignment, or text-transform. It can also be dragged anywhere on the screen so it doesn’t interfere with the design. Gradient background Multiple gradients may be layered by making use of color opacity. When set a lower opacity of gradient colors, other gradient layers become visible. This is a powerful and unique feature that lets you add a distinctive touch to your design. History of actions Saving system, history of your actions, post revisions, users permissions, or easily discard changes give you the power of becoming the sole creator of your website. Shortcuts for undo and redo are also available. Design features The following extra design features come built-in the Panel Element Options: Blending Background, ColorPicker, Pseudo – selectors, Element’s motion control, Flexbox control, Powerful background image, Filters, Borders, Shadows, Typography, Transform, Transitions. Library system It contains the actions needed to import and export library parts and access to Zion library that provides hundreds of pre-made templates. Dragging size and spacing Live edit the margins, padding and size by dragging the element outline toolbar. Moving elements Repositioning the elements is done with simple dragging and dropping anywhere in the page or in the tree-view. A blueish line is the hint of the new position. Keyboard shortcuts The most used and intuitive keys were implemented to ensure the accessibility of user actions. Discard changes A unique feature of Zion Builder is the “display” of a green dot showing the options that have changed. No more looking around to check each option to see if it was changed. Top right toolbar shortcuts This toolbar appears only when hovering an element and gives the possibility to access the options panel, to save, hide, duplicate, or delete the element. Custom workspace The user is able to open, close, drag, and resize the panels according to his needs. The main panel can be dragged on the left or right side of the page. Right click actions By right clicking on an element ( from the preview page or tree view panels ) a custom menu appears with the main set of actions needed: copy, edit, remove, duplicate, hide, save, cut, discard, and copy element styles. Searchable options We implemented a search system so that you can easily find any option needed. No more looking around the options panel to search the exact option. This greatly improves the learning curve for new users. Flexbox control Control the alignment of your content ( the child or the parent elements ) to be vertical, horizontal, or center. All the flex-box rules are implemented in the display section of Panel Element Options. Pseudo-selectors “Hover” state of an element combined with the independent composition of elements brings a powerful design that otherwise would have been achieved only with custom code. Element’s motion control From the advanced tab in the edit element panel, you can add movement to the elements. There are ready to use animations such as fade, slide, zoom, etc. An animated element will start it’s animation only when it is visible on the page. Post revisions The builder uses the WordPress revisions feature. With each page save, a new page revision is also created allowing the user to go to a previous version of the page. Extendable options Built with PHP and Vue JS, the builder can be easily extended by adding new elements, adding new option types and custom conditions for the theme builder. Renaming elements Locating the correct element to interact with can be difficult when developing a complex web page. So you can rename your elements to get easily identified. On top of this, each element can be identified by its unique icon. RTL support Zion Page Builder supports RTL which is vital for languages that are read from right-to-left (rather than left-to-right). WORDPRESS PAGE BUILDER PREMIUM FEATURES Zion Builder Pro – Innovative plugin that comes to complete Zion Builder with many awesome features and elements which are meant to help users build their websites in no-time. Access to complete style options One of the things users love about Zion Builder Pro is the ability to fine tune almost every CSS property directly from the options panel. Combine this with the ability to change the styling for responsive devices and pseudo selectors so you have complete control over the page design. Dynamic content for various fields Replace static content from elements that are managed in WordPress with dynamic ones. Ability to upload custom fonts Zion Builder Pro makes it really easy to add custom fonts to your website. After uploading your font files to Zion Builder, your newly added fonts will be available in the editor at typography settings. Ability to use Adobe fonts Integration with Adobe Fonts was thought even from the beginning because this is a feature designers need. Ability to upload custom icons Importing custom icon packs created with Zion Builder Pro has never been easier. Any new icon pack added will be available in Zion Builder icon library. Role Manager Managing user’s permissions is done from Zion Builder’s dashboard. You can have full control of what users can edit. Custom CSS With custom CSS you can fine-tune the styling. Add custom CSS to elements and/or pages. Custom JavaScript With PRO, the page functionality may be extended by adding a JavaScript code which is only rendered on the current page Complex Accordions and Tabs elements With PRO the Accordions and Tabs elements accept nested elements as content. This is a powerful feature that lets you create unique designs. Access to PRO templates and elements With PRO you have access to premium design templates that you can import with just one click. Access to global colors Global Colors and Gradients have the superpower to edit a color or a gradient in one place and have those changes take effect everywhere that color is used. Access to global gradients Try out the Global Gradients yourself and you’ll see how you can spice up the design of your website while saving time. Access to PRO shape dividers Add extra spice to the design and users will love them. Take total visual control of your layouts and escape from theme limitations with Zion Builder Pro BE A CONTRIBUTOR If you want to help, go to our Zion Builder GitHub Repository. From there you can help us by opening new feature requests tickets as well as reporting bugs. Even more, if you’re a developer and want to improve or add a new feature to the builder, you can create a pull request. DOCUMENTATION AND SUPPORT For documentation and tutorials visit Zion Builder’s Help Center. For more information about features check out our website at Zion Builder website builder. Need more help? We are here to help you anytime – Just join the Zion Builder Community. Connect with us Follow us on Facebook Follow us on Instagram Follow us on Twitter Subscribe to our YouTube channel Undocumented use of a 3rd Party / external service To improve the user experience, Zion Builder may use the following 3rd party services if the required feature is enabled: Google Fonts – are loaded to add additional fonts to your website. Google’s TOS and Privacy Policy Local Google fonts through https://gwfh.mranftl.com/ . This service is used to download and serve Google fonts locally. It does not store any user information. Some features require loading assets from zionbuilder.io. These assets are not used for tracking unless explicitly mentioned. Learn more in our TOS and Privacy Policy.