Page Builder by SiteOrigin vs Zion Builder – Website Builder for Speed & Creativity

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 SiteOrigin. 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. Page Builder works with standard WordPress widgets, so you’ll always find the widget you need. We’ve created the SiteOrigin Widgets Bundle to give you all the most common widgets, and with a world of plugins out there, you’ll always find the widget you need. Ready to Be Used Anywhere 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. It Works With Your Theme 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. We’ve also made some fantastic free themes that work well with Page Builder. No Coding Required 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. Live Editing 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. History Browser 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. Row, Cell, and Widget Styles 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. Focussed on Performance We’ve built a lightweight framework, focusing on small page sizes and fast load time. Page Builder is compatible with Autoptimize and all other major performance plugins. SEO Optimized Page Builder uses modern SEO best practices and seamlessly integrates with all major SEO plugins, including Yoast SEO and Rank Math. It’s Free, and Always Will Be 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. Accessibility Ready Page Builder is accessibility-ready. Tab through all form fields and settings, and make changes without a mouse. Actively Developed 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 Page Builder GitHub repository. Read the Page Builder developer docs if you’d like to develop for Page Builder. Documentation Documentation is available on SiteOrigin. Support Free support is available on the SiteOrigin support forums. SiteOrigin Premium SiteOrigin Premium 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. 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.

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.