WordPress Page Builder – Zion Builder

Descripcion

Built and designed by hogash team, the creator of famous WordPress theme Kallyas, this plugin is the newest page builder on the market that comes with tools to build an outstanding WordPress website

Below are listed the core competencies

Elements and templates at your fingertip

Add elements and templates right where you need them from the page builder « Add Elements Popup »

Basic 27 elements

  • Section
  • Column
  • Text Editor
  • Custom HTML
  • Shortcode
  • Google Maps
  • Counter
  • Progress Bars
  • Image Slider
  • Anchor Point
  • Testimonials
  • Icon List
  • Alert
  • Sidebar
  • Soundcloud
  • Pricing Box
  • Tabs
  • Accordions
  • Image Box
  • Image
  • Icon
  • Icon Box
  • Gallery
  • Heading
  • Video
  • Button
  • Separator

Independent composition of elements

Each element is composed from a wrapper and its sub-components. For example a button is composed from a wrapper, the button and the icon, and each one of them may have individual styles applied.

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, advanced and search.

Global styles

In order to apply the same styles on multiple elements, Global CSS Classes were implemented. They can be styled either from 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

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.

Gradient background

You can layer multiple gradients by making use of color opacity. When set a lower opacity of gradient colors, other gradient layers become visible. Experiment with a different options on different gradient layers.

Manage loaded resources

You can choose what fonts , colors, gradients, icon packs or templates to appear in the page builder. That means you can choose only the fonts you need in your website even if on the dashboard you have access to hundreds of other fonts.

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 Bakground, ColorPicker, Pseudo – selectors, Element’s motion control, Flexbox control, Powerful background image, Filters, Borders, Shadows, Typography, Transform, Transitions

Library system

A whole panel that can be accessed from the main bar. It contains the actions needed for import and exporting library parts, and the access to Zion library.

Advanced features

  • Post revisions
  • Role Manager
  • Regenerate CSS
  • Replace URL
  • Custom CSS
  • Custom javaScript
  • Renaming elements
  • Element’s visibility
  • Custom HTML element
  • Columns sizes and offsets
  • Extendable options

User experience features

  • Dragging elements
  • Dragging size and spacing
  • Right-click actions
  • Top right toolbar shortcuts
  • Custom workspace
  • Keyboard shortcuts
  • Searchable options
  • Discard changes
  • Easily change the number values
  • CTRL + DRAG

Documentation and Support

For documentation and tutorials visit our Knowledge Base.

Screenshots

  • Editing experience
  • Editing experience
  • Responsive options
  • Inline edit
  • ZionBuilder online library
  • ZionBuilder online library
  • Tree view
  • Section view. The plugin will make screenshoots of your sections so you can easily find them
  • Wireframe view
  • History panel. You can get back in time
  • Two builder panel open
  • Responsive options. You can style an element for each device
  • Plugin edit screen while hovering an element
  • Element options
  • Add new element in page
  • ZionBuilder online library

FAQ

What is Zion Page Builder?

Zion Page Builder is a front end visual page builder plugin for WordPress. Zion Page Builder lets you create original-looking posts and pages that are unique, compared with the standard post/page templates that come with your WordPress theme. It doesn’t require any HTML/CSS/PHP/coding skills. Zion Page Builder gives you full control over your page looks like on desktop, tablet, and mobile.

Can I edit posts or other custom posts with Zion Page Builder?

Yes you can. You can edit posts, pages, and custom post types with Zion Page Builder by activating them from the plugin Admin panel.

Reviews

6 novembre 2020
Zion builder surprised me a lot. It is already a combination of the largest builders on the market. It focuses on comprehensive, unlimited site creation, while maintaining simplicity for non-encoders and yet full control for webmasters. All this while maintaining the lightness of the code without bloating. So far, everything is in the beginning, but I believe that it will gradually develop fully, and if the developers work hard on zion and listen to users, which they are doing now (communication with them is amazing) then it will be one of the best builders. According to the developers, many things that are still missing are being completed and will be gradually supplemented. Like full header and footer editing, full editing for third-party elements, and more.
22 octobre 2020
Installed plugin on a fresh install using default Twenty Twenty theme with no other plugins. Plugin is not functional from the start! The welcome pop up cannot be closed via mouse click, had to disable via Developer mode. Update: 4 resources did not load over a HTTPS connection and this caused several conflicts within the plugin. We removed the plugin and re-installed with an active HTTPS connection and we can now move pass the welcome pop-up and install pre-page templates.
19 setembre 2020
With header and footer builders still coming we are excited to see where this builder goes. The quality of the Kallyas theme plugins combined with this builder should be awesome! Looking forward to the updates so we can get our new sites going! Keep up the good work!
24 Agost 2020
I can’t recommend this enough. Super fast, lots of functionalities, you won’t find a quicker & better support. You won’t regret it 🙂 Also, the developer is super nice!
19 Agost 2020
I have been playing around with 2 other page builders before and this one is looking promising. I think I will also try their pro version.
Read all 5 reviews

Contributors & Developers

“WordPress Page Builder – Zion Builder” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.1.0- 2020-11-24

  • Renamed regenerate css to regenerate css and js
  • Improved history
  • Fixed poper behaviour on scroll
  • Allow save page on content editable
  • Allow browser context on right click in preview mode
  • Hide element menu when scrolling
  • Replaced pageEvents with windows
  • Fix image wrapper border on image option
  • Fixed element custom css not working
  • Fixed Mozilla bug on input
  • Fixed locked user data
  • Update plugin info card for pro version
  • Update Urls for changelog
  • Improve Tabs Element
  • Implemented element scroll to
  • Replace modal tour with intro video
  • Feature: Add Elements Popup pens automatically when column layouts are inserted
  • Feature: Element options panel: Added ability to click on the element title to select the parent element
  • Feature: Abillity to change Column setting for each viewport for Zion’s Gallery Element
  • Feature: Make Button Position option changeable per viewport
  • Fixed CSS not generated when using 0 (zero) without any suffix like ‘px’ for input values
  • Fixed Bug: Absolute Positioning of elements in Zion Builder is not the same as on the front end
  • Fixed Bug CSS not working correctly inside Zion Builder after changing Column ID
  • Fixed Bug Zion Keyboard Shortcuts prohibit from typing capital letters inside the WordPress media popup screen
  • Fixed css classes not cleared when a new css class is added or changed
  • Fixed Bug: Custom Javascript doesn’t get removed in ‘Custom Javascript’ under ‘Page Options’ when saving page
  • Change Tab name from « Columns » to « Layouts »
  • Updated elements registration
  • Created methods for adding childs to elements
  • Added ability to use zion builder version of Vue
  • Made components package as vue plugin
  • Reorganized components
  • Updated to Popper2
  • Removed Vuex from dependencies
  • Add v1.0.0 to lerna
  • Update to Vue 3 and fix compatibility syntax
  • Switched to monorepo lerna
  • Added filter for license check
  • Fixed image element margin drag hides the toolbox
  • Fixed Zion Builder not working with Yoast in certain conditions
  • Fixed PHP Stan erors
  • Fixed CSS classes not cleared when a new css class is added or changed
  • Update Data Fonts Google set
  • Add ability to get render attributes for multiple tag ids
  • Fix render « Array » string on elements classes
  • Fixed section masks not working
  • Fixed element with no options shows values as array
  • Add padding to element icon for image element

1.0.1- 2020-08-17

  • Renamed plugin
  • Updated stable tag
  • Fixed data update not working properly
  • Changed register element system
  • Updated composer dependencies
  • Replaced PRO description from admin
  • Fixed template not importing images in certain conditions
  • Updated minimum PHP version
  • Performance optimizations
  • Fixed background size contain
  • Implement pro connection
  • Fix panels height dragging
  • Add pro badge to dashboard
  • Add calendar picker
  • Fix background gradient not working
  • Add new transform properties
  • Moved render methods to render class
  • Added loading gif to element loading
  • Update keywords for elements
  • Fix case sensitive icon search
  • Fixed styles not generating proper css
  • Fix duplicate renderer var
  • Fixed css duplicated
  • Fixed animations visibility glitch
  • Prevent adding emty values on transition property
  • Fix flex direction row in rendered page
  • Fixed uploaded icons not showing in frontend editor
  • Fixed css gradients
  • Fixed animation duration and delay not working properly
  • Added offset 0 value for columns
  • Added dynamic background color option type
  • Fixed missing post id for bulk actions API call
  • Implement masks for sections and columns
  • Fix inverse text shadow icons for horizontal and vertical spread
  • Fix no loader for templates library preview when inserting the item
  • Change png to svg in section view
  • Add specialFilterPak prop to iconsLibraryModal
  • Fix blur not rendering correctly
  • Add dynamic content to heading, iconbox, iconList, ImageBox,PricingBox, ProgressBars, Testimonial
  • Added vendor prefixes for css styles
  • Added filters to various locations
  • Fix compatibility with older versions of MySQL/MariaDB
  • Remove seconds from History items
  • Fix safari library scroll not working
  • Added filter for options parsing
  • Fix scrollTop and overflow hidden from accordion menu
  • Fixed compatibility with WP 5.4.2
  • Fixed error showing when using video background
  • Added form filters
  • Fixed testimonial element not showing properly in frontend
  • Added filter for element custom css
  • Updated plugin version
  • Fixed build command
  • Added namespace to plugin file
  • Updated pagebuilder meta keys
  • Fixed compatibility with legacy zionbuilder
  • Updated phpstan config for v0.12.26
  • Fixed several PHP stan errors
  • Implemented update system
  • Update phpstan config file to remove autoload
  • Added updater base code

0.1.0

  • Initial Public Release