Skip to main content

Using AI to create new content

The Visual Editor includes an AI assistant that allows you to create and modify content using natural language.

Instead of manually writing or pasting HTML code, you can describe what you want—and the AI will generate the necessary HTML, CSS, and JavaScript to implement it.

How it works​

The AI operates based on the element you select in the editor.

  1. Select the element you want to start from
  2. Open the AI prompt
  3. Describe the change or content you want to create

The AI will then:

  • Insert new HTML
  • Apply styling (CSS)
  • Add behavior if needed (JavaScript)

All changes are applied directly to your variation.

Example: Adding a USP list​

If you want to add a USP (Unique Selling Point) list below the buy button:

  1. Click and select the buy button element
  2. Open the AI prompt
  3. Enter something like:

    “Add a USP list below this button with 3 bullet points: Free shipping, 30-day returns, Secure payment”

The AI will generate and insert the content in the correct position relative to the selected element.

How changes are applied​

All AI-generated changes are transparent and tied to specific editor settings.

For example:

  • Inserted content will appear in the element’s Insert HTML setting
  • Styling will be added as CSS
  • Behavior (if applicable) will be added as JavaScript

This means you always have full visibility and control over what was created.

Viewing and reviewing changes​

You can inspect all AI-generated updates in two ways:

Directly on the element​

  • See inserted HTML, CSS, or JS where the change was applied
  • Edit or refine the code manually if needed

View history​

  • Click View history in the editor toolbar
  • See a timeline of all changes made
  • Track what was added, modified, or removed

Tips for better prompts​

To get the best results from the AI:

  • Be specific about placement (e.g. “below this element”, “inside this container”)
  • Define content clearly (text, number of items, structure)
  • Mention styling if needed (e.g. “make it minimal”, “use small text”)
  • Keep requests focused—one change at a time works best

Summary​

With AI prompting, you can:

  • Create new content without manual coding
  • Automatically generate HTML, CSS, and JavaScript
  • Apply changes relative to selected elements
  • Maintain full visibility and control over all modifications

This allows you to move faster while still keeping precision and flexibility.