Visual Editor

Oxirgi yangilangan: 2026-03-01
The Visual Editor is a browser-based WYSIWYG interface that renders your landing page in a live iframe — exactly as visitors see it. Click any element to edit it, drag sections to reorder them, or switch to Code Mode to edit the raw HTML directly.

Uni qanday ishlatish kerak

  1. Open the editor

    From the landing page detail view, click 'Open Visual Editor'. The page loads in an iframe canvas with a properties panel on the right.

  2. Click to select

    Click any text, image, or section to select it. A blue outline ring indicates the selected element.

  3. Double-click to edit text

    Double-click any text element to enter edit mode. Use the floating toolbar for Bold, Italic, and Underline. Click outside to confirm.

  4. Replace images

    Click an image, then click 'Replace' in the Properties panel. Upload a new image (JPG, PNG, WebP, max 5 MB). It is automatically converted to WebP and stored in your media library.

  5. Drag sections to reorder

    Click any section to reveal the drag handle (top-left corner). Drag it up or down to reorder. A blue line marks the drop position.

  6. Switch to Code Mode

    Click the </> button in the topbar. Edit the raw HTML with a live preview beside it. Changes sync back to the visual canvas on save.

  7. Save

    Changes autosave every 5 seconds. Click 'Save' for an immediate manual save. Up to 20 version snapshots are kept — restore any of them from the History panel.

Tez-tez beriladigan savollar

Will CSS frameworks like Tailwind work in the editor?
Yes. Head scripts — including CDN-loaded Tailwind and any CSS-in-JS — are preserved and active inside the editor's iframe. Styles render exactly as on the live page.
Can I undo changes?
Yes. Ctrl+Z / ⌘+Z for undo, Ctrl+Shift+Z / ⌘+Shift+Z for redo. The editor keeps a 50-step in-memory history.
Is there a maximum page size?
No hard limit on HTML size. Uploaded images are capped at 1200 px wide and converted to WebP (max 5 MB per upload).
How do I restore a previous version?
Click 'History' in the topbar to see up to 20 saved versions. Click 'Restore' — a new snapshot is created before the restore so you can always undo.
Aloqador
AI Landing Page Generation A/B Testing