How to add a link to an email address in Squarespace

The other day I got a great question which I want to answer in today's blog post.

“How can I make my email address a link so that my website visitors can click on it and directly send me an email?” Basically how to add a link to an email address.

How to add a link to your email address in Squarespace | MNFL Design | Emilia Ohrtmann

In this example I am going to show you how to add a link to my email address on my contact page.

So when someone clicks on my email their email program will automatically open up with my email added as the receiver of this email.

How to add a link to an email address in Squarespace | MNFL Design
How to add a link to an email address in Squarespace | MNFL Design

Text link

The first option is to use the normal hyperlink option.

In order to achieve that you just type in your email address anywhere on your page by using the text block, now you mark it and click on the link icon in the text box.

How to add a link to an email address in Squarespace | MNLF Design

Instead of adding a website address, you simply type in mailto:youremail address under the external section - so in my case mailto:emilia@mnfl-design.com - without any spaces. Click apply and save and you are already done.

Adding link to email address in Squarespace | MNFL Design


You can even try this here within the blog post, when you now click on the link above, an email to me will automatically open up.

Button link to email address

You can 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 mailto: your mail address.


How to add a link to an email address in Squarespace | MNFL Design
How to add a link to an email address in Squarespace | MNFL Design

Just click apply and save and you are done.

Navigation link to an email address

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

You can just add a link to your navigation and that can go anywhere.

  • click on to pages

  • add a new page link

  • type in your new navigation title, for example Email me

  • now just add your email address with the 'mailto:' in front of it (without any spaces)

  • click save and you are done

How to add a link to an email address in Squarespace |MNFL Design
How to add a link to an email address in Squarespace | MNFL Design
How to add a link to an email address in Squarespace | MNFL Design

Here is also a video tutorial on how to make an email address clickable on Squarespace



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 interest you: