Skip to main content

Using the builder

The canvas, selecting and editing elements, Edit with AI, the code editor, saving, version history, shortcuts and responsive design.

Builder overviewThe builder is where you design and build your site. Your site runs live in the canvas in the middle. Panels on the left add elements, manage pages and chat with the AI. The edit panel on the right styles whatever you select.

Selecting elementsEverything on your page is an element: headings, images, buttons, sections. To change one, select it first.

Edit with AIEdit with AI is a small bar that opens right under the element you selected. Type the change you want, and the page shows each option before you pick it. Most changes apply instantly, without a chat.

Reordering sectionsYour page is made of sections and elements stacked together. You can change their order by dragging on the canvas or in the Layers panel. Both need Edit mode.

Responsive designYour site should look good on every screen. The builder lets you check your pages at phone, tablet and desktop widths, and style elements differently per screen size.

Code editorEvery WebTwizz site is a real code project. The code editor lets you read and change its files directly.

Saving your workEvery change you make shows up on the canvas right away. Saving stores it in your project, so it's there the next time you open the builder. Saving doesn't put anything on your live site. That only happens when you publish.

Version historyVersion history keeps earlier versions of your whole site. You can look at any of them on the canvas, see which files changed, name the ones that matter, and bring one back.

Context menu and shortcutsContext menu