10 STEPS TO CREATE YOUR FIRST SQUARESPACE WEBSITE

Squarespace-Website-10-STEPS.jpg

Have you ever wanted to create your own website without spending weeks learning how to code? Are you not sure which platform is right for you, or where to start? If you want the easiest way to get a professional website up and running in no time you’re in the right place.

The good news is, Squarespace is the simplest tool on the market and with it, you can create stunning and easy-to-use websites. Squarespace offers beautiful, fully responsive websites all without any coding. I’m an authorized Squarespace trainer and have been building Squarespace websites for the last four years.

This article will walk you through the steps needed to create your first Squarespace site. At the end, you will have the knowledge to build your own fully responsive website.

10 Steps to create your first Squarespace Website:

1: CHOOSE A TEMPLATE

Choose a template that embodies the look and feel of your business. Keep in mind the goal of your website while choosing a template. Get started by browsing Squarespace Templates and use the left sidebar to filter your search. When picking your template, take a look at these three things:

  1. The general layout of the site. Is it full screen, fixed-width, or tiled? Does it match how you want to layout your content?
  2. The type of navigation. Does the template have a top navigation, side navigation, or overlay navigation?
  3. Does the template support e-commerce if you are planning to sell online goods?

Click Get Started with ‘Template-Name’

 Squarespace Templates

Squarespace Templates

2. NAVIGATION

In the Squarespace editor, there is a left sidebar that controls all of your sites content, styling, business information, and more. We are going to start with Pages. In this template we have 4 Navigation sections within Pages:

  1. Main Navigation. All pages under Main Navigation will show up as your highest level of navigation.
  2. Secondary Navigation. Depending on the template and the settings, secondary navigation can show up underneath the Main Navigation, or as a sidebar or lower level navigation elsewhere on your site.
  3. Main Footer Navigation. Footer navigation will always be embedded in your footer.
  4. Not Linked. Pages under the Not Linked section will not show up in navigation but can be accessed by internal links or direct URL. Search engines will still index your not linked pages when those pages are active.
Squarespace-Navigation.png

3. CREATE PAGES

To create pages start by duplicating content on the demo page, or create new pages using the + symbol. Demo content will have the word demo in light gray next to the content. Hover over the demo page you want to duplicate and click the settings wheel, then select duplicate content. Squarespace is a WYSIWYG (What You See Is What You Get) editor which allows you to make and see your changes in real-time. The different types of pages depend on the template but include Page, Gallery, Index, Cover, Project, Blog, and Products.

 Select Pages → Click + icon → Choose Page

Select Pages → Click + icon → Choose Page

4. ADD CONTENT TO YOUR PAGES

Swap out demo content or add new blocks to your page. To edit or add additional content, hover over the section and click Edit Page. Once the page is in edit mode you can use the teardrop to add blocks. Save earlier than you think and save often.

The most common blocks I use are text, image, button, gallery, line, spacer, and form. To learn more about block types visit the Squarespace’s documentation on blocks.

 Use the teardrop to add content blocks to your page

Use the teardrop to add content blocks to your page

Add high-quality images to your site. Free high-quality images can be found at Unsplash, Pixabay, Pexels, and Coverr (videos).

5. STYLE YOUR PAGES

Click on the style editor to change your styles. Styles are universal, for example, if you change the body font it will change for all instances of body font on your site. Experiment with different styles and typefaces, and don’t worry, you can always change the styles and fonts later. For font pairing inspiration check out Font Pair for Google fonts. Google fonts are supported by Squarespace.

 The Style Editor is located under the design section

The Style Editor is located under the design section

6. LINK SOCIAL ACCOUNTS

Do you already have an online presence with Twitter, Facebook, or Instagram? You can link your accounts to make it easier for your audience to connect with you online through Squarespace social blocks.

 

7. SITE DESCRIPTION AND SEO DESCRIPTION

Add your Site Description and SEO description to increase your visibility and let new customers find you. Site Description is located in Settings → Basic Information → Site Description. The SEO description can be found under Settings → SEO → Search Engine Description. Use complete sentences that highlight your specific business.

Settings.png

8. ACTIVATE DOMAIN

With a Squarespace annual plan you get a free domain. If you already own a domain you can transfer it, learn more about transferring domains here.

Squarespace-Domains.png

9. CHOOSE PLAN

Choose between personal (20 pages) and business (unlimited pages) websites and basic and advanced online stores. To see more detailed information about each plan, click here. You can always upgrade to a higher plan later. Your billing and account info can be found in Settings → Billing & Account → Billing.

 

10. LAUNCH 🎉

Once you have your domain, and you’ve chosen your plan you can launch your site. Try viewing it on different browsers, chrome, firefox, safari, and on a mobile browser. Get feedback from your customers, colleagues, friends, and family to improve your site.


Congrats on launching your first Squarespace site! You’re now ready to share it with the world. The best part is, with your new Squarespace skills, you can keep your website up-to-date by adding new content in no time.

What's your biggest question about Squarespace? Let me know in the comments below.