{"id":1292,"date":"2020-11-03T13:45:19","date_gmt":"2020-11-03T13:45:19","guid":{"rendered":"https:\/\/firstsiteguide.com\/how-to-build-squarespace-website\/"},"modified":"2024-01-19T12:17:02","modified_gmt":"2024-01-19T17:17:02","slug":"how-to-build-squarespace-website","status":"publish","type":"guide","link":"https:\/\/firstsiteguide.com\/how-to-build-squarespace-website\/","title":{"rendered":"How to Use Squarespace to Build a Website (2024 Tutorial)"},"content":{"rendered":"
Squarespace<\/a> is an elegant solution for building websites without having to know a single thing about web design. It comes with a powerful yet simple website builder that allows users to create their dream website<\/strong>, simply by dragging and dropping elements, choosing sections, and editing images.<\/p>\n\n\n\n Although the builder is designed to be simple, it does take a few steps to start the right way. Don’t worry! You can do it yourself with just a little guidance.<\/p>\n\n\n\n You can start your Squarespace website without spending a cent. They offer a 14-day free trial<\/strong>. However, you should understand that this trial allows you to test the builder out, but not publish your new site. If you decide to go public, be prepared to pay<\/a>.<\/p>\n\n\n Let’s get started! Head over to Squarespace.com<\/a>. This will be your launchpad, so feel free to bookmark the URL.<\/p>\n\n\n\n In this next step, the platform will ask you some questions. Don\u2019t be concerned; no one will judge you, and there are no wrong answers. Just choose a tag that describes what you are about to create or describe your website by writing a short description.<\/p>\n\n\n\n This information will help Squarespace to find some starting ideas and examples so that your web-building journey starts off on the right foot. If you still don’t know what your site is going to be about, you can always skip the questions by clicking the “SKIP” button at the bottom of the page.<\/p>\n\n\n\n Similarly to the last step, select one or more options. Do you want to write a blog, promote a business, or perhaps sell products?<\/p>\n\n\n\n Check the boxes that apply to your aspirations. Although these responses will be taken into consideration for creating a demo page for you, you can always add or remove elements and features from your site afterwards (more about that later in the section “Using a Squarespace website builder”).<\/p>\n\n\n\n Where are you in your process? Are you still working on the whole website idea, or do you already know most of the features you wish to add to your site? Maybe you already have a website on a different platform and you want to move it over to Squarespace?<\/p>\n\n\n\n Choose your answer, and you’re done with the onboarding process.<\/p>\n\n\n\n This is where the fun part begins<\/strong>. You\u2019re all done with the Squarespace questionnaire, and you can now choose a template. This is what your site will look like, so take your time and browse through them all until you find a template that you really like.<\/p>\n\n\n\n Once you are happy with a template, move your cursor over it, and click the preview button to see it in action. If this is your choice, you can repeat the process, but this time choose the \u201cStart with\u201d button to select a template.<\/p>\n\n\n\n You can create your account by entering your email address. But to make everything quicker, Squarespace<\/a> offers the option to create new accounts by connecting existing Google, Apple, or Facebook accounts.<\/p>\n\n\n\n Choose the method you prefer, as it does not make any difference later.<\/p>\n\n\n\n Fill in details such as your name, email, and password, and click on the “Continue” button. If you choose to connect with Google, Apple, or Facebook, a popup window will appear, asking you to log in to your account to proceed.<\/p>\n\n\n\n Wait for Squarespace to collect all of the necessary data, and you will be automatically logged in to your new account. Start your engines!<\/p>\n\n\n\n Squarespace has a very nice interface. You will notice this from the first time you are logged in when the platform will guide you through a few more steps where you can name your site and learn a few of the most important features like adding pages. Feel free to explore, and learn from the very start.<\/p>\n\n\n\n When you start working with Squarespace, the most important settings will be located on the left-hand side menu. There you will find:<\/p>\n\n\n\n Whenever you’re ready to start working on your site’s design, just click the “Edit” button located at the top. This will open the Squarespace editor where you can start customizing the pages.<\/p>\n\n\n\n Squarespace is a visual editor. That means that everything you do is done directly on the website by choosing elements one by one.<\/p>\n\n\n\n Let’s start from the top and move towards the bottom.<\/p>\n\n\n\n Move your cursor over the top bar, which is known as the header. A little button will show up, letting you edit the header. This is where you upload your logo<\/a>, add a site title, choose which elements to show (like buttons and social icons), work out different colors, or even make the entire header fixed (meaning it will always stay on top while your visitors are scrolling down the page.<\/p>\n\n\n\n Next in line for editing are sections. The first section below the header is usually the largest one containing huge so-called hero images and text that should capture your visitor’s attention. Put the cursor over it and choose the little edit (pencil) button from the right-hand side of the screen. Here, you will be able to select a section’s height, width, content alignment, background, colors, and so on.<\/p>\n\n\n\n Feel free to explore and move at your own pace. When you decide to change text, buttons, or any other elements, hover over it to reveal their settings. Depending on the template you select, elements will differ, so you can expect text, images, buttons, forms, videos, and so on.<\/p>\n\n\n\n To continue modifying the template, keep moving down the page and repeat the process \u2013 hover over an element you want to redesign and start playing with the options.<\/p>\n\n\n\n You can easily delete sections or move them up and down by clicking the button from the right-hand side menu that appears when you go over a specific element.<\/p>\n\n\n\n While this gives you control over existing elements, you are probably wondering how to add new ones. Did you see a little blue plus icon when you hovered over the elements? That\u2019s the secret! It appears at the top and bottom of each segment, representing a location where you can add a new section. Come on, click on it. A new popup will show, revealing all of the sections you can add to your Squarespace page.<\/p>\n\n\n\n There are dozens of sections, each with their own variants. Take your time, and browse them all. You can add lists, galleries, images, forms, charts, and so much more.<\/p>\n\n\n\n As soon as you click on an element, a new section will appear on your site. To further customize it, hover over the blocks and continue exploring the options.<\/p>\n\n\n Adding elements is fun. But two of the most popular functionalities users usually require are blogging<\/a> and eCommerce<\/a>. These won’t be found on the elements list I showed you earlier. So, let\u2019s see how to add them to your site quickly.<\/p>\n\n\n\n Although adding a blog might sound complicated, the truth is that a blog is nothing more than another page. To add one, you should exit the design editor by clicking the \u201cDone\u201d button from the top-left corner.<\/p>\n\n\n\n From here, select the first \u201cPages\u201d option.<\/p>\n\n\n\n Chances are good that you already have a blog on the list. This depends on the answers from the questionnaire and the template that you have selected. If there is a blog listed, you can simply select it.<\/p>\n\n\n\n If not, you can quickly add a blog by clicking the “+” icon and choosing a blog from the list.<\/p>\n\n\n\n Once you have a blog on the list, you can open the page. Since you have already started with a template, this means that you will have some demo content prepared already. On the left-hand side of the screen, you can find your existing blog posts. On the right, you will see your current blog or a specific blog post when selected.<\/p>\n\n\n\n To add a new post, find the \u201c+\u201d icon in the menu. Clicking on the icon will reveal an editor where you can write a title and the main content. Awesome, isn\u2019t it?<\/p>\n\n\n Similar to a blog, your template may already come equipped with a store. If not, you can add one by selecting the \u201c+\u201d icon and find the \u201cStore\u201d option.<\/p>\n\n\n\n A new popup window will show you two versions of a store that you can have. Select the one that you prefer to continue to the editing process.<\/p>\n\n\n\n From the left side, you will have all of your demo products with their prices. Click on any to see what it looks like on the right-hand side. This is just the preview (something your visitors will be able to see).<\/p>\n\n\n\n When you decide to start editing products and adding your own, you will have to click on the ellipsis and choose the edit options. This will bring up an entirely new screen, which allows you to go into details.<\/p>\n\n\n\n Change images, add prices, control the inventory, variations, and more.<\/p>\n\n\n\n Even though you may have completed the design of your site, you’re still not quite ready to publish it. There are a few more important things to handle, so bear with me.<\/p>\n\n\n\n If you want other people to more easily find your site via Google, Bing, Yandex, and other search engines, you have to take care of a few SEO (search engine optimization<\/a>) options.<\/p>\n\n\n\n When you’re editing your site, locate the little gear icon on the very top-right corner of your browser (it should have been more prominent, I know). From the settings popup that appears, choose “SEO.”<\/p>\n\n\n\n Here you go \u2013 the most crucial SEO options for your site are in front of you, and that\u2019s the title and the description of the page you\u2019re currently editing. This is the information that will be visible on search engines when people find your site by asking Google a question. You will recognize this when you take a look at the preview.<\/p>\n\n\n\n You should repeat this process for every page on your site. Once you publish the website, just be patient. It may take a few hours, days, or even weeks before search engines crawl and index your site with the changes you selected.<\/p>\n\n\n\n In the modern world, optimizing your site for smartphones<\/a> is as important as optimizing it for Google (those two actually go hand in hand). Luckily, Squarespace makes it easy.<\/p>\n\n\n\n When you’re editing a page, you can find a little mobile icon on the top bar. This will let you preview your site on a mobile phone. That’s it, no changes to do here because all Squarespace templates<\/a> are automatically responsive (meaning they modify the elements to display nicely on all screen sizes).<\/p>\n\n\n\n It would be great to have options to modify the mobile site and add\/remove specific elements only for mobile users, but unfortunately, all site edits with Squarespace are global (affecting all versions of the site).<\/p>\n\n\n\n The dashboard can always be accessed by going to account.squarespace.com. If you’re logged in, this is the place to start working with your site(s). The dashboard shows all of the sites you have created and allows you to start a new one.<\/p>\n\n\n\n Choosing the website or commerce option takes you to the settings area while clicking on the ellipsis will let you manage permissions, billing, other settings, and even duplicate the entire site or delete it.<\/p>\n\n\n\n On the top bar of the page, you will also find a tab dedicated to domains where you can connect existing domains or purchase a new one. Until you do one of those options and upgrade your plan, your site will sit under the Squarespace subdomain.<\/p>\n\n\n\n On the right side, there are links that will lead you to the documentation and account settings.<\/p>\n\n\n\n While you can test Squarespace for 14 days, you are unfortunately not allowed to publish your site during that period.<\/p>\n\n\n\n In order to publish a site, you will have to be on a paid subscription. After that, you will be able to publish your site by going to Site Availability from the Settings menu. There, you will have the option to make your site public, private, or password protected.<\/p>\n\n\n Apart from a 14-day free trial, Squarespace offers a few different paid plans that you can pay monthly or annually. If you decide to pay annually, you will save up to 30% and get yourself a free custom domain for the whole year.<\/p>\n\n\n\n $12.00 per month (1-year plan billed as one payment<\/strong> of $144.00).<\/p>\n\n\n\n $18.00 per month (1-year plan billed as one payment<\/strong> of $216.00).<\/p>\n\n\n\n $26.00 per month (1-year plan billed as one payment<\/strong> of $312.00). Squarespace comes with a free 14-day trial<\/strong> during which you can test the service and design your website. But Squarespace is not free. If you decide to publish your site or continue working on it after the trial period, you will have to select one of their subscription plans.<\/p> <\/div> Yes, you can earn money with a Squarespace website. If you have a product or service to sell, you can take advantage of Squarespace’s eCommerce features that allow you to build a complete online store. On the other hand, even if you do not enter the world of eCommerce, you can earn money by selling sponsored content, showing banners, or a variety of other advertisements.<\/p> <\/div> Wix and Squarespace are both good website builders. It’s hard to choose one since both of them have their pros and cons. With this in mind, you should also know that Wix can be used entirely free, without ever paying a cent, while Squarespace only comes with a two-week free trial. Also, Wix<\/a> comes with a more powerful editor and many features that let you have more control over your site.<\/p> <\/div> <\/div>\n\n\n\nHow to Make a Website using Squarespace in 7 Easy Steps<\/h2>\n\n\n\n
\n
Step #1: Getting started with Squarespace<\/h2>\n\n\n\n
1. Visit the Squarespace site.<\/h3>\n\n\n\n
<\/a><\/figure>\n\n\n\n
2. What\u2019s your site about?<\/h3>\n\n\n\n
<\/figure>\n\n\n\n
3. Choose interests.<\/h3>\n\n\n\n
<\/figure>\n\n\n\n
4. Stage<\/h3>\n\n\n\n
<\/figure>\n\n\n\n
5. Choose a template.<\/h3>\n\n\n\n
<\/figure>\n\n\n\n
6. Create your account.<\/h3>\n\n\n\n
<\/figure>\n\n\n\n
7. Enter the details.<\/h3>\n\n\n\n
<\/figure>\n\n\n\n
Step #2: Using a Squarespace website builder<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
\n
Editor<\/h4>\n\n\n\n
Step #3: Making design changes to your website<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
Step #4: Adding functionality to your website<\/h2>\n\n\n\n
Blog<\/h4>\n\n\n\n
<\/figure>\n\n\n\n
eCommerce<\/h4>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
Step #5: Optimizing your website<\/h2>\n\n\n\n
SEO<\/h3>\n\n\n\n
Mobile optimization<\/h4>\n\n\n\n
<\/figure>\n\n\n\n
Step #6: Getting to know the dashboard<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Step #7: Publish your website to make it live<\/h2>\n\n\n\n
Plans and pricing<\/h3>\n\n\n\n
Personal<\/h4>\n\n\n\n
Business<\/h4>\n\n\n\n
Commerce<\/h4>\n\n\n\n
$40.00 per month (1-year plan billed as one payment<\/strong> of $480.00).<\/p>\n\n<\/div>\n\n\nFAQs<\/h2>\n\n\n\n
Conclusion<\/h2>\n\n\n\n