Building your first Squarespace site

Create, organize, and style site content to bring your business, brand, or store online.

Last updated January 22, 2025

If you’re just getting started with Squarespace, this guide covers the basic but essential steps to create an online presence for your personal brand, small business, or online store.

When building a site, you'll create the page structure, add your content, and then set the site styles. If you think of your website like a house, the site’s structure is the arrangement of rooms in relation to one another, the content is the furniture you fill the rooms with, and the style is the combination of colors, brands, and other flourishes you use to make it feel like home.

Tip

In addition to our guides and video tutorials, we offer two Getting Started with Squarespace webinars. In these sessions, we’ll walk you through template building with Squarespace Blueprint AI, navigating your site, domain and email options, preparing site content, building a homepage, and styling colors and fonts. Webinars typically last one hour, and you don’t need a Squarespace site or account to sign up.

Watch a video

Create your site’s structure

You'll create the structure of your site by adding pages to your navigation. When you add a page in the Pages panel, its title appears as a link in your site header. By dividing up your site’s content across different pages, you ensure visitors can find essential updates, make purchases, or get in touch with you.

Tip

See the sections below to learn about adding a blog or selling products on your site.

Add pages

To add pages to your navigation:

  1. Open the Pages panel and click + next to Main Navigation.
  2. Select the type of page you want to add, or click Page Layouts for pre-built layout pages.
  3. Enter a page title and press Enter.
  4. If you want this page to be the first page visitors see, set it as your homepage.

Your site includes some demo pages when you create it. You can replace demo content and rearrange the pages to fit your structure, or delete them if you want to create your pages from scratch.

Tip

To create gated content in members-only pages, you can set up a Member Site.

Edit your site header

Your site header can also include a site title or logo, icons that link to social media, a call-to-action button, and a shopping cart icon. These help highlight important features for your visitors.

To edit your site header:

  1. On your site preview, click Edit.
  2. Hover over the site header and click Edit Site Header.

To learn more, visit Building a site header.

Add content to your pages

After creating the structure of your site, it's time to add content to your pages. Pages are made up of individual sections, and depending on the section, you’ll add blocks or collection items to create the content:

  • Blocks are a drag-and-drop way to add text, images, buttons, and other features.
  • Collection items are sets of content like blog posts, products, and events.

Add content with blocks

Blocks are the primary feature you’ll use to display content on your site. To add blocks to a page:

  1. Open the Pages panel.
  2. In the left panel, click the page you want to edit.
  3. Click Edit in the top-left corner of the page preview.
  4. If the page is blank, click + to add a section. If the page already has sections, skip this step.
  5. Click Add Block or an insert point and select the block you want to add. For more help, visit Adding content with blocks.

insert_point.png

insert_point.png

Repeat this process to add more blocks. To arrange your content, move blocks by clicking and dragging them around the page. Click Save to save your changes and keep editing, or click Exit and then Save to close the editor.

To add more sections to your page, click + above or below a section. You can add block sections, gallery sections, and auto layouts to any type of page. If you want to reuse the layout of a section, you can save it to add to other pages. To learn more, visit Page sections.

Add content with collection pages

Collections are sets of related items, such as blog posts on a blog page. All collection pages have a two-layer structure made up of a landing page and individual collection item pages. For example, a blog landing page shows a list of posts with featured images and excerpts, which you can click to open and read the full post.

Note

While you can delete collection page items, it's not possible to delete a collection page section without deleting the entire page. When you're working with demo content, note the page type you're using before customizing it, as it may have sections that can't be deleted. For the most flexibility, use a layout page.

Visit the linked guides below for specific steps:

Add a blog page (optional)

A blog page is ideal if you're planning on publishing new content regularly. You can add a new blog post to your blog page whenever you're ready to share something with your visitors. Follow the steps above to add a new blog page, then add posts and other content.

Add a new post

To add a blog post:

  1. In the Pages panel, click your blog page.
  2. Click + in the top-right corner of the side panel.
  3. Add a title and content to your blog post.
  4. Hover overPublishand clickPublishto publish immediately.

Engage your audience

Blog pages include a number of built-in features to help make it easier for visitors to find and engage with your content:

Set up a podcast

Blog pages can also be used to set up a podcast by using blog posts with audio blocks. Blog pages are designed for setting up your RSS feed with Apple Podcasts. To learn more, visit Podcasting with Squarespace overview.

Set up an online store (optional)

The types of products and services you can sell on your site, depends on which website plan you choose. Use the checklist below to get your store up and running, and visit the linked guides for in-depth, step-by-step instructions.

  1. Add products to a store page
  2. Connect a payment processor
  3. Set up shipping options (if you're selling physical products)
  4. Set up tax rates
  5. Customize your site's checkout

Tip

We offer a variety of tools to help you build an income-earning site. You can sell everything from consultations to coffee cups. To find the tool that works best for you, visit Monetizing your site.

Edit your site’s style

Edit your site’s style to change fonts, colors, and other design elements. You’ll make site-wide changes to your content in the Design panel, and you can also make style changes to specific page sections.

Edit site-wide styles

To make style changes to your whole site, while editing a page, open site styles, then click:

  • Fonts - Choose a font pack and change the size of different text types
  • Colors - Choose a color palette and edit color themes
  • Animations - Add subtle animations to your content
  • Spacing - Change the padding or space between elements

You can also style your site's buttons and image blocks. To learn more, visit Making style changes.

Style individual sections

You can style individual sections with section styles to change aspects of their layout, display, or background. Section styles override global styles.

To edit section styles:

  1. Open the Pages panel and click the page you want to edit.
  2. Click Edit in the top-left corner of the page preview.
  3. Hover over the section you want to style and click the pencil icon.
  4. Your options will vary depending on the section. After making changes, click Save to save your changes and keep editing, or click Exit and then Save to close the editor.

To learn more, visit Making style changes.

Create a style guide (optional)

While designing your site, consider making a style guide page in the Not linked section. This page acts as a ‌reference point for any styling options that you apply to your site. It can help you:

  • Experiment with, and establish your brand’s design elements
  • Cut down on time spent making revisions later in the site-building process
  • Promote consistency among contributors to your site

To create your style guide, include guidelines for the following design elements:

To preview how the above style choices will look on your site, you can apply them to the following site elements and add these to your style guide too:

Below is an example of some elements you can include in your style guide:

KB Guide Image

Publish your site

After reading this guide, we recommend reviewing our site launch checklist to ensure your site is ready for visitors and search engines.

When you’re ready, you can upgrade your site to paid service by clicking the Subscribe button on the banner at the bottom of your site. To learn more about the pricing and features of our plans, visit Choosing the right Squarespace plan.

Footer Image
  • Get help from our community

  • Get help from our community on advanced customizations.

  • Hire a Squarespace Expert

  • Stand out online with the help of an experienced designer or developer.

Building your first Squarespace site