<aside> <img src="/icons/stairs_pink.svg" alt="/icons/stairs_pink.svg" width="40px" /> SUPPORT & HELP

[email protected]

</aside>

<aside> <img src="/icons/rainbow_pink.svg" alt="/icons/rainbow_pink.svg" width="40px" /> **TIPS

Got Branding?** ⟶ If not, do this first ⟶ Like lil symbols? Hold down CTRL+ CMD + Space and scroll! ⟶ My fav place for things to jazz up websites is Creative Market

New to SquarespaceMigrating? Things to considerBrand new? Watch some videos ⟶ For free customisation answers from SQS devs, I love the forum

Squarespace Fluid Engine vs ClassicAn outline of the differences

Handy Stuff**Recommended apps & tools** ⟶ **My Flodesk Email Template

Customisations + ~The Designer Touch~** ⟶ Book time with me

Earn your template investment back ♡‘Made by Pearler’ affiliate link

</aside>

https://vimeo.com/727994311

꩜ Timestamps

0:00 ⏤ ✿

ADD YOUR BRANDING

The basics of swapping in your fonts, colours, logo and some quick but important CSS notes.

10:29⏤ ✿

STYLE GUIDE PAGE

Your template comes with a style guide, which makes it easy to see your elements at a glance.

13:01 ⏤ ✿

CREATING NEW PAGES

Your template page is what you’ll duplicate to make all extra pages on your site. Watch how to use it.

16:28 ⏤ ✿

LINKS & NAV

Your template utilises HTML anchor links to navigate to different parts of the page from the menu.

21:56 ⏤ ✿

THE FOOTER

A quickie to understand the different elements inside your footer, including the newsletter widget.

24:07 ⏤ ✿

CONFIGURING FORMS

A simple but important fix that all Squarespace sites need - making sure your emails go somewhere!

25:58 ⏤ ✿

ABOUT PAGE

Your about page utilises a cool Portfolio layout Squarespace has. It’s pretty straightforward, promise.

29:07 ⏤ ✿

BLOG PAGE

Your blog page has standard functionality, no surprises. Utilise some post templates I’ve made.

30:37 ⏤ ✿

VERTICAL TEXT

Your sidetext feature is easy to update, but it’s hiding in the Code Injections area…

33:25 ⏤ ✿

PAGE SECTIONS: WELCOME

A fancy, coded section for your homepage only, here’s how to understand it a little better.

35:04 ⏤ ✿

PAGE SECTIONS: ANIMATED TEXT

A quick instructional on updating the content in the animated text code block section.

35:36 ⏤ ✿

PAGE SECTIONS: GALLERY

You probably don’t even need a how-to for this, but here it is just in case!

39:01 ⏤ ✿

PAGE SECTIONS: CALENDAR

If you’re offering classes or 1:1 appointments, then you’ll probably want to utilise Acuity 🔗 → or Calendly 🔗 →

40:07 ⏤ ✿

PAGE SECTIONS: VIDEO FEATURE

Full width video features are super appealing and exciting to your visitors, they also happen to be easy to set up. Phew!

44:04 ⏤ ✿

PAGE SECTIONS: FAQS

On first glance it looks complicated using Markdown Blocks, but this is Squarespace! Everything is achievable.

Thank you sooooo much for watching this whopper tutorial!

⏤ ⓀⒶⓉⒾⒺ

https://media2.giphy.com/media/TlK63EXvLD0en57UJDa/giphy.gif?cid=7941fdc6wpwdrpzzoluti25wl31xvmi7vg9qxqtbit4qr5ni&ep=v1_gifs_search&rid=giphy.gif&ct=g