Page Editor Tour

Get to know your way around the Zingy Page Editor

To launch the page editor, click on a page or form and select the Edit option.


The page editor consists of the following sections:

Main Toolbar

Zingy Page Editor Main Toolbar
Zingy Page Editor Main Toolbar

The main toolbar provides access to important functionalities such as:

  • Page Flow editor

  • Functional preview of your page. For more information see Page Preview.

  • Viewing/Editing your page's settings

  • Saving your page

  • Exiting the page editor


Page Element Sidebar

For a Structured Page, no Page Element Sidebar is displayed in the page editor. Instead the Page Element Sidebar is present when you edit a page slice.

Zingy Page Editor - Page Element Sidebar
Zingy Page Editor - Page Element Sidebar

The page element sidebar has two primary panels:

Page Element Library

Page Element Library
Page Element Sidebar - Page Element Library

The page element library provides quick access to various page elements that can be added to your page. The library is organized into categories that can be expanded or collapsed for ease of use.

Page Tree View

Page Structure View
Page Element Sidebar - Page TreeView

The page tree view shows your page in a hierarchical structure.


🪄AI Wiz

AI Wiz allows you to generate and add custom page elements by simply typing what you want in plain English. The generated elements are added to your Page Element library under the AI Wiz category.

For more information please see: Using AI Wiz in the Page Editor.

Page Content Area

Zingy Page Editor - Page Content Area
Zingy Page Editor - Page Content Area

The page content area displays your page's content and allows you to edit or modify the page elements.

For a structured page, the page content area allows you to add, reorder or delete page slices for the header, body and footer sections.

Zingy Page Editor - Page Content Area for a structured page

For more information please see:


Page Content Toolbar

For a Structured Page, the Page Content Toolbar is present when you edit a layout on the page.

Page Content Toolbar
Zingy Page Editor - Page Content Toolbar

The page content toolbar allows you to:

  • : View your page design in desktop, tablet and mobile screen sizes. See Responsive Design for more information.

  • : Show/Hide the dotted borders around elements

  • : Setup data table information for Forms .

Last updated