Skip to main contentWebsite Editor Overview
The website editor is where you design, edit, and manage your website content.
Editor Layout
- Logo - Back to dashboard
- Sidebar Toggle - Show/hide chat
- Main Tabs - Design, Pages, Insights, CRM, Settings
- Website Selector - Current site info and actions
- Upgrade Button - For draft websites
- AI chat for editing
- Collapsible panel
- Context-aware suggestions
Preview Area (Center)
- Live website preview
- Interactive editing
- Device simulation
Right Panels
- Layers - Element hierarchy
- Theme - Styling options
- Settings - Page settings
Main Tabs
Design Tab
Visual editor with three modes:
- Editor - Full editing with AI
- Select - Element selection
- Preview - Clean preview
Pages Tab
Manage website content:
- Website - Standard pages
- CMS - Blog posts and products
- Workflow - Batch operations
Insights Tab
Website analytics:
- Visitors and page views
- Traffic sources
- Device breakdown
CRM Tab
Customer management:
- Customer list
- Form submissions
- Contact details
Settings Tab
Opens website settings modal with:
- General, SEO, Domain
- Integrations, Custom Code
- Advanced options
Located above the preview:
- Domain display
- Page URL input
- Auth lock toggle
- Undo/Redo buttons
- Open in new tab
- History
- Save/Publish
Getting Started
- Select a website from dashboard
- Use Design tab for visual editing
- Chat with AI for changes
- Preview on different devices
- Publish when ready
Next Steps
