Add Links to Your Squarespace Site Navigation Step by Step

Learn to enhance user navigation on your Squarespace site by adding effective links for optimal visitor engagement.

TL;DR:

  • Use the Pages panel to add links to external sites, emails, phone numbers, or files
  • To link to a page on your own Squarespace site, directly add the page to your navigation
  • Configure links to open in a new tab for external content to enhance user experience
  • Remove links easily using the trash icon in the Pages panel

To add various links to your site's navigation, you'll work through the Pages panel. Whether you're directing visitors to external content or other areas of your site, the process is straightforward.

  1. Open the Pages panel in your Squarespace dashboard
  2. Click the '+' icon next to the appropriate navigation section
  3. Choose 'Link' from the menu and enter the details:
    • Link Title: Name of the link as you want it to appear in the navigation
    • URL: Provide the URL for external links or select from the drop-down for emails, phone numbers, or files
  4. For a dropdown link, drag the newly created link into a dropdown list or add it under an existing dropdown

Pixelhaze Tip: Keep your link titles clear and descriptive so visitors know what to expect when they click.
💡

Navigational links can vary from linking to a webpage to linking files like PDFs. Here's how to use each type effectively.

External Web Addresses

For linking to external websites:

  1. Add the link in the Pages panel
  2. Choose 'URL' from the menu and enter the website's URL
  3. Enable 'Open link in new tab' to ensure users don't navigate away from your site

To link directly to pages on your site, simply add the pages through the Pages panel. This will auto-create a navigational link without requiring additional steps.

  • Email: Choose 'Email' in the menu, enter the address and pre-fill subject and body text if desired
  • Phone: Select 'Phone', input the number with the correct format, and decide whether it should prompt a call or text message when clicked

Linking Files

For downloadable content like PDFs:

  1. Choose 'File' in the drop-down
  2. Upload or select a pre-uploaded file
  3. Decide if you want it to open in a new tab

Pixelhaze Tip: Use file links to share important resources like menus, informational brochures, or audio files directly through your site navigation.
💡

FAQs

How simple is it to add external links to navigation?
Very simple. The Pages panel guides you with an intuitive interface, making the addition of external links straightforward.

Is it possible to link directly to a specific page within my site?
Yes, adding a page to your site's navigation through the Pages panel automatically links it in the navigation menu.

Can I easily remove a link if needed?
Yes, just hover over the link in the Pages panel and click the trash can icon to delete it.

Jargon Buster

  • Anchor Links: Hyperlinks that bring you directly to a section on the same page
  • Navigation Panel: The tool in Squarespace where you organize and manage your site's navigation links
  • Dropdown Menu: A sub-menu that appears under a main navigation link, used to organize related links

Wrap-up

Adding various links to your Squarespace site's navigation improves your visitors' experience and ensures they find what they need without hassle. Whether pointing them to external resources, downloadable files, or other pages within your site, each link serves a purpose. With the easy-to-use Pages panel, managing these links is as simple as a few clicks, making your website both more navigable and more functional.

Ready to take your Squarespace skills to the next level? Join Pixelhaze Academy for comprehensive tutorials and expert guidance.

Related Posts

Table of Contents