Callout linking to email instead of a page on the site

Hi There,
I am using a callout on one of my sites, and I’d like the button to link to the users default email software. Is there a way to enter an email link in the page link field?

I tried the following:

<A HREF="mailto:test@example.com?subject=testing out mailto">First Example</A>

as well as variations of that link.

Is there a way to do this?

Thanks for your help.

Regards,
Nancy

Hello @NLeVasseur,

Thanks for writing in! The link format you’re using should work, but the only thing I see that might be creating an issue is that your spaces are not “escaped,” which is necessary when setting up a mailto link. Try replacing any space with %20 and you should find that things function as they are supposed to. There are other characters that sometimes need to be escaped as well, such as ampersands, quotations, et cetera. You will need to ensure you have any of these properly output when setting up your subject query string.

If you are still experiencing issues after trying the method mentioned above, please provide us with a link to a live example so that we may see what is going on and if there is anything further you need to fix the problem.

Cheers!

Thanks so much Kory. I feel like I’m almost there but not quite.

I’ve tried this:

<a%20href="mailto:alyssa@saintjameslancaster.org?subject=Website%20Request">email%20Alyssa%20Pasternak%20Post</a>

And I’ve also gone to this site: https://www.url-encode-decode.com/
and have asked it to encode the URL. It ended up looking like this:

%3Ca+href%3D%22mailto%3Aalyssa%40saintjameslancaster.org%3Fsubject%3DWebsite+Request%22%3Eemail+Alyssa+Pasternak+Post%3C%2Fa%3E

Neither of them seem to work. I’ll send you what you need next.

Thanks so much.

Hi Nancy,

This lines is actually your issue:

<A HREF="mailto:test@example.com?subject=testing out mailto">First Example</A>
<a%20href="mailto:alyssa@saintjameslancaster.org?subject=Website%20Request">email%20Alyssa%20Pasternak%20Post</a>

The HREF field is only asking for the actual link (not the entire anchor <a> tag), the actual link is:
mailto:test@example.com?subject=testing out mailto

Hope it helps,
Cheers!

Perfect! Thank you so much.

I thought that might be the issue, but wasn’t sure what to include and what to leave out.

Thanks so much for this. It adds an additional option for buttons!!!

Woo Hoo!

Thanks again and enjoy the rest of your day.

Regards,
Nancy

You’re most welcome, Nancy.