Skip to content
GenPageHelp center

Editor basics

Find your way around the GenPage editor - the toolbar, the Insert and AI panels, the canvas, the device bar and how your changes save.

· For owners, admins and members

On this page

The editor is where you shape a landing page. The page fills the middle of the screen, panels open at the sides, and a toolbar runs across the top. Open it from Create → Landing Pages by clicking any page in the list.

The GenPage editor with a landing page on the canvas, the toolbar above it and the device bar floating below

The toolbar

The toolbar has two zones and nothing in the middle. On the left are the Editor menu, the page name with its save state beside it, Insert and AI, and undo and redo. On the right are Variables, Comments, Preview and the publish button.

The editor toolbar, with the Editor menu, page name, Insert and AI on the left and Variables, Comments, Preview and Published on the right

If your window is narrow, the right-hand buttons fold into a More options menu.

The Editor menu

Editor holds the actions for the page as a whole: Rename, Page settings, Version history, Swap template, Save as template, Analytics and Go to dashboard.

The Editor menu open, listing Rename, Page settings, Version history, Swap template, Save as template, Analytics and Go to dashboard

Insert

Insert opens a panel of ready-made blocks. They are grouped under Structure, Sections and Elements, and Saved at the top holds blocks you kept for reuse. Point at a category to see what is in it, then click a block to drop it into the page or drag it where you want it.

The Insert panel listing Saved, then Structure, Sections and Elements categories

AI Assistant

AI opens a chat in the same slot as Insert, so opening one closes the other. Describe the change you want and the assistant edits the page for you, showing the steps it took as it works.

The AI panel with an earlier conversation, the Personalize strip and the message box

The blue strip above the message box is Personalize. Choose where the personalisation comes from - Leads, Google Ads or LinkedIn Ads - and how far it goes, from Low to Max, then click Apply. Deeper settings let the assistant create new AI variables; Low only reuses ones you already have.

The canvas

Click any element on the page to select it. A small toolbar appears over your selection and the style panel opens on the right, where Simple and Advanced switch between the common settings and the full list. Double-click text to edit it in place.

Device sizes and code

The bar floating at the bottom of the canvas switches the page between Desktop, Laptop, Tablet and Mobile so you can check the layout at each width. Code swaps the canvas for the page's HTML and CSS.

The device bar below the canvas highlighted, showing Desktop, Laptop, Tablet, Mobile and Code

How your changes save

You do not save a landing page by hand. The word beside the page name reads Saving… while a change is being stored and Saved once it is done. While you are looking at an old version it reads Read-only · viewing with the version name, and nothing you click changes the page.

Was this article helpful?