Visual editor
Open a site page or chrome layout with ?edit=1 when your user can use the page builder. Popups use the same shell in popup mode (Agency).
Layout
| Region | Purpose |
|---|---|
| Left — Library | Block categories; Components tab when Agency is active |
| Center — Canvas | Device previews, zoom, undo/redo, Save |
| Right — Inspector | Content, Style, Dynamic, Conditions, Layers |
Inspector tabs
| Tab | Edits |
|---|---|
| Content | Declarative fields, layout items, component properties |
| Style | Tailwind-aware controls; prefer vp-* tokens |
| Dynamic | Bindings and List repeat (Developer+) |
| Conditions | Visibility rules |
| Layers | Canvas tree |
Library vs SOURCE modal
- Left accordion — foundation blocks; Community local marketing sections.
- SOURCE / Library modal — Elements / Templates catalogs when those companions are active (proxied by your app).
Permissions
Without Filament Shield, panel users can use VoodBuilder resources subject to panel auth. With Shield, assign resource permissions (or use panel-wide authorization as documented for your project).