How To Make Squarespace Footers: Editing, Hiding, Strategizing, and Staging
About this Squarespace video tutorial
Footers are a valuable way to add SEO and experience value to your site. Watch me use up-to-date web strategies to create an optimized Squarespace footer that does more than just sit there.
Timestamps
0:00 - Intro
0:47 - Togging the Footer
1:19 - Building the Footer
4:43 - Setting the Footer Live
Want 20% off your new Squarespace subscription?
Subscribe to the Designing the Row® email list and get the exclusive code sent straight to your inbox. You’ll get email updates when new Squarespace tutorials are published, but you can unsubscribe at any time.
I’ve recently been taking a different approach to website footers: letting them carry a little bit more information. Today I’ll show you how I’m building footers these days and how to stage it on the backend before you set it live.
This is important because while you’re creating your footer, you don’t want those changes to be live and visible to your site’s visitors.
Toggling the Footer
In your site, click the settings gear over your home page. Go to navigation and you’ll see “show header” and “show footer” toggles. Click show footer to toggle it off.
Building the Footer
Edit mode. What we want to do is build the footer on your page without setting it as a footer. Later we’ll connect it to the footer, but not now.
I’ve created three sections that will make up my footer.
The top section has my logo (and for the footer for most sites I recommend a pared down logo), my location (for SEO purposes), contact info, privacy policy, and hyperlinks to all of my service, resource, and contact pages. I also have some call to action text in this section that reiterates the purpose of my website.
The middle section has some authority building materials. For my site, it has my Squarespace authorized expert/trainer/member badges, but it’s a really nice way to get one last bit of authority at the bottom of the page.
At the very bottom I have some scrolling text with a tagline for my business that goes across the page. It’s one final reminder of what the business is and what it does.
Setting The Footer Live
To set it live, in the new sections you’ve built, when you hover over them in edit mode, you will see a small menu with an outline of a heart. This saves a section. Click the heart, filling it in, to save all of your sections right now.
Exit edit mode.
Go to a live page without the footer hidden, and enter edit mode there. Scroll down to the footer and click into it to edit it, and add section.
Click on saved and all of the saved sections will show up there. Grab all of your pre-built sections and add them all here and delete the old ones. Hit save, and immediately the new footer will propagate across all of your site pages with an active footer.
I’ve been doing this for my own site as well as for a lot of the sites I’ve been designing as of late, so I hope this was helpful if you want to do the same. If you’re interested in hearing about the footer as a strategy, my Weekly Website video about the topic is live and you can find that here!
*Affiliate disclaimer: Some links may be affiliate links at no extra cost to you.
The latest Designing the Row tutorials…
