Tree view panel

The Tree view panel displays the current content of the working window in the form of a hierarchical tree view. To collapse a particular node in the tree view, click on the arrow, and on a tab to jump at the selected item. Also, you can rename each node or reorder with drag & drop […]

Section view panel

The Section view panel displays thumbnails with captures of the content sections from the working window. The sections can be renamed and reorganized with drag & drop function. Also, you can make right-click on the selected item to Duplicate, Copy, Cut, Delete, Hide element, Copy element styles, Discard element styles, Save element. Note: Enjoy all […]

Wireframe view panel

The Wireframe view panel displays the current content of the working window in the form of hierarchical accordions. It helps you get an overview of all the elements on the page. The sections and elements can be renamed and reorganized with drag & drop function. Also, you can make right-click on the selected item to […]

History

History is a handy feature in Zion Builder for anyone who publishes content on a regular basis. Zion Builder automatically saves all the changes you make to your posts. You can undo those changes and go back to an earlier version at any time.  Note: Enjoy all the stunning features that the Zion Builder contains […]

Undo & Redo

These features allow you to undo or redo an action in the page builder. It will come in handy especially when you want to revert the actions to a previous state that you were working on. To be able to use the redo feature, you will first need to undo an action. Undo and redo […]

Global CSS Classes

Classes are names that you can assign to a set of styles and apply them to elements. This helps when you want to apply the same style rules to multiple elements. You can search and add a class from the Styling tab of any element. Steps to add a class: Right-click on element -> click […]

Custom JavaScript (Pro)

Sure there are other ways to do this, but if you want to add per page through the page builder, add your custom JS into the Page Options -> Custom JavaScript. Be careful when using Javascript though as it may completely break the page builder too and unless you know what you’re doing, it’s not really recommended […]

Auto-save system

Zion Builder has an Auto-Save feature, that works automatically while you are designing your page. All of this happens in the background. If your browser crashes while you are editing, simply go back to your working page, it will be there waiting for you. Note: Enjoy all the stunning features that the Zion Builder contains inside and use […]

Key shortcuts

Key shortcuts are keyboard shortcuts that can be used to do some common actions in Zion Builder. It saves you a lot of time because you don’t have to click anything. You can easily access the Key shortcuts from the main panel. Here is a list of the currently available hotkeys: CTRL + S – Save […]

Templates

Templates allow you to save predefined sets of elements and blocks as a template and then reuse it when you’ll need them. This feature is very useful because you don’t need to repeat the same process over and over again. To save an element or entire section, open the Element Toolbox panel and select “Save […]

Export/Import Templates

Zion Builder includes an export / import feature, allowing users to easily copy the structure of an entire page templates, including all its sections, and import it to another page. This action will export a .zip file containing your template configuration. Import templates from the Templates Panel > Local Library > Import button. Click the cloud […]

Local Library

Local library contains your saved templates and elements. Here you can store your favorite layouts, sections or elements for later use. Once an item has been added to your Local Library, it can be quickly accessed when building new pages. Choose the one you want, and click on it to import it. The elements from […]

Zion Library (Pro)

Reduce website design time by using pixel perfect ready to use website demos from our library of starter templates. Save yourself hours of design time. The elements from the library are easily located through the search component that retrieves the searches by category or name. Templates can be previewed in an iframe either from the […]

Responsive

With Zion Builder responsive option your content will be accessible on desktop and mobile devices. No extra steps or programming required. Control how stacking behaves on different devices, define offsets of your choice, and hide particular elements on specific device types. Take full control over responsive design and get the best possible responsive website. Responsive […]

Dynamic Content (Pro)

Dynamic content feature allows you to replace static content in content elements that are managed in WordPress. This means you can transform a regular text block into a post title or a single image into a featured image. Whenever that content changes, it will be automatically updated across your entire website. The dynamic content feature […]

Global Colors & Gradients (Pro)

Global Colors and Gradients allow you to edit a color or a gradient in one place and have those changes take effect everywhere that color is used on your site. CREATING A GLOBAL COLOR To save a color as a global color, click on the color picker select color, choose Global and input box to […]

Shape dividers

Shape dividers allow the user to add a top or a bottom mask to an element. For example, this means that any section with height and background( that has background color, gradient, image or video ) may support a vectored shape upon it. The shape divider option is found on the General Tab from Element […]

Custom Icons (Pro)

Importing custom icon packs created with Fontello, Icomoon, or Fontastic has never been easier. Any new icon pack added will be available in Zion Builder icon library popup when customizing the elements on your page. The custom icons added on the page, support the customization of the same style as the default ones ( adjust […]