REALM Tutorials

How-to videos ☻

① Got branding? If not, do this first →
② There’s also tonnes of Squarespace lessons here →
③ Like lil symbols? Hold down CTRL+ CMD + Space and scroll!
④ My fav place for things to jazz up websites is Creative Market →
⑤ and for photos I loveeee Death To Stock →

For customisation answers from Squarespace developers within 24hrs, I love the forum!

  • ¹ Housekeeping & Settings

    0:00 ⏤ ✿

    Including domains, fluid engine, Google Email, 6 month trial period, popups, announcement bar, commerce, browser icons, lock screens, checkout page, 404 page, social sharing images, SEO descriptions.

  • ² Navigation

    19:20 ⏤ ✿

  • ³ Site Styles & Branding

    21:00 ⏤ ✿

    Site styles, logo, fixed button, cart button, social links, Adobe Fonts vs. custom fonts, multi-font headings, colours, colour profiles and how to add your CSS branding variables (hex codes and fonts), page animations, buttons

  • ⁴ 1/3 Video section backgrounds

    35:00 ⏤ ✿

  • ⁵ Inline text and image feature

    38:45 ⏤ ✿

  • ⁶ Repositioning Duplicating Sections & Pages

    44:00 ⏤ ✿

  • ⁷ Image Shapes

    46:00 ⏤ ✿

  • ⁸ Scrolling Text Blocks

    46:30 ⏤ ✿

  • ⁹ Full, GIF style gallery

    47:20 ⏤ ✿

  • ¹⁰ Poster Block Hover Feature

    47:40 ⏤ ✿

  • ¹¹ Sticky Split Sections

    49:40 ⏤ ✿

  • ¹² Testimonials gallery + reviews widget

    52:26 ⏤ ✿

    Featuring an Elfsight widget

  • ¹³ Logo / Simple grid gallery

    54:19 ⏤ ✿

  • ¹⁴ Blog Section / Summary Blocks

    57:10 ⏤ ✿

  • ¹⁵ eCommerce Section

    58:00 ⏤ ✿

  • ¹⁶ Footer

    58:40 ⏤ ✿

    Newsletter block, Flodesk integration, reels feature, Instagram gallery

  • ¹⁷ About Page

    1:04:15 ⏤ ✿

    Portfolio page structure and feature

  • ¹⁸ Image block edges and borders

    1:06:00 ⏤ ✿

    Utilising the stacked block

  • ¹⁹ Blog & Posts

    1:08:26 ⏤ ✿

    Categories, duplicating posts, archive block, layouts, Flodesk form integration

  • ²⁰ The Space / Gallery Page

    1:11:28 ⏤ ✿

    Anchor links, video section, accordions, scrolling galleries, map blocks, FAQs

  • ²¹ Affiliate Shop

    1:16:00 ⏤ ✿

    Alternate galleries, adding links

  • ²² Contact page

    1:18:00 ⏤ ✿

    Typeform integration, form blocks

  • ²³ Bookings page

    1:20:00 ⏤ ✿

    3rd party app integrations including Uplisting and Acuity Scheduling

  • ²⁴ Guides Portfolio Pages

    1:22:00 ⏤ ✿

    Instagram embeds, portfolio setup

  • ²⁵ eCommerce Shop

    1:26:00 ⏤ ✿

    Adding products, duplicating products, product types, product page layout, cart, checkout

  • ²⁶ Instagram Links page

    1:32:00 ⏤ ✿

  • ²⁷ Photoshop social templates

    1:32:40 ⏤ ✿

Thanks so much for watching this whopper tutorial, you rock!

⏤ 𝓚𝔞𝔱 𝔦 𝔢

Stuck?

Watched everything and still hit a wall?

Abracadabra!

Need ideas? Want tips? My designer touch? I'll make some magic happen.