Do It Yourself – Tutorials – How to create a single page website in Squarespace // Squarespace Tutorial

by | Sep 8, 2021 | 0 comments

Do It Yourself – Tutorials – How to create a single page website in Squarespace // Squarespace Tutorial

by | Sep 8, 2021 | Do It Yourself - Build Your Own Website | 0 comments

Do It Yourself – Website Tutorials



In this tutorial, you’ll learn how to turn any Squarespace template into a single page site. This will be one page with all of your content, and links in your main navigation that will direct people to different sections of the page. A few things to note before we get started:

💻 You can do this in any version of Squarespace. I am using version 7.1 in this tutorial; here is a link to the exact same template I am starting with: https://www.squarespace.com/templates/manor-demo

📄 If you already have a Squarespace site and want to create this one page site instead, drag all the pages from your main navigation to the not linked section of your site, and set them to hidden. Here is a tiny tutorial on how to do that: https://insidethesquare.co/tiny/hide-page

🎞️ You can learn more about fonts and color settings in 7.1 in my free training playlist on YouTube, available here: https://www.youtube.com/playlist?list=PLvVYrLE5_eduSBd4YARH4_l1kuh-QkIH3

🎉 There is more than one way to do this because Squarespace is super customizable! This is my favorite approach to creating this type of site for my clients.

Ready to rock? Here is what I’ll walk you through step by super simple step:

1 – From your main page, select edit on the top left hand side to enter edit mode
2 – Add sections of content to the page
3 – Change the section padding & alignment
4 – Label each section with a div id at the very top
5 – Add and update section content
6 – Create links in your main navigation for each section
7 – Change your colors and fonts
8 – Check out the mobile version of your site
9 – Add your SEO settings (optional)
10 – Add a social share image (optional)
11 – Update your domain (optional)
12 – Add a favicon (optional)
13 – Sign up for a yearly subscription using the code PARTNER10 through my affiliate link. You’ll save 10% and I’ll get a small commission from Squarespace for sending you their way! https://insidethesquare.co/partner10
14 – Pat yourself on the back because you just made your single page website!


🙋 Need some help? Visit ​https://insidethesquare.co/code-help​ to see my current support options.

The term “Squarespace” is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform and wanted to share this technique with others ♥

#squarespace #squarespacetricks #squarespacehacks #squarespacetips #squarespacetutorial #squaresapcesite #squarespacedesign #learnsquarespace

source

0 Comments

Submit a Comment

What Our Clients Are Saying

North Burnaby Boxing Club

Thanks so much for all the great work you have done in developing our website Leland!

Manny, North Burnaby Boxing Club

Dieno Digital Marketing Services
5
2018-04-27T01:06:02+00:00

Manny, North Burnaby Boxing Club

Thanks so much for all the great work you have done in developing our website Leland!

JB Consulting

Leland built us a great site at a great price. We can’t say enough about how pleasant it was dealing...

Dave, JB Consulting

Dieno Digital Marketing Services
5
2018-04-27T01:06:57+00:00

Dave, JB Consulting

Leland built us a great site at a great price. We can’t say enough about how pleasant it was dealing with him!

Kelicor Logistics

Leland created my website for my new venture. I found his service to be excellent,was always available to answer my...

Colin, Kelicor Logistics Solutions

Dieno Digital Marketing Services
5
2018-04-27T01:07:34+00:00

Colin, Kelicor Logistics Solutions

Leland created my website for my new venture. I found his service to be excellent,was always available to answer my questions and was always prepared to go the extra mile, in order to ensure my website conveyed it's intended message,, And the cherry on top was it was most affordable. Would definitely recommend. Thanks Leland !

McNeney McNeney Spieker LLP

Dieno Digital has been providing our firm with what we like to call the Royal Package in customer service for...

M, McNeney McNeney Spieker LLP

Dieno Digital Marketing Services
5
2018-04-27T01:08:19+00:00

M, McNeney McNeney Spieker LLP

Dieno Digital has been providing our firm with what we like to call the Royal Package in customer service for over 3 years now. The knowledge and skills Leland brings to the table has increased our business and streamlined our social media platform. Our requests are always dealt with in a timely manner and we are always given options and alternatives to better reach potential new clients. We highly recommend Dieno Digital to increase your life social media presence.
5
4
Dieno Digital Marketing Services
[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-name">First name or full name</label> <input class="tnp-name" type="text" name="nn" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-email">Email</label> <input class="tnp-email" type="email" name="ne" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>