kopairDocumentation
Dashboard ↗
Documentation / Build and launch

Variants, Sandbox and Live editor

Variants are saved sets of page changes. Sandbox works before installation; Live edits the installed site through an authorized session.

Reviewed: 25.10.2026 · Based on current product behavior
Experiment overview with tabs and launch checklist
Screenshot of the local kopair interface with demonstration data. Click to enlarge.

Step by step

  1. Open Variants and choose the editor. In Sandbox use Browse to navigate, then select an element for editing. Check desktop, tablet and mobile widths.
  2. Change text, allowed styles, hide an element, replace an eligible single image, add an existing CSS class or reorder elements. DOM moves require an explicit source, destination and confirmation.
  3. Use Preview and Undo, then Save. Review the saved actions and their order. Saved draft rules are shared with the dashboard and Live; resolve conflicts rather than overwriting another edit.
  4. Compare with Control before launch. Revisions help review changes; editing the preview does not edit your CMS source files.
Practical example

Tilda Zero Block and Webflow layouts can have nested or positioned elements. Choose the intended text node or parent; if a reorder is rejected, select a supported flex/grid container instead of assuming every layout can be moved.

How to verify

A replacement image must be an available same-site path for a supported single img. picture/source groups are not supported. Check long translated copy and mobile wrapping; an ambiguous selector is skipped rather than applied to a random element.