How to create on-page links (aka 'content links') in Squarespace

skip the intro + go straight to the steps

How to create on-page links (aka 'content links') in Squarespace
 

So you have a gorgeous scrolling page on your site.. but you want your reader to be able to quickly navigate to exactly what they are looking for (eh em... aka a fab user experience). 

Creating links to a specific section of a page is not nearly as hard as it might seem.  There are 2 ways (that's we'll talk about here) to make this happen depending on if your page is an index page or 1 single scrolling page (like a blog post or services menu. So first are you linking to ...

an index page section

a section on a single page

(see what I've done here haha)



ON AN INDEX PAGE

This is the simples solution of all.  If you have an index page and would link to link to a specific section of that page, it's super simple.  Like, hold your jaw, it's going to drop.  

  1. The first step it to click on the 'Settings' for that index page.  You can find it by hovering the mouse over the page or by clicking the gear in on the pages panel.
  2. You want to copy the URL slug- for example, it may be /opt-in .  
  3.  On the top of the page (or wherever you want to have a button or link to the page section), add a button block or text block with a link.  
  4. For your new link, in the clickthrough URL box, type in  #your-link .  So for the /opt-in URL slug, we would type in #opt-in 
  5. BOOM.  Save and refresh to test your link.
     


on a single page

There are a few ways to make this happen... but you may need a bit more Squarespace confidence than before.  Don't fret- I've got confidence that you'll make it happen. For this version, you will need to use a code block... but it's not scary, I swear.  

  1. Add a code block to where you want the link to LAND after the reader clicks.  Paste in the following line:
    <p id="slug">text goes here</p>
  2. change slug to something easy like 'section-1' -  Keep this simple- no spaces & no punctuation.  This will be your URL 'slug' to use in the link box.
  3. Put the text you want to appear on the site in the 'text goes here' section.  Save.
  4. On the top of the page (or wherever you want to have a button or link to the page section), add a button block or text block with a link.  
  5. For your new link, in the clickthrough URL box, type in  #your-link .  So for the example above, we would type in #section-1 
  6. BOOM.  Save and refresh to test your link.
     

Hope you found this helpful!  Now link it up and let your readers get to where they want to be.  -XX