Documentation

Paywalls

Visual editor

Compose paywalls visually from stacks, text, images, and product cards. The studio renders the same tree the SDK ships.

The studio is the surface where paywalls come to life. It is full-bleed, keyboard-first, and produces the exact JSON tree that ships to production.

The four panels

  • Palette , drag-and-drop elements (stack, text, image, product card, button, divider).
  • Canvas , the live preview. What you see is what the SDK ships.
  • Layer tree , the document outline. Reorder, group, or jump to any node.
  • Property panel , edit the selected node's fill, border, layout, and content.

Saving and publishing

Every change autosaves to the draft. Publishing snapshots the draft as the active version, which is what the SDK and hosted URL serve. Drafts are unlimited; publishes are versioned.

AI scaffolding

Open the AI chat with ⌘K and describe what you want. Experiwall returns a full component tree you can keep, refine, or discard.