⚠️ Early beta: The Website Builder is currently in early beta. Some features are still being polished and occasional glitches are expected. If something doesn’t behave as described here, refresh and try again, or contact support — and thanks for your patience while we improve it.
Pages are built from blocks and elements. This article covers adding sections, the types of elements available, arranging and deleting them, and editing their content — text, images, media, and links.
Adding blocks & sections
Open the Elements panel from the left sidebar. It has two ways to add content:
Layouts tab — ready‑made, fully designed sections (a whole header, hero, feature grid, footer, etc.). Each shows a preview image and is grouped by category (Navigation, Hero, Features, About, Agenda, Speakers, Sponsors, and more). This is the fastest way to build a page.
Elements tab — individual building blocks (a single heading, text, button, image, container, etc.) for when you want to build or fine‑tune something yourself.
Two ways to place a block
Drag and drop: press and drag a block from the panel onto the canvas. Drop indicators show where it will land.
Click to insert: click a block to insert it — into the currently selected container, or at the end of the page if nothing is selected.
Tip: Start with a Layout section for structure, then select the individual elements inside it to customize the text, images, and styling.
Block & element types reference
From the Elements tab you can add:
Structure — containers and layout wrappers: section, container, div, columns, rows, grid, dividers (hr), and tables. These hold and arrange other elements.
Content — heading and text.
Actions — button.
Media — image, icon, video, audio.
Forms — form and fields: input, textarea, select, checkbox, radio, label, and filters.
Utilities — map, lightbox, and sliders/carousels (slider, slides).
For sections that display your event's live data (agenda, speakers, sponsors, exhibitors, news, countdown), see Dynamic Event Content.
Reordering, nesting & deleting blocks
Every element on the page lives in a tree (blocks can contain other blocks). You manage that structure in the Layers view.
Reorder: drag an element up or down in the Layers tree, or right‑click and choose Move up / Move down to swap it with a sibling.
Nest: drag an element into a container to make it a child, or out to move it up a level.
Delete: select an element and press Delete, or right‑click → Delete.
Tip: Selecting elements in the Layers tree is often easier than clicking on the canvas, especially for containers that sit behind other elements.
Editing text
Double‑click any text or heading on the canvas to start editing in place.
A formatting toolbar appears. Format your text with bold, italic, underline, strikethrough, and more.
Within the text you can also insert an inline link (to a page or URL) and, in some places, insert variables that pull in dynamic values.
Click away or press Escape to finish. Your changes autosave.
To change the font, size, color, weight, spacing, or alignment of a whole text element, select it (single click) and use the Design → Typography controls in the right panel. See Styling elements.
Editing text changes only its wording and inline formatting. It doesn't change where a menu link points — the underlying page link stays intact. See Adding navigation links to your header.
Adding & editing images and media
Images
Select an image element (or drag a new one in from Elements → Media).
In the right panel, open the Settings tab to edit the image:
Source — upload a new file, pick from your Assets library, or search stock photos (Pexels).
Alt text — a short description for accessibility and SEO.
Object fit — how the image fills its frame (cover, contain, fill, scale‑down) and its position.
Lazy load — load the image only when it scrolls into view (better performance).
Video and audio
Add a video or audio element from Elements → Media, then use its Settings tab to set the source and playback options (autoplay, loop, mute, controls).
Buttons & links
Buttons and links send visitors somewhere. Select a button (or a linkable text element) and open the Link section in the right panel.
You can link to:
Page — another page in your site (recommended for internal navigation, so the link survives page renames).
URL — any external web address.
Section — an anchor to a specific section on a page (jump‑to links).
Email — opens the visitor's mail app (mailto:).
Phone — starts a call on mobile (tel:).
Asset — links to a downloadable file.
Behavior options:
Open in new tab — recommended for external links.
No follow — an SEO option for links you don't want to pass ranking to.
To change a button's label, double‑click it and type. To change its appearance (color, size, padding, corners), use the Design tab — see Styling & Design.
