AI Editor: What It Is and When to Use It

What this means

Think of the normal editor like filling boxes with your words and pictures. Think of AI Editor like changing the shape and look of the page itself.

Which editor should you use?

Normal editor

Best for small content changes like text, images, and simple rows.

AI Editor

Best for changing the shape, spacing, and look of a page part.

Experimental mode

This mode keeps its own saved page code for that site.

Before you start

Open one site from Dashboard, then open Manage Site.
Know that AI Editor saves its own special version for that site.
Know that going back to the normal editor later needs a reset first.

Quick check

You know AI Editor is for bigger page changes, not just changing text in boxes.
You know the normal editor and AI Editor are two different ways to work.
You know reset is needed before going back to the normal editor flow.

Step-by-step

Open Manage Site and click AI Editor in the sidebar.
Read the warning message before you continue.
Use AI Editor when you want to change how a page part looks or is arranged.
Use the normal editor when you only want to change text, pictures, or simple list items.
If this site already has AI Editor changes, keep using AI Editor for that site.
If you want the normal editor again later, use Reset inside AI Editor first.

Easy examples

Good AI Editor use case

Change one hero section to a premium split layout, add stronger spacing, and improve the mobile behavior.

Better normal editor use case

Change phone number, replace a logo, edit service names, or add a few new gallery items.

Visual diagrams

Editor mode decision

flowchart TD
A[Need to change your site] --> B{Only small content changes?}
B -->|Yes| C[Use normal editor]
B -->|No| D{Need to change layout or page look?}
D -->|Yes| E[Use AI Editor]
D -->|No| C
E --> F[Site now uses AI Editor code]
F --> G[Reset needed before going back]
classDef blue fill:#dbeafe,stroke:#2563eb,stroke-width:2px,color:#0f172a;
classDef green fill:#dcfce7,stroke:#16a34a,stroke-width:2px,color:#052e16;
classDef pink fill:#fce7f3,stroke:#db2777,stroke-width:2px,color:#500724;
class A,B,D blue;
class C,G green;
class E,F pink;

AI Editor: What It Is and When to Use It