Product Guide

Help Center

On this page
AI Integrations
Guide4 min read

Using the Page Editor

Master the visual page editor — learn about the canvas, block palette, settings panel, and draft/live workflow.

Using the Page Editor

The page editor is a visual builder where you add, arrange, and configure blocks in real time.

Opening the editor

Navigate to Create > Pages in the sidebar. You'll see your pages listed as cards showing type and status. Click any card to enter its editor.

Image

Pages list with a card highlighted, showing how to click into the editor

Editor layout

The editor has three main areas:

Block palette (left panel)

The left panel is your block palette -- a categorized menu of every available block type:

  • Content -- Links, Rich Text, Expertise, Content List, Showcase, Brands/Clients, FAQ, Testimonials, Media, and Contact Form.
  • Monetization -- My Products and External Products.
  • Services -- Appointments.

Each block shows an icon, name, and brief description. Drag a block from the palette onto the canvas, or click the add-block divider buttons between existing blocks.

The Header and Footer blocks are Essentials -- automatically pinned to the top and bottom of every page and can't be dragged from the palette.

Canvas (center area)

The center is your canvas -- a live preview of your page layout. Blocks appear as cards you can select, reorder, or remove, in the exact order they'll show on your published page.

Click a block to select it and load its settings in the right panel. A visual indicator highlights the selected block.

Add-block dividers ("+" buttons between blocks) let you insert a new block at a specific position.

Settings panel (right panel)

When you select a block, the right panel shows its settings -- content, appearance, layout, and more. The panel is contextual: a Links block shows title and URL fields, while a Testimonials block shows reviewer names and quotes.

Settings are grouped into collapsible sections (Heading, Content, Layout, Appearance) so you can focus on one area at a time.

A Save button at the bottom commits your changes for that block.

Image

The page editor showing the block palette on the left, canvas in the center, and settings panel on the right

Draft vs live workflow

Leenkies uses a draft/live workflow so you control what visitors see. Changes in the editor are saved as a draft -- your live page stays unchanged until you publish.

This means you can experiment freely -- add blocks, rearrange them, tweak content and styles -- without breaking your live page. When you're happy, click Publish to push the draft live. Until then, visitors see the previously published version.

For more details, see Publishing Your Page.

Preview mode

Before publishing, preview exactly what visitors will see. On mobile, use the dedicated preview button. The preview renders your current draft state, including all unpublished changes.

This is especially useful for checking how blocks look together and verifying links, theme choices, and overall layout.

Image

Preview mode showing the page as visitors will see it

Theme editor access

From the page editor, you can access the theme editor to customize colors, fonts, and styling across all blocks. Switch between the block editor and theme editor without leaving the screen.

Theme changes follow the same draft/live workflow -- they're saved as a draft and only go live when you publish.

For more details, see Choosing a Preset Theme.

Auto-save behavior

As you edit block settings, Leenkies updates the canvas preview in real time. However, changes are held in the editor's local state until you click Save at the bottom of the settings panel. Saving commits changes to your draft, which isn't visible to visitors until you publish.

Pro Tip: Use preview mode frequently as you build. It's the most reliable way to see what visitors will experience, including how blocks interact with your theme on different screen sizes.

Was this article helpful?

Your feedback helps us improve our documentation.