The canvas

The editor has three areas:

• Left panel — your pages, the element/component library, and the structure tree: every element on the page as a nested list. Use it to select, reorder, rename, hide, or delete elements precisely.
• Canvas — a live preview of the page. Click to select, double-click text to edit it in place. Switch viewport widths in the top bar to design for desktop, tablet, and mobile.
• Right panel — properties of the selected element: content, layout, spacing, typography, backgrounds, borders, effects, and interactions.

Elements and components

Elements are the building blocks: sections, containers, text, images, buttons, forms, videos, embeds, and more. Components are reusable groups of elements — edit the component once and every copy updates.

The library ships with ready-made component sets you can drop in and restyle; everything picks up your site’s design tokens automatically.

Embeds and custom code

• Embeds — paste a link from YouTube, Vimeo, Google Maps, Calendly, Spotify, X, Instagram, or TikTok and MATRIZ renders the right player or widget, safely.
• Custom code — a sandboxed element for your own HTML/JS snippets. Custom code runs isolated from the rest of the page, so a broken or malicious snippet cannot touch your site or your visitors’ data on it.

Preview as

Use Preview as to see the page the way a visitor would — including how it looks for signed-in members versus anonymous visitors when you use member-only content.