Page Builder Overview
The Atomicat Page Builder is a visual drag-and-drop editor for building high-converting landing pages. No coding required — everything is done through a point-and-click interface.
Opening the Builder
- Go to Sites or Pages in the dashboard.
- Click Edit on any existing page, or click + New Page to start fresh.
- The builder opens in a full-screen editor.
Builder Interface
The builder is divided into four zones:
┌─────────────────────────────────────────────────────────┐
│ Top Toolbar │
├──────────┬──────────────────────────────────┬───────────┤
│ │ │ │
│ Left │ Canvas (Page) │ Right │
│ Panel │ │ Panel │
│ │ │ │
└──────────┴──────────────────────────────────┴───────────┘
| Zone | Purpose |
|---|---|
| Top Toolbar | Undo/redo, device preview, page settings, save, publish |
| Left Panel | Block library, templates, elements, my templates |
| Canvas | The page you're building — WYSIWYG |
| Right Panel | Properties of the selected element (style, content, settings) |
Device Preview
Switch between device views in the top toolbar:
- 🖥️ Desktop — full-width view
- 📱 Tablet — 768px width
- 📱 Mobile — 375px width
Changes made in mobile view apply only to mobile. Changes in desktop view apply to all devices unless overridden.
Builder Workflow
A typical page-building workflow:
- Choose a template or start from a blank page
- Add sections from the Left Panel block library
- Click any element to select it and edit its content in the Right Panel
- Rearrange sections by dragging them up or down
- Configure page settings (SEO, pixels, code, etc.)
- Preview on different devices
- Save your work
- Publish to make it live
Auto-Save
The builder auto-saves your work periodically. You'll see a "Saving..." indicator in the top toolbar. You can also manually save at any time with the Save button.
Revisions
Every saved version of your page is stored as a revision. To access revisions:
- Click Page Settings (gear icon) in the top toolbar.
- Go to the Revisions tab.
- Select any revision to preview or restore it.