You really don’t need a Linktree as your ONE link you get with your Instagram account. I will teach you in this tutorial how to make a link in bio on your Squarespace website. Don’t worry friends, it is SUPER easy!
(And by super easy I mean all you need to do is add some buttons + delete the header and footer on that Instagram links Squarespace website page and voilà! A custom Linktree!)
First of all why use Squarespace instead of Linktr.ee?
It helps with SEO
You can analyze who is coming from Instagram to your website
It is customizable to your brand
Only 1 platform to manage all your site traffic
Steps to create a custom “Link in bio” on Squarespace:
Design the page by adding buttons with where you want to direct people from your Instagram
Save the new page
On the left hand side click Design >> Custom CSS
Add the custom CSS below under “CODES USED” (you can find your collection number by downloading the “Squarespace Collection/ Block Identifier” plugin to Chrome
Add the new link to your Instagram profile
CODES USED under advanced of page settings on that particular page:
collection-ID NUMBER {header, footer { display: none !important; }}
hi there, this doesn’t actually hide the top nav and menu on mobile though, which is where most people will be navigating to this page from. any help on that?
Hello Dara! Are you using a Squarespace 7.0 or 7.1 website? This code was created for a 7.0 site (Brine template) so if you are using 7.1 it may not work.
[…] HOW TO DO LINKTREE ON SQUARESPACE […]
hi there, this doesn’t actually hide the top nav and menu on mobile though, which is where most people will be navigating to this page from. any help on that?
Hello Dara! Are you using a Squarespace 7.0 or 7.1 website? This code was created for a 7.0 site (Brine template) so if you are using 7.1 it may not work.
I am seeing it still working on the site in which I implemented it (https://www.cambryawrites.com/instagram)
Bekah