Variants & the Visual Editor

The visual editor loads a live preview of your page inside Iteratist. You can click any element — a headline, a paragraph, a button, an image — to select it and then make changes. Text edits, style overrides, element hiding, and image swaps are all done through a simple editing panel. Every change is saved to the variant automatically. No code, no deployments, no waiting for a developer.

You can make the following types of changes to any element on the page:

• Text — change any text content: headlines, body copy, button labels, form placeholder text
• CSS — override any style: colour, font size, padding, background, border, and more
• HTML — replace the full inner HTML of any element
• Image — swap the src of an image or change a background-image URL
• Hide — completely remove an element from the variant
• Attribute — change any HTML attribute (href, placeholder, data attributes, etc.)

Each change is stored individually and applied by the snippet in the correct order before the page is visible to the visitor.

No. Text changes, image swaps, and element hiding require no technical knowledge at all. If you want to make styling changes — colours, font sizes, spacing — a basic understanding of CSS property names is helpful but not required. The AI suggestion feature can generate CSS changes for you based on a plain-English description of what you want to achieve.

When a visitor lands on your page, the Iteratist snippet fires immediately. It calls the Iteratist servers, receives the list of changes for the assigned variant, and applies them to the DOM before the page is rendered to the visitor. The changes happen so quickly — typically under 50ms — that the visitor never sees the original version flash before the variant is applied.

If the snippet fails to load (due to network issues or an ad blocker), the visitor simply sees the default version of your page. The experiment degrades gracefully.

The visual editor loads your page in an iframe. Some websites set a Content-Security-Policy or X-Frame-Options header that prevents their pages from being embedded in iframes. If your page has these headers set to block framing, the visual editor will be unable to load a preview.

To work around this, you can temporarily disable the framing restriction in your server configuration, or make your changes using the manual change entry form below the iframe. The restriction only affects the editor preview — the actual variant changes still apply correctly to visitors on your live site.

Yes. In the Variants tab you can use the AI suggestion feature to describe what you want to test in plain English — for example, "Change the headline to focus on time saved rather than features" — and the AI will generate the appropriate changes. You can also use the "AI advice" feature in the results report to get specific test ideas, which can then be applied as new variants with one click.

Yes. You can delete any non-control variant at any time. When a variant is deleted, the traffic that was allocated to it is redistributed among the remaining variants proportionally, and any visitors previously assigned to the deleted variant will be reassigned on their next visit. Historical data for the deleted variant is removed from the experiment.