How to add anchor links to your Squarespace Website

To add anchor links to your Squarespace website, you can follow these steps:

  1. Log in to your Squarespace account and navigate to the website editor.

  2. Open the page where you want to add the anchor links or create a new page.

  3. Decide on the content or sections you want to link to using anchor links. For example, you may want to link to different sections within a long page, or you may want to create a navigation menu that jumps to different parts of the page.

  4. Add unique IDs to the sections you want to link to:

    • Select the block or section of content where you want to create the anchor link.

    • Click the gear icon that appears when you hover over the block.

    • In the Pop Up Window, scroll down to "Code".

    • Enter a unique ID in the "HTML element ID" field. For example add: <p id="section1"></p>. Make sure it's a lowercase, one-word ID with no spaces or special characters.

  5. Create the actual anchor links:

    • Place your cursor or select the text where you want to add the link.

    • Click the link icon in the formatting toolbar (looks like a chain link).

    • In the dialog box, select the "Page" option.

    • From the drop-down menu, select the page where the anchor is located.

    • Append a "#" followed by the ID you assigned in Step 4 to the end of the URL. For example, if your ID is "section1", the URL should look like "yourpage.com#section1".

    • Click "Apply" or "Save" to save the anchor link.

  6. Test the anchor links:

    • Save your changes and preview your website.

    • Click the anchor links you've created to make sure they scroll to the intended sections.

Note: The steps may vary slightly depending on the version of Squarespace you're using, but the general concept remains the same. Make sure to refer to Squarespace's documentation or support resources if you encounter any difficulties specific to your website's version.

In short:

  • Click “Add Block” where you want your anchor link to jump to and choose “Code” in the Pop Up Window.

  • A Pop Up will show the window below. Add: <p id="section1"></p>

  • Insert the anchor link at the place you want to link from by adding the section ID you chose after the hashtag, for example: Domain.com#section1

Previous
Previous

Case Study: Web Design and Branding for a Real Estate Investment Firm

Next
Next

How to effectively export Images from Figma for your Website