The builder

Add blocks, edit them, reorder them, preview on phone and desktop, undo and publish.

Open your site and choose Builder. The builder has three parts: the left panel (add blocks, the assistant, SEO), the preview in the middle, and the settings panel on the right.

Add a block

  1. Choose Add in the left panel.
  2. Pick a block, or type its name in the search field (for example "form" or "map").
  3. Click it to add it at the end of the page, or drag it to where you want it in the preview.

Blocks with a Pro tag are part of Pro and Business. See all blocks.

Edit a block

Click a block in the preview. Its settings open on the right: texts, links, images, colours and options. Changes show in the preview right away. Settings are often grouped in tabs such as Content, Look and Options.

Move, copy and remove

Right-click a block in the preview, or use the ... button at the top of its settings, to move it up or down, duplicate it or delete it. You can also drag a block in the preview.

Copy and paste a block

  1. Right-click the block (or use ...) and choose Copy. Everything comes along: texts, photos, settings, style, and for a Section or Columns block the blocks inside it.
  2. Go to where it should go, on this page or another one, and right-click there. Paste above or Paste below puts it next to the block you clicked; in a column's open space it's Paste here; on an empty part of the page it goes at the end.

The copy stays in this browser until you copy something else, so you can switch pages, or paste into the header, the footer or another of your websites. Ctrl+C and Ctrl+V (Cmd on a Mac) work too, with a block selected.

A Section can't go inside a column, so the menu then offers Paste below this section. Pasted from another website? Check its links and anything that belongs to that site, such as a form or booking offer.

Columns and sections

Put blocks side by side with Columns, or give part of a page its own background with Section. Drop blocks inside them. On phones, columns stack. Lines between columns (in the Columns settings) draws a line, dashes, dots, a double line, a wave or a zigzag between them (the Divider block has the same styles), in a colour you pick; on phones, where the columns stack, the lines are left out.

Spacing (in every block's settings, closed until you open it) adds room above or below a block. Below zero the blocks overlap: "Space above" pulls the block up over the one above it, for example a title image over a badge. Phones get a bit less.

One card in the middle of a section (a price list, a sign-up box): set the Columns block to One column, turn on Show each column as a card, pick its colour and choose Narrow and centred as the column width.

Preview on phone and desktop

Use the phone and desktop buttons at the top to switch the preview. Most visitors use a phone, so check both. The builder remembers your choice when you open another page.

Undo, redo and saving

Everything saves automatically ("Saved" at the top right). Undo (Ctrl+Z / Cmd+Z) and Redo (Ctrl+Shift+Z) are at the top. Your changes are a draft until you press Publish.

The top bar

ButtonWhat it does
Arrow leftBack to the site's overview.
Page pickerSwitch between your pages.
ThemeColours, fonts, corners, page width and spacing. See Theme and design.
Contact cardYour contact details (vCard), used by the "Save my contact" button, the Contact card block and the QR code.
PagesAdd, rename, reorder and delete pages. See Pages and the menu.
View liveOpens your published site in a new tab.
PublishMakes your draft visible to visitors.
Tip: the left and right panels can be hidden with the buttons at the top, to see the preview larger.
Did this answer your question?