On the flipside, Squarespace can throw the odd curveball in your direction. It has so many different options that learning how to use Squarespace can get a bit confusing. With this step-by-step guide, we’ll show you how to make the most of Squarespace to get your website online faster. <\/p>\n\n\n\n
\ud83d\udcda Table of contents:<\/h4>\n\n\n\n\n- Personalizing your Squarespace experience<\/a><\/li>\n\n\n\n
- How to pick a Squarespace design for your website<\/a><\/li>\n\n\n\n
- Signing up with Squarespace<\/a><\/li>\n\n\n\n
- Getting to know your Squarespace dashboard and editor<\/a><\/li>\n\n\n\n
- Editing your website content<\/a><\/li>\n\n\n\n
- Making design changes<\/a><\/li>\n\n\n\n
- Adding an eCommerce store<\/a><\/li>\n\n\n\n
- Previewing your site on mobile<\/a><\/li>\n\n\n\n
- Publishing your site and pricing<\/a><\/li>\n<\/ul>\n\n\n\n\t\t<\/div>\n\t\t\t\n\t\t \t\n\t\t \t\tGet your new #website online today with this step-by-step #Squarespace #tutorial \ud83c\udfd7\ufe0f<\/a>\n\t\t \t<\/div>\n\t\t \t\n\t\t \tClick To Tweet \n\t\t \t\t<\/span>\n\t\t \t<\/a>\n\t\t <\/div>\n\t\t<\/div>\n<\/div>\n\n\n\n
Squarespace tutorial: How to use Squarespace to build a website<\/h2>\n\n\n\n
For now, let’s head over to the Squarespace website<\/a> and click either one of the two Get Started<\/strong> buttons:<\/p>\n\n\n![\"Click](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/02\/Squarespace.jpg\")
<\/a><\/p>\n\n\n<\/div>\n\n\n\nPersonalizing your Squarespace experience<\/h3>\n\n\n\n
Once you’ve started, you’ll have the option to answer a few questions about your business and website. You can skip them at any time, but your answers help Squarespace find website themes that match your needs and objectives.<\/p>\n\n\n\n
For example, if you want to make a food blog, Squarespace will show you the best website themes for blogging and food. You can enter your own topics but get it broad. For example, real estate<\/strong> will generate better results than selling to first home buyers<\/strong>.<\/p>\n\n\n\n![\"Setting](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Squarespace-website-topics.png\")
<\/figure><\/div>\n\n\nWhen you’re happy with your selection, click Next<\/strong> to move on. <\/p>\n\n\n\nIf you have specific objectives, like creating a membership site or creating an eCommerce site, select them from the goals menu. <\/p>\n\n\n\n
But don’t select goals you plan to pursue “one day.” Just pick the ones that pushed you to get started today. These are going to determine how Squarespace ranks the designs you’ll see later on. <\/p>\n\n\n\n
For example, if real estate<\/strong> was your topic, but you picked sell products and services<\/strong> as a top goal, you’ll see many eCommerce themes before you see a single real estate theme.<\/p>\n\n\n\n![\"The](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/top-goals.png\")
<\/figure><\/div>\n\n\nWith the goals handled, let’s tackle the final question. Whether you’re exploring an idea or transferring a website, click on the best answer and then Finish<\/strong> to move on to the exciting part of any Squarespace tutorial: template selection.<\/p>\n\n\n\n![\"Squarespace](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Where-are-you-in-process.png\")
<\/figure><\/div>\n\n<\/div>\n\n\n\nHow to pick a Squarespace design for your website<\/h3>\n\n\n\n
When the designs appear, you’ll probably notice a slight buzz. Don’t worry, that’s totally normal. Squarespace is famous for brilliant template designs. But to make the most of Squarespace, keep the following in mind:<\/p>\n\n\n\n
\n- The templates that are the best match for you will appear first.<\/li>\n\n\n\n
- Below them, you’ll find a few templates that are good starting points for your website.<\/li>\n\n\n\n
- Finally, you will find the most popular designs. <\/li>\n<\/ul>\n\n\n\n
![\"Squarespace](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/05\/Squarespace-template-selections.png\")
<\/figure><\/div>\n\n\nIf you preview a few templates but nothing grabs you, search through the complete list of 110+ templates or filter the results using the website types and topics lists.<\/p>\n\n\n\n
But, don’t rule out themes based on the demo content. The trick to learning how to use Squarespace like a pro is to hunt for the designs with colors, fonts, and layouts that you like. <\/p>\n\n\n\n
With Squarespace, it is easier to pick a theme with the “wrong” features and add them rather than to overhaul the color scheme<\/a> of a theme with the “right” features. <\/p>\n\n\n\nBe sure to take a good look through the themes and preview any that you like. When you find your favorite, click on it to get started with a Squarespace account.<\/p>\n\n\n
<\/div>\n\n\n\nSigning up with Squarespace<\/h3>\n\n\n\n
At this point, you will need to sign in or create a Squarespace account<\/a>. You can use one Squarespace account for multiple 14-day trials, so don’t create a new account if you’ve ever used Squarespace before. <\/p>\n\n\n\n![\"The](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Create-account.png\")
<\/figure><\/a><\/div>\n\n\n\nOnce you’ve signed up, give your website a name. You can change it later, so feel free to enter a placeholder and update it when you’re ready. However, if you want the perfect name now, a business name generator<\/a> will help you find it.<\/p>\n\n\n\n![\"Setting](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/05\/Adding-name.jpg\")
<\/figure><\/div>\n\n\nOnce you’ve signed up and added a name, you can enjoy the platform’s own quick Squarespace tutorial before arriving at the website dashboard. <\/p>\n\n\n
<\/div>\n\n\n\nGetting to know your Squarespace dashboard and editor<\/h3>\n\n\n\n
Managing your Squarespace account plus your overall website management are handled through the dashboard or the visual editor. <\/p>\n\n\n\n
The dashboard is for things like password changes or domain transfers.<\/p>\n\n\n
\n![\"Squarespace](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Dashboard-1.jpg\")
<\/figure><\/div>\n\n\nIf you run a few websites, you can switch between them from the dashboard. To view one of your websites<\/a>, click on the Website<\/strong> button to open the full suite of website management tools (including the visual editor).<\/p>\n\n\n\nWebsite management is a joy with Squarespace. While other website building platforms have multiple competing tools for things like SEO<\/a>, Squarespace does things differently. You can skip the lists of tools that need to be paid for. Instead, everything you need to succeed is on one page. <\/p>\n\n\n\nYou’ll find your website management tools on the left side of the screen. On the right, you will have a preview of your website.<\/p>\n\n\n
\n![\"You](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Menu-options.jpg\")
<\/figure><\/div>\n\n\n\n- Use pages<\/strong> to change your website’s content.<\/li>\n\n\n\n
- Change design<\/strong> aspects, like site styles, additional CSS, and error pages.<\/li>\n\n\n\n
- Take control of commerce<\/strong> functions, like products, shipping, and billing.<\/li>\n\n\n\n
- Dig into analytics<\/strong> with traffic reports<\/a>, conversions, and SEO performance.<\/li>\n\n\n\n
- Initiate multiple marketing<\/strong> options, like pop-ups and email campaigns<\/a>.<\/li>\n\n\n\n
- Allow self-scheduling<\/strong> options for your customers.<\/li>\n\n\n\n
- Plus much more.<\/li>\n<\/ul>\n\n\n<\/div>\n\n\n\n
Editing your website content<\/h3>\n\n\n\n
Every time I open the visual editor, I’m impressed with how complete<\/em> Squarespace sites look from the start. Let’s take a look at what we have:<\/p>\n\n\n\n\n- A functioning menu that links to essential pages. <\/li>\n\n\n\n
- Professional layouts that are well proportioned with attention-grabbing buttons.<\/li>\n\n\n\n
- Well-matched fonts and a professional color scheme.<\/li>\n<\/ul>\n\n\n\n
Not only does it look great but also, if you’re lucky, the selected template will match your topic and the only thing that you might need before the launch is light editing.<\/p>\n\n\n\n
\n\nLet’s start editing Pages<\/strong> since they’re at the top of the menu. <\/p>\n\n\n\nAs you can see, every page on your website is listed here. To edit the Page Settings, roll over the name to find the small gear<\/em> icon and click it. <\/p>\n<\/div>\n\n\n\n\n![\"Opening](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/page-settings.png\")
<\/figure><\/div><\/div>\n<\/div>\n\n\n\nIn Page Settings, you can tweak your site’s identity and appearance. Most importantly, for us, the general settings control your page titles and the URL slug<\/a>. <\/p>\n\n\n\nPage Settings are useful if you want to know how to duplicate a Squarespace page. Go to Page Settings \u2192 General<\/strong> and scroll down to find the Duplicate Page<\/strong> link. Simply click on it to duplicate any Squarespace page.<\/p>\n\n\n\n![\"Squarespace](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Screenshot-2021-04-26-at-22.09.26.png\")
<\/figure><\/div>\n\n\nWhile you’re here, consider updating the social image to something you’d like to share on social media platforms (just go to Social Image<\/strong> and drag and drop your favorite image into the box). <\/p>\n\n\n\n![\"How](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/05\/Setting-social-image.png\")
<\/figure><\/div>\n\n\nOnce you’ve set up your site’s identity, we’ll move on to the next step of the Squarespace tutorial: page content.<\/p>\n\n\n\n
Clicking on the Edit<\/strong> button opens up the editing options for your pages.<\/p>\n\n\n\n![\"Accessing](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Access-editing-page.png\")
<\/figure><\/div>\n\n\nEditing the site header<\/h4>\n\n\n\n
Different editing options appear when you roll over different parts of the page. Why not start at the top with the Site Header? Click the edit<\/strong> button when it appears.<\/p>\n\n\n\n![\"Accessing](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Edit-site-header.jpeg\")
<\/figure><\/div>\n\n\n\n\nHere, you will find the desktop and mobile editing options for the following:<\/p>\n\n\n\n
\n- Site title and logo.<\/li>\n\n\n\n
- A variety of elements like social links and buttons.<\/li>\n\n\n\n
- Colors and transparency.<\/li>\n\n\n\n
- Header postion.<\/li>\n<\/ul>\n<\/div>\n\n\n\n\n
![\"The](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Header-editing-options.png\")
<\/figure><\/div><\/div>\n<\/div>\n\n\n\nIf you’ve been waiting to add your site name, you can do it now while adding any social media profiles you have set up. With the essential identification elements in place, let’s dig into the mobile options. <\/p>\n\n\n\n
\n\nAny changes you make in the mobile or desktop menus will only be visible on those devices. For mobile, you can change the header layout and menu options.<\/p>\n<\/div>\n\n\n\n
\n![\"The](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Edit-mobile-header.png\")
<\/figure><\/div><\/div>\n<\/div>\n\n\n\n\n\nFor desktop, you can change the layout but also the appearance of the elements and the size of the header itself. Squarespace does a fairly good job of spacing elements, so you can probably leave the padding and spacing as is.<\/p>\n<\/div>\n\n\n\n
\n![\"The](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Edit-desktop-header.png\")
<\/figure><\/div><\/div>\n<\/div>\n\n\n\nRegardless of what you are changing, each change will appear immediately in the preview window. For example, changing the site title will happen in real-time.<\/p>\n\n\n
\n![\"Squarespace](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Editing-header-colors.png\")
<\/figure><\/div>\n\n\nEditing page content<\/h4>\n\n\n\n
Enter the Edit<\/strong> mode from any page when you’re ready to change its text or update images. Most of the content areas can be edited, including blocks of text, buttons, and photos. <\/p>\n\n\n\nFor example, to edit sentences and headings click on the text to open the text editor. Here, you can add lists and links, bold text, and more. Simply type in your new text and add any formatting.<\/p>\n\n\n
\n![\"Locating](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Text-editor.jpg\")
<\/figure><\/div>\n\n\n\u26a0\ufe0f One important point, Squarespace doesn’t have an auto-save feature. Generally, it’s hard to navigate away from a page without hitting Done<\/strong> and Save changes<\/strong>. But a lost connection or closed window could cause some trouble.<\/p>\n\n\n\nEditing the section layout<\/h4>\n\n\n\n
To make changes to sections backgrounds and layouts, roll over any section to find a small menu with your editing options:<\/p>\n\n\n
\n![\"How](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Editing-section-options.jpeg\")
<\/figure><\/div>\n\n\n\n- The pencil gives you control over the section appearance. This includes section size, background, and color.<\/li>\n\n\n\n
- Clicking the two pages will duplicate everything in the section. You’ll copy the layout, any images, as well as text. Your duplicated section will immediately appear below the existing one. <\/li>\n\n\n\n
- The two arrows move the section up or down the page.<\/li>\n\n\n\n
- The trash can deletes the entire section.<\/li>\n<\/ul>\n\n\n\n
For example, to change a background image click on the pencil<\/em> <\/strong>and Background<\/strong>. Click on Replace<\/strong> to upload a background image you like. If you have a YouTube or Vimeo link, you can find the video background settings under Video<\/strong>.<\/p>\n\n\n\n![\"How](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Change-background-1.jpg\")
<\/figure><\/div>\n\n\nAdding sections<\/h4>\n\n\n\n
As we’ve been doing all the cursor rolling, you may have noticed a blue border with Add Section<\/strong> at opposite ends. Clicking on either of them will open the new section pop-up box containing every Squarespace section. <\/p>\n\n\n\n![\"Finding](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Add-section.jpg\")
<\/figure><\/div>\n\n\nThe most common and popular sections will appear at the top, so scroll through the entire list to see obscure sections like:<\/p>\n\n\n\n
\n- Appointments<\/li>\n\n\n\n
- Donations<\/li>\n\n\n\n
- Products<\/li>\n\n\n\n
- Calendars<\/li>\n\n\n\n
- Charts<\/li>\n\n\n\n
- Logo Wall<\/li>\n\n\n\n
- Music<\/li>\n\n\n\n
- and many more<\/li>\n<\/ul>\n\n\n\n
![\"Scrolling](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Section-list.jpg\")
<\/figure><\/div>\n\n\nEach section has multiple layouts which you can scroll through before clicking to add the section to your page. <\/p>\n\n\n\n
Not only do the layouts look different, but they also have different options depending on the elements they use. For example, the location sections have multiple map designs with simple on-off sliders for elements like scrolling.<\/p>\n\n\n
\n![\"\"](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Map-design-options.png\")
<\/figure><\/div>\n\n\nAdding a page<\/h4>\n\n\n\n
No Squarespace tutorial could be complete without showing you how to add a page. You can create new pages and remove existing ones from the Pages<\/strong> menu. <\/p>\n\n\n\n\n\nEach page in your main menu can be found under the Main Navigation<\/strong> header.<\/p>\n\n\n\nAny unlinked pages or membership areas will be below the main section. <\/p>\n\n\n\n
To add a page, click the “+”<\/strong> button according to where you’d like the page to appear. <\/p>\n<\/div>\n\n\n\n\n![\"Adding](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Adding-pages.png\")
<\/figure><\/div><\/div>\n<\/div>\n\n\n\nYou can build a page from scratch or use a pre-designed Squarespace layout like:<\/p>\n\n\n\n
\n- RSVP<\/li>\n\n\n\n
- Services<\/li>\n\n\n\n
- Team<\/li>\n\n\n\n
- Gallery <\/li>\n\n\n\n
- Portfolio<\/li>\n\n\n\n
- Blog<\/li>\n\n\n\n
- and more<\/li>\n<\/ul>\n\n\n\n
For example, if you decide to add a blog page, you can choose a layout you like and add it to the main menu. As can be seen, the menu will be updated automatically with your new page.<\/p>\n\n\n\n
When you’re ready to write your first post, simply click on your blog page to open the archive. Once, the archive is opened click on the “+”<\/strong> button to start a new post. <\/p>\n\n\n\n![\"Creating](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Blog-post.jpeg\")
<\/figure><\/div>\n\n<\/div>\n\n\n\nMaking design changes<\/h3>\n\n\n\n
It’s time for our Squarespace tutorial to move onto the Design<\/strong> tools that help you add the personal touch that gives your site it’s visual identity. Once you’re ready to start changing colors, sizes, and fonts click on the Design<\/strong> link to start exploring.<\/p>\n\n\n\n![\"Locating](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Design-tab.jpeg\")
<\/figure><\/div>\n\n\nWhen you click through, you will be able to edit:<\/p>\n\n\n\n
\n- Site styles like fonts, colors, animations, and more.<\/li>\n\n\n\n
- Browser icons<\/li>\n\n\n\n
- Lock screens<\/li>\n\n\n\n
- Checkout pages<\/li>\n\n\n\n
- 404 pages<\/li>\n\n\n\n
- Social sharing logos<\/li>\n\n\n\n
- Custom CSS<\/li>\n<\/ul>\n\n\n\n\n\n
While you should experiment with all of these tabs, the site styles will have the most impact on your website. Click on the link to open the main menu:<\/p>\n\n\n\n
You can see that site styles cover all of the important visual elements for your website. Whenever you need the design options, open the menu by clicking the paintbrush icon. <\/p>\n<\/div>\n\n\n\n
\n![\"Picking](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Site-styles-2.png\")
<\/figure><\/div><\/div>\n<\/div>\n\n\n\nOnce you select an option, Squarespace will automatically apply the style change to your entire page. You won’t have to go through the individual elements and the changes immediately. For example, changing the color palette updates all of the sections with the new colors. <\/p>\n\n\n
\n![\"Squarespace](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/04\/Color-change.jpeg\")
<\/figure><\/div>\n\n<\/div>\n\n\n\nAdding an eCommerce store<\/h3>\n\n\n\n
\ud83d\udccb Note; this step is optional. Not every user will want to launch an eCommerce store with Squarespace. That said, if that is your goal, Squarespace is perfectly capable of handling the task!<\/p>\n\n\n\n
While Squarespace is not the most popular eCommerce platform<\/a>, it does have enough commerce features to extend any website into an online store. <\/p>\n\n\n\n
Squarespace tutorial: How to use Squarespace to build a website<\/h2>\n\n\n\n
For now, let’s head over to the Squarespace website<\/a> and click either one of the two Get Started<\/strong> buttons:<\/p>\n\n\n Once you’ve started, you’ll have the option to answer a few questions about your business and website. You can skip them at any time, but your answers help Squarespace find website themes that match your needs and objectives.<\/p>\n\n\n\n For example, if you want to make a food blog, Squarespace will show you the best website themes for blogging and food. You can enter your own topics but get it broad. For example, real estate<\/strong> will generate better results than selling to first home buyers<\/strong>.<\/p>\n\n\n When you’re happy with your selection, click Next<\/strong> to move on. <\/p>\n\n\n\n If you have specific objectives, like creating a membership site or creating an eCommerce site, select them from the goals menu. <\/p>\n\n\n\n But don’t select goals you plan to pursue “one day.” Just pick the ones that pushed you to get started today. These are going to determine how Squarespace ranks the designs you’ll see later on. <\/p>\n\n\n\n For example, if real estate<\/strong> was your topic, but you picked sell products and services<\/strong> as a top goal, you’ll see many eCommerce themes before you see a single real estate theme.<\/p>\n\n\n With the goals handled, let’s tackle the final question. Whether you’re exploring an idea or transferring a website, click on the best answer and then Finish<\/strong> to move on to the exciting part of any Squarespace tutorial: template selection.<\/p>\n\n\n When the designs appear, you’ll probably notice a slight buzz. Don’t worry, that’s totally normal. Squarespace is famous for brilliant template designs. But to make the most of Squarespace, keep the following in mind:<\/p>\n\n\n\n If you preview a few templates but nothing grabs you, search through the complete list of 110+ templates or filter the results using the website types and topics lists.<\/p>\n\n\n\n But, don’t rule out themes based on the demo content. The trick to learning how to use Squarespace like a pro is to hunt for the designs with colors, fonts, and layouts that you like. <\/p>\n\n\n\n With Squarespace, it is easier to pick a theme with the “wrong” features and add them rather than to overhaul the color scheme<\/a> of a theme with the “right” features. <\/p>\n\n\n\n Be sure to take a good look through the themes and preview any that you like. When you find your favorite, click on it to get started with a Squarespace account.<\/p>\n\n\n At this point, you will need to sign in or create a Squarespace account<\/a>. You can use one Squarespace account for multiple 14-day trials, so don’t create a new account if you’ve ever used Squarespace before. <\/p>\n\n\n\n Once you’ve signed up, give your website a name. You can change it later, so feel free to enter a placeholder and update it when you’re ready. However, if you want the perfect name now, a business name generator<\/a> will help you find it.<\/p>\n\n\n Once you’ve signed up and added a name, you can enjoy the platform’s own quick Squarespace tutorial before arriving at the website dashboard. <\/p>\n\n\n Managing your Squarespace account plus your overall website management are handled through the dashboard or the visual editor. <\/p>\n\n\n\n The dashboard is for things like password changes or domain transfers.<\/p>\n\n\n If you run a few websites, you can switch between them from the dashboard. To view one of your websites<\/a>, click on the Website<\/strong> button to open the full suite of website management tools (including the visual editor).<\/p>\n\n\n\n Website management is a joy with Squarespace. While other website building platforms have multiple competing tools for things like SEO<\/a>, Squarespace does things differently. You can skip the lists of tools that need to be paid for. Instead, everything you need to succeed is on one page. <\/p>\n\n\n\n You’ll find your website management tools on the left side of the screen. On the right, you will have a preview of your website.<\/p>\n\n\n Every time I open the visual editor, I’m impressed with how complete<\/em> Squarespace sites look from the start. Let’s take a look at what we have:<\/p>\n\n\n\n Not only does it look great but also, if you’re lucky, the selected template will match your topic and the only thing that you might need before the launch is light editing.<\/p>\n\n\n\n Let’s start editing Pages<\/strong> since they’re at the top of the menu. <\/p>\n\n\n\n As you can see, every page on your website is listed here. To edit the Page Settings, roll over the name to find the small gear<\/em> icon and click it. <\/p>\n<\/div>\n\n\n\n In Page Settings, you can tweak your site’s identity and appearance. Most importantly, for us, the general settings control your page titles and the URL slug<\/a>. <\/p>\n\n\n\n Page Settings are useful if you want to know how to duplicate a Squarespace page. Go to Page Settings \u2192 General<\/strong> and scroll down to find the Duplicate Page<\/strong> link. Simply click on it to duplicate any Squarespace page.<\/p>\n\n\n While you’re here, consider updating the social image to something you’d like to share on social media platforms (just go to Social Image<\/strong> and drag and drop your favorite image into the box). <\/p>\n\n\n Once you’ve set up your site’s identity, we’ll move on to the next step of the Squarespace tutorial: page content.<\/p>\n\n\n\n Clicking on the Edit<\/strong> button opens up the editing options for your pages.<\/p>\n\n\n Different editing options appear when you roll over different parts of the page. Why not start at the top with the Site Header? Click the edit<\/strong> button when it appears.<\/p>\n\n\n Here, you will find the desktop and mobile editing options for the following:<\/p>\n\n\n\n If you’ve been waiting to add your site name, you can do it now while adding any social media profiles you have set up. With the essential identification elements in place, let’s dig into the mobile options. <\/p>\n\n\n\n Any changes you make in the mobile or desktop menus will only be visible on those devices. For mobile, you can change the header layout and menu options.<\/p>\n<\/div>\n\n\n\n For desktop, you can change the layout but also the appearance of the elements and the size of the header itself. Squarespace does a fairly good job of spacing elements, so you can probably leave the padding and spacing as is.<\/p>\n<\/div>\n\n\n\n Regardless of what you are changing, each change will appear immediately in the preview window. For example, changing the site title will happen in real-time.<\/p>\n\n\n Enter the Edit<\/strong> mode from any page when you’re ready to change its text or update images. Most of the content areas can be edited, including blocks of text, buttons, and photos. <\/p>\n\n\n\n For example, to edit sentences and headings click on the text to open the text editor. Here, you can add lists and links, bold text, and more. Simply type in your new text and add any formatting.<\/p>\n\n\n \u26a0\ufe0f One important point, Squarespace doesn’t have an auto-save feature. Generally, it’s hard to navigate away from a page without hitting Done<\/strong> and Save changes<\/strong>. But a lost connection or closed window could cause some trouble.<\/p>\n\n\n\n To make changes to sections backgrounds and layouts, roll over any section to find a small menu with your editing options:<\/p>\n\n\n For example, to change a background image click on the pencil<\/em> <\/strong>and Background<\/strong>. Click on Replace<\/strong> to upload a background image you like. If you have a YouTube or Vimeo link, you can find the video background settings under Video<\/strong>.<\/p>\n\n\n As we’ve been doing all the cursor rolling, you may have noticed a blue border with Add Section<\/strong> at opposite ends. Clicking on either of them will open the new section pop-up box containing every Squarespace section. <\/p>\n\n\n The most common and popular sections will appear at the top, so scroll through the entire list to see obscure sections like:<\/p>\n\n\n\n Each section has multiple layouts which you can scroll through before clicking to add the section to your page. <\/p>\n\n\n\n Not only do the layouts look different, but they also have different options depending on the elements they use. For example, the location sections have multiple map designs with simple on-off sliders for elements like scrolling.<\/p>\n\n\n No Squarespace tutorial could be complete without showing you how to add a page. You can create new pages and remove existing ones from the Pages<\/strong> menu. <\/p>\n\n\n\n Each page in your main menu can be found under the Main Navigation<\/strong> header.<\/p>\n\n\n\n Any unlinked pages or membership areas will be below the main section. <\/p>\n\n\n\n To add a page, click the “+”<\/strong> button according to where you’d like the page to appear. <\/p>\n<\/div>\n\n\n\n You can build a page from scratch or use a pre-designed Squarespace layout like:<\/p>\n\n\n\n For example, if you decide to add a blog page, you can choose a layout you like and add it to the main menu. As can be seen, the menu will be updated automatically with your new page.<\/p>\n\n\n\n When you’re ready to write your first post, simply click on your blog page to open the archive. Once, the archive is opened click on the “+”<\/strong> button to start a new post. <\/p>\n\n\n It’s time for our Squarespace tutorial to move onto the Design<\/strong> tools that help you add the personal touch that gives your site it’s visual identity. Once you’re ready to start changing colors, sizes, and fonts click on the Design<\/strong> link to start exploring.<\/p>\n\n\n When you click through, you will be able to edit:<\/p>\n\n\n\n While you should experiment with all of these tabs, the site styles will have the most impact on your website. Click on the link to open the main menu:<\/p>\n\n\n\n You can see that site styles cover all of the important visual elements for your website. Whenever you need the design options, open the menu by clicking the paintbrush icon. <\/p>\n<\/div>\n\n\n\n Once you select an option, Squarespace will automatically apply the style change to your entire page. You won’t have to go through the individual elements and the changes immediately. For example, changing the color palette updates all of the sections with the new colors. <\/p>\n\n\n \ud83d\udccb Note; this step is optional. Not every user will want to launch an eCommerce store with Squarespace. That said, if that is your goal, Squarespace is perfectly capable of handling the task!<\/p>\n\n\n\n While Squarespace is not the most popular eCommerce platform<\/a>, it does have enough commerce features to extend any website into an online store. <\/p>\n\n\n\n<\/a><\/p>\n\n\nPersonalizing your Squarespace experience<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\n<\/figure><\/div>\n\nHow to pick a Squarespace design for your website<\/h3>\n\n\n\n
\n
<\/figure><\/div>\n\n\nSigning up with Squarespace<\/h3>\n\n\n\n
<\/figure><\/a><\/div>\n\n\n\n<\/figure><\/div>\n\n\nGetting to know your Squarespace dashboard and editor<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\n\n
Editing your website content<\/h3>\n\n\n\n
\n
<\/figure><\/div><\/div>\n<\/div>\n\n\n\n<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\nEditing the site header<\/h4>\n\n\n\n
<\/figure><\/div>\n\n\n\n
<\/figure><\/div><\/div>\n<\/div>\n\n\n\n<\/figure><\/div><\/div>\n<\/div>\n\n\n\n<\/figure><\/div><\/div>\n<\/div>\n\n\n\n<\/figure><\/div>\n\n\nEditing page content<\/h4>\n\n\n\n
<\/figure><\/div>\n\n\nEditing the section layout<\/h4>\n\n\n\n
<\/figure><\/div>\n\n\n\n
<\/figure><\/div>\n\n\nAdding sections<\/h4>\n\n\n\n
<\/figure><\/div>\n\n\n\n
<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\nAdding a page<\/h4>\n\n\n\n
<\/figure><\/div><\/div>\n<\/div>\n\n\n\n\n
<\/figure><\/div>\n\nMaking design changes<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n\n
<\/figure><\/div><\/div>\n<\/div>\n\n\n\n<\/figure><\/div>\n\nAdding an eCommerce store<\/h3>\n\n\n\n
![\"Starting](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/05\/Commerce-options.jpeg\")
<\/figure><\/div>\n\n\n![\"Using](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/05\/eCommerce-wizard.jpg\")
<\/figure><\/div>\n\n\n![\"Choosing](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/05\/Squarespace-commerce-store-layouts.jpg\")
<\/figure><\/div>\n\n\n![\"The](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/05\/Adding-product.jpg\")
<\/figure><\/div>\n\n\n![\"The](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/05\/Gift-card-1.png\")
<\/figure><\/div><\/div>\n\n\n\n![\"Creating](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/05\/Digital-product.png\")
<\/figure><\/div><\/div>\n<\/div>\n\n\n\n![\"Adding](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/05\/Add-payment-methods.jpg\")
<\/figure><\/div>\n\n\n![\"\"](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/05\/Shipping-options.png\")
<\/figure><\/div>\n\n\n![\"Squarespace](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/05\/Shipping-rates.png\")
<\/figure><\/div>\n\n\n![\"Activated](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/05\/Shipping-options-activated.png\")