Iris AI
Iris in Page Builder
Use Iris to generate, refine, explain, and operate Page Builder V3 and V4 pages.
Iris in Page Builder
Iris supports page authoring in both Page Builder V3 and Page Builder V4. In V3 it refines the visual JSON tree. In V4 it generates and updates runtime code through a chat, preview, and history loop. Iris topics can also be exposed to rendered Page Builder chat widgets.
V3 versus V4 Iris behaviour
| Builder | Iris role |
|---|---|
| V3 | Produces or patches PBPageData JSON with component nodes, widths, presets, config, children, and filter-aware components. |
| V4 | Generates, updates, asks about, and saves runtime code stored as PBV4PageData. |
| Runtime chat | Uses exposed Iris Studio topics to answer questions from a rendered page. |
Configure Iris for pages
- Make sure the page has a clear name, slug, and audience.
- For V3, use Iris refinement after you have a page structure or clear prompt.
- For V4, provide audience, data namespaces, actions, filters, visual style, and constraints in the prompt.
- In Iris Studio, expose only safe topics to the Page Builder runtime.
- Test generated pages with least-privilege users and realistic records.
Runtime chat styling
PageBuilderIrisChat keeps a fixed composer. Style the header, welcome message, and suggestion chips with the classNames prop — see /developer/widgets. Prefer topic-form welcome / suggestions when a tenant topic exists.