Skip to main content

Getting Started

Learn How to Navigate the Builder

Written by Preet Jain

The Website Builder lets you customize your site's look, content, and pages, all in one place. This article gives you a quick tour of the interface before you start editing.

Find Your Way Around

The left sidebar has six tabs you'll use to build and manage your site:

  • Blocks — drag content elements onto your page

  • Outline — see how your page's blocks are layered

  • Pages — create and organize your site's pages

  • Template — switch between site templates

  • Settings — set your site name, branding, and contact info

  • Domain — connect a custom domain


Getting Started

Pro Tip: If this is your first time using our website builder, we recommend following along as you read this article.

Set Up Your Branding

  1. Click Settings in the left sidebar.

  2. Under Identity, set your Site name, Site address, Logo, and Favicon.

  3. Under Brand Colors, set your Primary and Secondary colors, plus header colors.

  4. Under Site Info, add your Contact email and choose whether to show team rosters.

    1. When someone submits a message through your Contact Us page, the email will be sent to the address listed in that field..

  5. Under Footer, add your copyright text.

Choose a Template

A screenshot of the template Selection Pop up

  1. Click Template in the left sidebar.

  2. Browse the available templates and select one to apply it to your site.

Add and Organize Pages

  1. Click Pages in the left sidebar to see your site's page list.

  2. Click + New page to create a page.

  3. To create a sub-page, drag a page under another page in the list.

  4. Click any page to open its settings on the right, where you can edit the Title, and Parent page.

The Outline Tab

Pro Tip: Use Outline when to quickly view and select a specific element on the page you're currently viewing. This saves time when working with layered blocks.

  1. Click Outline in the left sidebar to see a layered view of every block on your current page.

  2. Use this view to quickly find and select a specific block without scrolling through the page preview.

Add and Edit Blocks

  1. Click Blocks in the left sidebar to see the available content blocks, organized under Layout and Content.

  2. Drag a block onto the page preview to add it.

  3. Click any block on the page to select it. Its settings open in the right panel, where you can edit text, alignment, font size, and more.

[Screenshot: Block settings panel with Text block selected]


Next Steps

  • Try Adding Some Blocks

  • Explore individual blocks in more detail, like the Hero, Grid, or Gallery blocks.

  • Connect a custom domain under Domain.

  • Publish your site once you're ready using the Publish button.

Did this answer your question?