Understanding the Landing Pad Editor Interface
Overview
The Landing Pad Digital editor is your creative workspace where you build and customise your website. This guide
explains every component of the interface and how to use them effectively.
Main Interface Components:
The Landing Pad Digital editor is divided into four main areas:
- 1 - Left Sidebar:
- Page Management: Access to Pages, Posts, Custom Assets panels, Media Library and Menu Tab.
- Elements: Individual components (text, buttons, images, videos, forms)
- Reorder Blocks: Drag to reorder section blocks
- Styling: Used styles as global styles throughout your website
- Device Preview: Toggle between Desktop, Tablet, and Mobile views
- Exit: : Returns to your project dashboard
- 2- Centre Canvas (Design Area)
This is where you see your website as visitors will see it.
Canvas Controls:
- Section Handles: Hover between sections to see add (+) buttons
- Element Selection: Click once to select and element editor shows up
- Right-Click Menu: Access quick actions (duplicate, delete, copy style)
Visual Indicators:
- Blue Outline: Currently selected element, its settings and helpers when dragging elements
- 3- Right Sidebar: Style settings and properties for selected elements
- Spacing (padding and margins)
- Animations and hover effects
- Custom CSS classes
- Element ID for anchor links
- 4 - Bottom Toolbar: Save, undo/redo, preview, and publish options
