The screen that appears when you edit a page is called Editor.
The sidebar is located on the left of the Editor and contains 2 tabs: Element, Settings.
The Element tab contains all elements that you can drag & drop into the page.
Elements are split into groups based on their role in building a page. They are:
Layout: for grouping elements and laying out the page structure.
Content: for information elements.
Booster: for sale-boosting and customer-growing elements.
Social: for social-related elements.
Product: for all product-related elements.
Blog: for all blog post-related elements.
You can move your mouse over an element, hold down and drag it into the page, release the mouse and the element will be inserted into the place you drop it. Please notice that only the places being highlighted can be dropped into.
You can find page global settings in this tab.
We called it "notch" because it reminds us of a similar design on some iPhone models.
You can click on the "notch" to toggle the visibility of the Sidebar.
The Topbar is located at the top of the Editor, and containing the following:
You can click open Library button on the Topbar to open the Library.
The library contains many pre-made sections you can insert quickly into the page.
It also contains custom sections you saved for later usage.
Undo / Redo
You can click Undo / Redo buttons to undo/redo the change you just made with the page.
The Screen switcher consists of 3 buttons: Desktop, Tablet, Mobile. It allows you to change between different screen modes to edit the page for each screen.
Each time you publish the page, Zeno will save a revision for the page so you can revert it back later. You can view all page revisions by clicking the Revisions button.
You can click the View live button to view the current live page. If the page is saved but not published, the live page will not be the same as in the Editor.
Save & Publish
After making a change to the page, you can click Save to save it. The page is not visible in live yet, you need to click Publish button to make it go live.
The main editing area is called Viewport.
The Viewport contains all elements on the page.
You can click on an element to show its settings in Sidebar.
From there you can make changes to the element.
Each element has a Toolbar attached to quickly save section, duplicate, and remove the element from the page.
You can move an element around by holding down on its name in the Toolbar, dragging and dropping. Easy it is, huh?
You can also right-click an element to open its context menu for even more quick options.
And that wraps up an overview of the Zeno Editor.