Adding clickable email link to pages

[HIE]

THere seems to be no way to add a clickable email link in your pages.

We do not want a form inserted but are after an ability for the customer to click on an amil and it opens within their own email program. Have done this on other sites, but cannot see it on SHopify. Help please!

[Richard_]

Hi,

Just simple, you can refer the code below

<a href="mailto:yourmail@domain.com">Send me an email</a>

I hope this help.

[Max0405]

good

[helenlock]

i tried to insert the code in my Shipping page. But doesn't seem to work... 😞

it shows the code with my email on the website. heh!

[MsJ08]

I tried this as well and had the same experience.  Any additional instructions would be helpful.

[Ninthony]

You guys are probably putting it in the WYSIWYG editor -- You have to toggle to the html mode with the button in the top right of the text area:

Then add the code in there and it should be a link when you preview the page.

[miket1527]

you have to go into the coding i found out. i placed mine in my header and its now clickable

[adamhartnell1]

Its a lot simpler than all this, you dont need to edit code.

You click into online store > pages.

Click on the page you want to edit, and add in your email address wherever you'd like it. Highlight the email address and click on the link button. In the 'link to' section, you add in mailto:[input your email address]. An example is below.  

[miaotte1]

I tried all the suggested solutions and none work. I click the link and nothing happens. I can see in the bottom left of the browser window that the browser sees the "mailto:" link but when I click it, nada.

[adamhartnell1]

Sorry then, that works for me every time 

[toyzrlove]

I tried the way this person mentioned and it definitely works! just remember to remove the brackets and have them open the link to a new tab and voila! Customers should be able to email you directly. 🙂 Thanks so much for this helpful tip! 

[DaveG]

I had the same problem. It turned out to be my Chrome browser settings. Try this. If your not using Chrome try looking up instructions for your browser to do this.

How to set the mailto: protocol to Gmail

1. Open up Google Chrome.
2. Open Gmail in one of the tabs.
3. Look at the right side of the address bar for the Protocol Handler icon. They look like 2 intersecting diamonds.

Protocol handler in the Chrome address bar

1. Click the handler icon.

You should get a small dialog box that asks you to Allow mail.google.com to open all email links?

1. Choose the Allow radio button.
2. Click Done.
3. Test to make sure an email link works. You can use this link.

https://www.timeatlas.com/email-links-chrome-gmail/

[TheZenArtist]

Awesome!

[dimaond]

Once you click...

Find text i.e. "mail to", "support" using ctrl + F. It could look like this: 

To start a return, you can contact us at <a href="mailto:support@shopify.com">support@sshopify.com</a> . If your return is accepted, we’ll send you a return shipping label

If not add it being mindful of code structure.

[avibull]

Use the following standard URL link code for Shopify Liquid coding language:

{{ 'Shopify' | link_to: 'https://www.shopify.com','A link to Shopify' }}

Instead of the https://... put mailto:email_address and change the other parts as required.

[OB2]

Legend that worked!!

[CrownTropic]

Beautiful, thank you Adam!

[GatienC]

Hi there,

What if the page is the password page landing page for people to sign up to a waiting list? How would you add the mailto link then?