How to add a clickable phone number link in Squarespace

Have you ever wondered how to make a phone number on your Squarespace website clickable so that people can call you directly when opening your website on their phone?

How to add a clickable phone number link in Squarespace |MNFL Design

In this blog post I am going to show you how to add a link to a phone number on Squarespace so that this phone number can be called directly when the website is opened on a mobile device.

Text link

The first option is to just use a text link and using the standard hyperlink and instead of linking it to a URL or your own content, you will link it to the visitors mobile device to dial a phone number.

  • you just type in the desired phone number anywhere as a text on your website

  • now you click on the link icon of the text box

  • as the external URL link you type in: tel:yourphonenumber all in one word including the country code. So it would look something like this: tel:0049123456789

  • you click add link and save and the phone number will just look like a link on your website

2.How to add a clickable phone number link in Squarespace | MNFL Design
3.How to add a clickable phone number link in Squarespace | MNFL Design
4.How to add a clickable phone number link in Squarespace | MNFL Design

Button link to phone number

You can also apply the same principle to a button. Just add a button to your website by using the button block. And as the external link you put in tel:yourphonenumber without any spaces.

5.How to add a clickable phone number link in Squarespace | MNFL Design
6.How to add a clickable phone number link in Squarespace |MNFL Design
7. How to add a clickable phone number link in Squarespace |MNFL Design
 
11. How to add a clickable phone number link in Squarespace |MNFL Design
 

Navigation link to a phone number

The same applies to either your main navigation or your footer navigation.

You can just add a link to your navigation and that can be used to call you directly when your visitor opens the website on their phone.

click on to pages

add a new page link

type in your new navigation title, for example CALL ME

now just add your your phone number with the 'tel:' in front of it (without any spaces)

click save and you are done

8. How to add a clickable phone number link in Squarespace | MNFL Design
9. How to add a clickable phone number link in Squarespace | MNFL Design
10. How to add a clickable phone number link in Squarespace | MNFL Design

Here is also a video tutorial on how to make a phone number clickable:


Join the community

Newsletter blog post optin in image emilia

This is me writing blog posts every week

If you enjoyed what you read just now and would like to get more tips and tricks about branding, website design, business and Squarespace straight to your inbox - sign up for my weekly Newsletter and I promise you will find help and support!

Nobody needs to be alone when starting and running a small business!

I won't send you spam and you can unsubscribe at any time. Powered by ConvertKit

These posts might also helpful: