How the editor is organized
Three panels do most of the work. The left panel holds elements you can drag onto the canvas and the layers view for navigating complex pages. The canvas in the middle is the page itself, edited directly. The right panel shows settings for whatever you have selected. The one habit that pays off immediately: set your theme colors and fonts before styling anything individually. Every element inherits from the theme, so a rebrand later takes seconds instead of an afternoon of clicking through elements one by one.Structure elements
These hold everything else and decide how the page responds on mobile.- Sections are the horizontal bands your page is built from
- Columns split a section into side-by-side content that stacks on mobile
- Boxes group elements together so they move, space, and style as a unit
Content elements
Text and media
Headings and text, images, video, and lists.
Conversion elements
Styling
Every selected element exposes the same styling categories in the right panel: typography, background, spacing, dimensions, borders and corner radius, box shadow, layout, animation, and transform. Two are worth singling out. Visibility controls whether an element appears on desktop, tablet, or mobile, which is how you handle layouts that cannot simply stack. Advanced settings exposes positioning, z-index, and custom CSS for anything the panels do not cover.Popups
Popups are built in the same editor as the rest of the page, with their own triggers and behavior.Create a popup
Start from a template or build from scratch, then set triggers, backdrop, and close behavior. For button-driven or scripted control, use the popup API.
Working faster
These are the features people discover late and wish they had found on day one.- Version history lets you view earlier versions of a page and restore one in a single click. Use it before any risky edit.
- Live mode previews JavaScript-powered behavior like popups and mouse effects without publishing.
- Reusable components save a section you can drop into other pages as a starting point.
- Replace text and replace links update every occurrence on a page at once, instead of editing twenty elements by hand.
- Compress images reduces file size across the page, which directly affects load time and conversion rate on mobile traffic.
- Pass through URL parameters carries tracking parameters across every link on the page so attribution survives the click out.
A component is copied when you insert it and then lives independently. If you need every page to stay in sync, use a global block instead.