Adding Links on Your Squarespace Site
TL;DR:
- Add links to text, images, navigation menus, and button blocks across your site
- Link to internal pages, external websites, email addresses, phone numbers, and files
- Use anchor links to jump to specific sections within a page
- Phone links can trigger calls or text messages on mobile devices
- Always test your links work properly on different devices
You can add links almost anywhere on your Squarespace site. Text, images, navigation menus, and button blocks all support linking. This flexibility lets you guide visitors exactly where you want them to go.
For Squarespace 7.0 sites, you can also add links through the Actions panel on cover pages. This creates immediate engagement when visitors land on your site.
Link Types and Destinations
Squarespace's link editor gives you several options:
Internal links connect to other pages on your site. You can link to specific blog posts, portfolio items, or pages filtered by tags and categories.
External links point to other websites. When linking externally, consider opening these in a new tab so visitors don't lose your site completely.
Email links automatically create a new email draft with your address filled in. You can pre-populate the subject line and even add default body text.
Phone links work particularly well on mobile devices. Visitors can tap to call or text you directly.
File links let you share downloadable PDFs, documents, or other resources with your audience.
Anchor links jump to specific sections within the same page, perfect for long-form content or FAQ sections.
Setting Up External Links
When linking to another website:
- Select your text or image
- Choose 'URL' in the link editor
- Enter the complete web address (including https://)
- Decide whether to open in the same window or new tab
- Save your changes
Opening external links in new tabs keeps your site accessible in the visitor's browser. However, use this sparingly as it can clutter their browsing experience.
Creating Email Links
Email links save visitors the hassle of copying and pasting your address:
- Select 'Email' in the link editor
- Add your email address
- Include CC or BCC addresses if needed
- Set a default subject line
- Add pre-filled body text if helpful
Consider adding a contact form alongside email links. This protects your email from spam bots while giving visitors multiple ways to reach you.
Adding Phone Links
Phone links work brilliantly on mobile devices:
- Choose 'Phone' in the link selector
- Enter your complete phone number with country code
- Select whether clicking should start a call or open text messaging
- Save your changes
Mobile information bars can make phone contact even easier. These appear at the top of your site on mobile devices and typically include your phone number, email, and address.
Linking to Files
File links let you share downloadable resources:
- Select 'File' in the link editor
- Upload a new file or choose an existing one
- Decide how the file should open (new window, download, etc.)
- Save your changes
Test your file links regularly, especially PDFs. Make sure they open properly on different devices and browsers.
FAQs
Can I link to specific sections within a page?
Yes, use anchor links to jump to particular sections. You'll need to add anchor points to your target sections first.
How do I make phone numbers clickable on mobile?
Use the 'Phone' option in the link editor. Include your country code and choose whether tapping should call or text.
Can I link to downloadable files like PDFs?
Absolutely. Use the 'File' option to upload and link to PDFs, Word documents, or other downloadable resources.
Do external links hurt my SEO?
Not when used appropriately. External links to relevant, high-quality sites can actually help your SEO by providing value to visitors.
Why aren't my links working?
Check that external URLs include 'https://' and that internal links point to published pages. Also verify that any linked files are properly uploaded.
Jargon Buster
Anchor links – Links that jump to specific sections within the same webpage
Mobile information bar – A contact banner that appears on mobile devices with key details like phone and email
URL – The web address of a page or site (like https://www.example.com)
Wrap-up
Good linking improves both user experience and your site's structure. Visitors can find what they need quickly, and search engines better understand how your content connects.
Test your links regularly to catch any broken connections. Pay special attention to file links and external URLs, as these are most likely to break over time.
Ready to take your Squarespace skills further? Join Pixelhaze Academy for in-depth tutorials and expert guidance.