How to edit a Squarespace website for beginners (2024)

This video covers the basic fundamentals of editing a Squarespace website in 2024, using the new 7.1 fluid engine. Starting with an overview of the Squarespace dashboard, I explain how to to access and manage different areas of your website. Next I go over section settings including how to add a section, move a section, save a section, and how to add a background to a section. I also explain a bit about color themes, but I go into more detail on that in my previous video (here). Next up I talk about block settings, including:

- how to pin a block
- how to add a background to a text block
- how to show the grid during edit mode
- how to change the color of text
- how to change the font size

I also discuss how I use the three different button types in Squarespace (primary, secondary, and tertiary), the differences between fit and fill for buttons, as well as how to adjust the size of buttons. And then at the end I go into how to update your site header and footer, how to add a button to your header, and how to choose a premade footer template.

This video is basically a Squarespace masterclass aimed at beginners just getting started in creating a Squarespace website. But I’ve also included new features recently added for 2024, including pinning blocks and saving sections to use on different pages throughout your website (for example if you want to reuse the same newsletter block throughout your website) so even if you’re familiar with Squarespace you might learn some new tips and tricks.

Links mentioned in the video:

if you'd rather have an expert work on your website feel free to contact me 😎

✿✿✿

WHERE TO FIND ME

spoonflower shop (where I sell my patterns):

✿✿✿

FILMING GEAR

✿✿✿

✿✿✿

Chapters
00:00 overview of squarespace dashboard
02:33 how to extend your trial (bonus tip)
03:32 version 7.1 vs 7.0
04:40 editing section settings
09:17 assigning a color theme to a section
10:57 "special" collection sections
13:00 saving sections
13:42 block settings
14:18 image blocks
16:16 pinning blocks - new feature
18:00 text settings
22:59 button settings
26:47 header and footer
29:45 what's next

✿✿✿

All opinions are my own. Some links listed are affiliate links which means I earn a small commission if anyone decides to purchase through them. Thank you so much for your support!
#webdesign #squarespacetutorial #squarespace

[mahiaggarwal]

It's rare to find videos like this on YouTube. Thank you! ❤❤

[JohnMerwinCortez]

Currently learning how to use Squarespace and stumbled upon this video.

Thank you so much, Jen! This is very helpful.

[artbyryanm]

First of all. The colors are POPPIN and I'm gonna need you to show us how to color grade like that. Second, thanks for actually jumping straight into the tutorial. Will be coming back to this whenever I get back to a squarespace site. Lastly, the editing is 👌🏼

[richardottley]

Thanks so much for this very detailed Squarespace tutorial.. 😇

[petersoakell]

A1 . Thanks for the knowledge. Will have to watch multiple times. )

[randomyogi]

Such a great detailed video, thank you!

[ValleyVagrant]

Just over here helping people out good stuff!

[rupertllavore]

Thanks! i'll be using the extend free trial for sure!

[HH-zbul]

Which is better develop my wevlbsite using Squarespace or using web design and developing languages ?

[notimeforcode]

what do you think of Webflow instead Squarespace?

[salauddin]

is section feature like adding sections avaialble Squarespace 7.0?

[issamouweb]

Can you tell me the type of your Mac and how much it costs you ?

[McCloud]

I wish you can do a video on version 7.0 to 7.1, I'm scare of touching developer mode and losing stuff even though is backed up on Github, help lol.

[dellysworld]

i dont understand the trail thing like how do i get this done without using a template that will ultimately expire its so frustrating.