Experience Builder is the visual page editor for Experience Cloud Sites — drag components, set theming, configure pages, manage navigation. Each Experience Cloud Site has its own Experience Builder. Setup happens once per site at site creation; iteration happens here.
- Open Setup → All Sites → click into a site → Builder
Setup gear → Quick Find: All Sites → click Builder for the site you want to edit.
- Drag components onto pages
Left rail: standard + custom components. Drag onto regions on the canvas.
- Edit component properties on the right rail
Each component has its own property panel — content, visibility, behavior.
- Configure theming via the Theme panel
Brand colors, fonts, logo, layout. Apply globally or per-page.
- Manage Audiences for visibility rules
Audiences tab → New Audience. Define rules (User Profile = X, Permission Set = Y) for component / page visibility.
- Configure navigation menus
Settings → Navigation Menus → drag pages and external links into the menu.
- Click Publish
Publishes changes live. Until Publish, your edits are draft-only and invisible to site visitors.
Standard, custom Lightning Web Components, AppExchange components.
Brand colors, fonts, layout. Per-site.
Visibility rules — User Profile, Permission Set, custom criteria.
Page order in the site's nav.
Locked at site creation. Aura: more components. LWR: faster, fewer components.
- Experience Builder edits are draft-only until Publish. Forgetting to Publish is the #1 source of "my changes aren't showing up" tickets.
- Aura and LWR use different component libraries. A component that exists in one may not exist in the other — the Builder's left rail filters automatically.
- Audiences cascade — a page with Audience = X and a child component with Audience = Y both apply. Misaligned Audiences hide content unexpectedly.