Complete Squarespace Tutorial (2024) For Beginners

🎉 START YOUR SQUARESPACE WEBSITE MADE EASY: bit.ly/4d0M6rj
📋 COMPLETE LIST OF CANVA & SQUARESPACE FONTS: bit.ly/4aKBOtx
💰 10% OFF SQUARESPACE Use CODE PAIGE10: bit.ly/4aF2Lim
FULL SHOWNOTES
🔗 Click here for the show notes & a complete list of resources & websites: www.paigebrunton.com/blog/bui...
Looking for a ONE-STOP-SHOP to learn everything you need to know about Squarespace in 2023? Or just hoping for a peek at the back end to see how it works? This complete Squarespace 7.1 Fluid Engine tutorial updated for 2023, especially for beginners on the platform is for you!
Already familiar with Squarespace? Don't skip it - there are plenty of handy tips even experienced Squarespacers don't know!
🙋‍♀️ SQUARESPACE HELP: support.squarespace.com/
WATCH THESE NEXT
➡️ TAGS & CATEGORIES: @ • Squarespace tags + cat...
➡️ SETTING UP YOUR SQUARESPACE STORE: • 🛍️ Style your SQUARESP...
➡️ HOW TO CHOOSE A SQUARESPACE TEMPLATE: • 🤷‍♀️ HOW TO pick a Squ...
➡️ WEBSITE DESIGN TRENDS: • 7 Web Design Trends to...
-------------
📋 FREEBIES:
👉🏻 START your Squarespace website workbook: bit.ly/445gD37
👉🏻 Four steps to DOUBLE your site sales - FREE training: bit.ly/4aGgXHR
👉🏻 Squarespace PRE-DESIGN Workbook & Checklist: bit.ly/445gD37
👉🏻 HOME PAGE content Planner: bit.ly/3vT0cdB
👉🏻 Find the perfect client-finding strategy for your personality with this quiz: bit.ly/3xNl0nl
👉🏻 4 strategies to find your first or next web design client: bit.ly/3JuwWgi
👉🏻 Finding clients as a new Squarespace designer - 7 costly mistakes to avoid (60 min on-demand training): bit.ly/44gonPS
👉🏻 Content Creation Outlines For Sure-Fire Popular & Profitable Posts: bit.ly/3xM2sns
-----------
🤩 FOR WEB DESIGNERS 🤩
👩‍💻 Square Secrets™️ Course For Web Designers: bit.ly/3Uve6fo
👩‍💻 Square Secrets Business™️ Course For Web Designers: bit.ly/3Wd8NlQ
👩‍💻 Web Designer Client Finding Guide: bit.ly/4bcHbl1
👩‍💻 Sales Page Secrets Masterclass: bit.ly/3vXrM9D
-------------
🙌 FOR COURSE CREATORS 🙌
➡️ Scale With Content Strategy: bit.ly/3y72h6s
-------------
LEARN MORE ABOUT RUNNING AN ONLINE BUSINESS:
💻 Check out my courses: www.paigebrunton.com/courses
📚 Visit the blog: paigebrunton.com/blog-page
-------------
Contains affiliate links - my margarita fund thanks you kindly if you choose to use them!
-------------
Chapters
00:00 Let's go!
00:20 Setting up your Squarespace site
01:48 Choosing a template
03:26 The Squarespace editor
07:26 Choosing and styling fonts
13:33 Setting your Color Palette
16:52 Website spacing
17:54 Website button styles
18:47 Pages menu
20:34 Adding a new page & page types
21:10 Drop-down menu
22:06 Editing content on the page
22:21 Adding text
24:23 Adding images
30:48 Creating & building out a section
34:34 Editing the mobile view
3§:36 Editing the header
40:07 Introduction to commerce
48:37 Accepting payments
50:48 Promotional pop-up
54:29 Announcement bar
57:32 Scheduling
1:01:57 Asset Library
1:01:14 Analytics
1:01:35 Profiles
1:02:23 Launching your site
1:02:57 Choosing a plan
Contains affiliate links! My margarita fund thanks you kindly if you choose to use them

[@lorrainepartridge8535]

Hi Paige, just coming back on here to say if it wasn't for you I would not had the nerve to update my website without hiring someone. With your tutorials you helped me take the plunge and saved me a lot of money. I put it off for ages, and kept getting worked up about it, but now I am so much more confident and learning a bit more each time. Now on for watching your blog page tutorials. Thank you so much again. xx

[@PaigeBrunton]

Awe Lorraine thank you kindly for taking the time to share your kind words! I’m so happy to have helped and am even more thrilled toy know now you can manage it yourself! That’s a big win heading into the new year! ❤️

[@fiercepandaz]

I recall at one point making mobile version edits messed up the desktop view, glad to see this isn't the case anymore

[@user-pj9cs8zu3j]

Great video, thanks for sharing!

[@jamesefuentes]

Huge time saver and an extremely helpful video. Thanks!

[@TheJennyselden]

Thanks so much Paige x

[@WilliamCruzing4photos]

You are amazing. Detailed clear and absolutely helpful unlike so many other tutorials. Thank you for the time you take to do this.

[@PaigeBrunton]

Awe thanks for the kind words William, they're so appreciated! Good luck with that site!

[@user-cc9nu7cm7n]

Both of the tutorials for beginners are great! Thank you!

[@johnson00nat]

Thank you this has been helpful!!!

[@SquareWebsites]

Thanks for this informative detailed overview of Squarespace websites.

[@shmulyrutman5182]

36:24 you say here it doesn't change on desktop but it does when you centered it on mobile it did change on desktop

[@PaigeBrunton]

Good point! You can change the order, size and location of blocks on just one device - but any block settings (like changing the header type, or text alignment will carry over across mobile & desktop. Thank you kindly for clarifying!!

[@kgnash]

Your instruction is much more understandable and easy to follow than some of the guys who speak 90 MPH and have their cursor all over the internet. I think I understand most of Squarespace now. Thank you.

[@PaigeBrunton]

Thrilled to hear it! Thank you kindly for taking the time to say!

[@parthoroy9141]

Thank you so much for this useful video! I didn't even know Jessica Chastain was a website developer LOL. But seriously, this was very helpful 👍

[@PaigeBrunton]

😂 Why thank you for the comment of the year hahaha. I'll take being mixed up for Jessica any day!

[@fayeaune9305]

Thank you very much for sharing your knowledge. I am (almost) ready to take the leap :)

[@PaigeBrunton]

You are so welcome Faye!

[@DesignGenie-cv1cn]

Just when i was about to go to udemy and search for a squarespace course i see this lol.. This is much appreciated miss paige!

[@PaigeBrunton]

Awe fab, happy to have helped! You're very welcome!

[@katemccarthy2463]

Hi Paige great tutorial. I use Canva for graphics and am looking for a website builder that is compatible and one that I can add a payment gateway. Do you have a tutorial on this, or any advice. I am new to Squarespace. Would you recommend it versus Six?

[@Mguevelas]

Thanks for the videos. How about if I have my page designed already how would files be uploaded? Do you have a video on that?

[@charleskuhn8304]

Thank you for the Great video. I have a question. How do I add titles to the photographs I have on my site?

[@AlexB-hp3dj]

I am trying to get a web page built for my bathroom and flooring business would like to hire someone.

[@focusonarizona8841]

hi Paige. great tutorial video. is there any information about adding the whole GDPR cookies / Eprivacy info for european folks that come across your website? are you familiar? thank you!

[@leila1]

Hey, thanks for this tutorial. I just wanted to ask how do I go about changing the font on only 1 heading? I just want to change the first heading which overlays my image x

[@mbiret]

@PaigeBrunton thank you for your informative video. I bought a squarespace annual subscription and domain. Trying to polish my website. How do I list more services on my page as the default only has 4. I am using the template for services

[@tameckaadell]

Thank you for this walk-thru. When it comes to the scheduling blcok, for those of us who are legacy Acuity users, does it make sense to somehow sign-up for scheduling thru SS and so long as I can keep my content? Today, I still have a separate log in, and can embed my calendar, but I can't use the built-in block.

[@PaigeBrunton]

Fabulous question! It could do... but it's worth checking if you're on a pricing plan that's still offered - I know that some people ended up needing to pay more by switching, so defs recommend checking with Squarespace support first!

[@theperpetualrose9470]

Hello. Is it possible to do a logo slider in Squarespace? If not, which free external widget do you recommend?

[@ChristelVanHeerden]

Hi Paige, my logo keeps showing as blurry in my header. Do you know how i can fix this? Thank you

[@Bitternov]

Much better than any other tutorial I've seen. QUESTION: I've placed a piece of art along the top of the home page and would like to place type over it....Site name, navigation, etc...How do I get blocks over that art image? Gracias. 🧐

[@PaigeBrunton]

Aweee thanksss!

[@tonymorrison1145]

Hi Paige , I dont have "design" on my list of manager edits and eveythig revolves around design. Would you know why by chance?

[@j.lister365]

Great tutorial but my menu doesn't have the same editing options shown here. Do you have any info on why my Squarespace is different?

[@PaigeBrunton]

Fabulous question - it could be because you're on an earlier version of Squarespace (7.0 as opposed to 7.1) or sometimes Squarespace rolls out new/ different look navigations to different users at different times. A secret hack that I love is to hit the forward slash button and then search for the menu item you're trying to find - it's a super handy dandy way to find all the things even when Squarespace moves them around!

[@SusanneGeert]

Thanks for sharing this ;-) A bit off topic for this video, but since you share so many great and helpful videos I thought you might be able to help🌱 I want to create a Squarespace website with two languages manually (where you choose language from the landing page). Do you have a link / know of a guide to the best way to do this in 2023? I don't want to use Weglot - to keep my expenses down in the beginning (free version only allows up to 2,000 words). Thanks a lot in advance;-)

[@PaigeBrunton]

Ah great question! I think that Brad Good has a step by step tutorial on this one - www.bradgood.net/articles/multi-language-content-on-any-squarespace-template It requires some code confidence but I know some people who've used it & found it helpful!

[@Iz-SixtyandBeyond]

I have a quick question - why does my template not have the same options as the one you are showing. I have tried various templates and they all show the following on the left hand side. - Website, Selling, Marketing, Contacts, Analytics, Acuity Scheduling. I do not have Pages... all the stuff that you hava on the left hand side. This is my first time doing this and I am not sure if I am doing something wrong.

[@mindful47]

This was great. Did you mention about how we can let people download our lead magnet e.g. a journal and then provide us with their emails?

[@PaigeBrunton]

Fabulous question! You'll want an email marketing software for that one - which you can then connect with your website. Check out this video where I walk through setting up convertkit (my fave!) kzbin.info/www/bejne/qJC7mGmap7p9ipY

[@DawnaJones_Evolution]

Is this for SS ver7?

[@LiyaaHuang]

Hey there! Thank you for this amazing walkthrough. I'm editing my website as I watch your video, and I noticed immediately that my navigation doesn't look the same as yours. For instance, my Site Styles page doesn't have the font pack UI. Is it because my website template is on Squarespace 7.0?

[@PaigeBrunton]

Awww thank you Liya! If you're on Squarespace 7.0 it'll be because of that yes! I have a tutorial for that here in case it's useful! kzbin.info/www/bejne/eXqnhYuwf6t6d6s

[@RobinRHodges]

why does it say demo with a flower in squarespace when I add the & in my header?

[@cindydemanche3839]

I have a website with Squarespace, cannot figure how to get in it to add things and remove things

[@adarnoult]

I have the new edit column that begins with "website." And in edit mode, it doesn't look the same as it does when public. Why is that? I love your tutorials. You are so clear and helpful and inspiring!

[@PaigeBrunton]

Awwee thank you kindly for taking the time to say! Yep - the Squarespace menu has changed - top tip for you - hit forward slash and then you can search any menu item by typing it into the search bar. Oh & why your site doesn't look the same in edit mode - is it something in particular? It may be that it's a case of screen dimensions (Squarespace is responsive so it'll look slightly different on different screens). If not, try asking Squarespace support - they're the loveliest & should be able to tell you for your specific case!

[@SusanneGeert]

What is the premium blocks you mention while talking about choosing a plan? Thanks in advance ;-)

[@PaigeBrunton]

Fabulous question! If you look as you're building your site you'll see the features that are premium labelled as so, so you can avoid them if you plan not to choose the Business plan! Good luck!

[@DavidHuisman-dc1nw]

I do not have the "Design" mene. It seems they have removed it from the menu.

[@matrixscape6430]

Hi Great tutorials! Can I use custom css when I sell my templates?

[@PaigeBrunton]

You could, but I probably wouldn't recommend it. People most often buy templates because they're afraid of the tech and if you say the word code, they might just faint and/or not buy for fear of CSS.

[@doglifehub]

Thanks for this, but I noticed that when you edited text in mobile view (centered it erc), it did change on desktop. Is there any way to change text just on mobile view?

[@PaigeBrunton]

Thanks for your sweet words - and great question! You can edit the size of your text block and it's location on mobile - but if you want your text to *be* different (eg a different color, different words, different fonts on mobile as opposed to desktop, you'd have to use a spot of CSS for that! Hope that helps & thanks for following along!

[@Zarzy397]

All those fonts and the one I chose didn’t match up with the logo I’d designed on Canva 😭 I made the logo 6 months before starting the website

[@sheric12311]

So I tried making a site today and I already have a Square account because I use their reader and I'm having a hard time making a site I can't add anything

[@charliedcho]

my design tab is gone in 7.1

[@nathanm2891]

You don’t seem to follow any of the layout rules. Your heading should follow the page flow. The headers have hierarchy, they aren’t just about size. It looks like you can write custom code on the page, how well does that work?

[@mabdallah5294]

Hi Thanks for this useful video I have 2 questions regarding SS. My daughter started her baking blog few months ago. It was working well for the first month and started to show ads from adsense, but suddenly, at the end of May, they put a limit on the ads due to invalid traffic, and we still have the same problem although I tried some solution based on some videos? The other problem is adding ads.txt file on the root of the website. I followed some videos and tutorials I found but still " not found" and recently they send that " our revenue at risk"? Is it right that there is no option on SS to have ads.txt on thd root, and SS is not the right option platform for Adsense? Plz help Thanks in advance

[@PaigeBrunton]

Awe how lovely, well done to her starting the baking blog! Hmm I can’t say I know off the top of my head the solution, but I do know Squarespace works just perfectly with Adsense. I’d reach out to Squarespace live chat, their support teams are fabulous and should be able to lend a hand!

[@mabdallah5294]

@@PaigeBrunton Thanks a lot for your reply I really appreciate it Her blog is "Nour Bakes Desserts" Plz take a look and enjoy her yummy recipes 😋

[@basilharewood4284]

Do you why don't i see all the tabs on the left like you do? Pages, Design, Commerce etc. It just starts at website then selling and so on

[@PaigeBrunton]

Fabulous question!! Soooo Squarespace have rejigged their menu - I *think* it's more logical but it defs means some things are harder to find - so quick tip for ya! Hit the / button to search the menu item you're looking for & you'll go straight to it without having to click through all the menu levels! SUCH a great timesaver!!

[@giotavorgia]

A friend has given me a contributor invitation to try out a platform for free over a 6-month period. I would like to know if it's possible to personalize my account before I start using it. In your video, the AI was very helpful in the beginning, so I'm hoping to receive similar support. The link I have to access the platform didn't ask me any questions to personalize it. I would appreciate your answer!

[@bennieamsing]

which screen recording do you use?

[@PaigeBrunton]

Quicktime on my mac! Find it gives a much crisper quality than loom (I then record myself using the inbuilt camera on my mac & my editor works their magic to pop my face over the screen recording!)

[@michellebarclay767]

Is there a way to make an edit and have it edit on every page site wide? Mine is a block that has two buttons within it. It's a coin information site so I have hundreds of pages to do this to!

[@PaigeBrunton]

Fabulous question! You can do this in your header or footer... orrr my fave hack is to add a summary block & then I can auto-update that everywhere - here's a blogpost that should help! www.paigebrunton.com/blog/squarespace-summary-block-hack-edit-multiple-blog-posts

[@michellebarclay767]

Thank you SO much! @@PaigeBrunton

[@TheRm65]

This is helpful (thanks), but the larger question is whether website building is going to be done by A.I. in the very near future. I'm not at all certain that it's worthwhile to learn Squarespace, WordPress, or any other builder.

[@poppingjaz]

Squarespace and Wix and others came out when? 2006? People thought it would kill designer-developer jobs. All it did was create demand for SS and Wix designers as well as Wordpress. How will it be much different? A client can grab a Wordpress template and have it up and ready in 2 minutes. Same with Squarespace or Wix but instead they look for someone who knows what they're doing.

[@TheRm65]

@@poppingjaz Good point, at least for the near future.

[@PaigeBrunton]

@poppingjaz Nailed it!!! Not every person needing a website is the same. AI-made-sites will be a segment of the industry, but just a segment for a certain person.

[@poppingjaz]

@@PaigeBrunton pretty much. There will be some DIY for small businesses on a budget but a majority will look for someone who works in this space. I can easily change my oil at home but I'd rather someone do it because I have the money to afford an oil change. Same with many businesses. My friend runs a landscaping business - his jobs start at 3K up to 15K. When he gets home he's worn out. He doesn't want to create his own site no matter how easy it is. He can afford to pay someone to do it and keep it up for him.

[@PaigeBrunton]

@@poppingjaz legit had the exact same experience as your landscaping friend! A good friend is a dentist, he hired a designer for $10k to build a (honestly, fairly basic) website it for him. I asked if he had considered DIY'ing it or getting his receptionist to do it as it was a fairly simple site and he said "no way, we both don't have time for that and we want it done well." THOSE are the clients that no matter how good the tech gets, they don't care and just want a great website done well, tailored to their business by a professional. Not to mention another mastermind friend whose business does $1M/year. She has a massive site with so much blog content, sales pages, funnels, etc. but the site was super outdated and on a platform she no longer loved. That's a web designer job right there! Web design is so much more than just building the website, it's educating the client, managing the project, advising on content, copy & sales strategy, etc.

[@obryobry]

So frustrating, Most of this tutorial only applies to SS 7.1, I'm on 7.0 and the 'paintbrush icon' doesn't appear anywhere!

[@obryobry]

That's why I'm upgrading to 7.1 now

[@obryobry]

BTW, I think you're brilliant!!!!

[@edgardoguevara3968]

I bought a Squarespace domain that means that I can make a website for free?

[@PaigeBrunton]

Ahhh fabulous question! Sadly not - you can usually get a domain for free for one year when you sign up for an annual plan, but it doesn't work the other way. I have an affiliate code PAIGE10 that you can use for 10% off if that helps!

[@ef2b]

@@PaigeBrunton When you renew your subscription after a year, has Squarespace been giving another year of domain registration free or do you start paying for the domain at that point?

[@mbiret]

@PaigeBrunton thank you for your informative video. I bought a squarespace annual subscription and domain. Trying to polish my website. How do I list more services on my page as the default only has 4. I am using the template for services

[@go2wardlove]

Why is it so important to you to have a massive circle of yourself superimposed over the video? I am over 50 and I find it very distracting when trying to stay focused on the information on the screen.