topic Re: Email Links in Experience Builder? in ArcGIS Experience Builder Questions

Email Links in Experience Builder?

Anonymous User — Wed, 05 Aug 2020 15:38:01 GMT

How can I set email links in buttons/text? I try using mailto:somebody@company.com?subject=Hello as a Web Address. When i click on the button/link, nothing happens.

Re: Email Links in Experience Builder?

DavidMartinez — Wed, 05 Aug 2020 21:18:42 GMT

Hi Nikholai,

Currently, the only way to add this is via the embed widget via code. For example, <a href="mailto:somebody@company.com ">Send email</a>. I will log an issue for us to look at how we can support this in other widgets.

Thanks,

David

Re: Email Links in Experience Builder?

MeghanJones — Wed, 14 Apr 2021 21:15:47 GMT

Hi David,

Could you please assist why my mailto code is not working? In Experience Builder, I added the embed widget and in the Content > Embed by > Code window I wrote this:

<ahref="mailto:mjones@ljbinc.com?cc=mbell@ljbinc.com&subject=Amazon%20Fall%20Protection%20Site%20Technical%20Assistance%20Needed&body=Hello%20-%0D%0A%0D%0APlease%20provide%20assistance%20with%3A ">Need Help? Contact us for Technical Support</a>

When saved and published, the embed link does not work. Is there something wrong with my code? Thank you in advance!

Re: Email Links in Experience Builder?

AmyOdom — Wed, 21 Jul 2021 15:13:23 GMT

Is there a way to link the code to the data being used in Experience Builder? For example, I have an attribute field {email} populated by several different groups (data coming from Survey123). I want to create a link/button for interested parties to click to "contact us". When I input the code above, it opens my default email application, but the name obviously is not populated with the email from that attribute. Is this possible?

Re: Email Links in Experience Builder?

JonathanMcDougall — Wed, 21 Jul 2021 15:29:35 GMT

@MeghanJones

Best bet would be to take your html and run it through an HTML code checker or compiler - something like w3 schools - or mailtolink.me

For anyone else looking for the "button" experience, I can't remember if I included this in my response to a similar question a couple of weeks back, giving embed as the solution, simply make a card, shape it, outline it, then put in the embed widget. You can set the on hover for the card too.... so a fake button. Or just create an html button with the email code too.

Re: Email Links in Experience Builder?

AmyOdom — Wed, 21 Jul 2021 15:33:46 GMT

Is it possible include an attribute field in the code that would fill in the email address dynamically? I have a case where multiple users will be inputting their contact information (email) into a survey123 and that data is the field I want to include in the email code for the “fake button”. Thanks for any assistance you can provide.

Re: Email Links in Experience Builder?

David_Brooks — Wed, 02 Mar 2022 15:52:37 GMT

@DavidMartinez , I'm just starting with custom embed code, and am struggling to work out how to get a mailto embed to work within a Card (which im using in absence of this functionality on a button).

So if I drop the embed code widget into the Card container, with the following code:

...how do i get this code to run when I click on the Card? or is this not possible?

@JonathanMcDougall i think this question is also for you, as im following your advice above.

@Jianxia is this something you might be able to help with?

Re: Email Links in Experience Builder?

SallyCox1 — Wed, 15 Jun 2022 01:00:23 GMT

I discovered the fix purely by accident. If you type the email address in a Word document and hit return, Word automatically hyperlinks the address with the "mailto" link. Copy that linked email and paste it directly into your Experience content and it retains the mailto link.

Re: Email Links in Experience Builder?

Anonymous User — Wed, 07 Sep 2022 20:10:38 GMT

I have a related question @DavidMartinez which at this point is more of an html question than ExB BUT how can I modify the color, font, and alignment (from left to center) of the text? I know no html and am having a hard time modifying your code to meet my needs.

Thanks!

Re: Email Links in Experience Builder?

LindaSlattery — Tue, 25 Oct 2022 14:05:42 GMT

Nice find, @SallyCox1 ! It works perfectly! This was something that was giving me grief for some time.

Re: Email Links in Experience Builder?

LindaSlattery — Wed, 26 Oct 2022 18:25:37 GMT

However, if you are trying to link to an email that is an attribute in the feature layer, I cannot get it to work. I have a list in ExB and email is a field that is unique to each data point. Any suggestions on this?

Re: Email Links in Experience Builder?

TonghuiMing — Fri, 11 Nov 2022 10:01:46 GMT

Starting from AGOL 10.3, you can configure mailto and some other URI schemes directly in the 'Set Link > URL' for widgets like Button, Image, etc. See details in:

https://doc.arcgis.com/en/experience-builder/latest/build-apps/add-widgets.htm#ESRI_SECTION1_0F7788FDC39040CC8B969DB036C354AA

Re: Email Links in Experience Builder?

LindaSlattery — Mon, 14 Nov 2022 20:15:56 GMT

@TonghuiMing it still doesn't work correctly. The email tries to open the attribute instead of the email that is actually in the data (see screenshot below). In the URL box, I am typing in mailto:{resource_contact_email2}. Should I be doing something else?

Re: Email Links in Experience Builder?

TonghuiMing — Tue, 15 Nov 2022 04:12:04 GMT

All acceptable syntax for the supported schemes has been documented in the doc link posted above:

I don't think symbol {} is a valid syntax for any standard URI scheme. Besides, in your case, this seems like a dynamic email URL from a data source, while the Set Link > URL workflow in the Button widget (or others) only supports static URLs - Typing '{}' directly does not have the data structure for now so that's expected, unfortunately.

Re: Email Links in Experience Builder?

JRhodes — Tue, 15 Nov 2022 16:59:12 GMT

@LindaSlattery Did you click the button to the left of the URL box? It allows you to select an attribute from the connected data source:

Re: Email Links in Experience Builder?

LindaSlattery — Tue, 15 Nov 2022 17:11:35 GMT

Yes, @JRhodes , but you can't add the mailto: text in front of the attribute

Re: Email Links in Experience Builder?

JRhodes — Tue, 15 Nov 2022 18:43:24 GMT

@LindaSlattery Use the Expression button, then enter

"mailto:" + {your_email_field}

as the expression.

Re: Email Links in Experience Builder?

LindaSlattery — Tue, 15 Nov 2022 18:53:00 GMT

@JRhodes , you are a genius!!! That worked! Thank you so much

Re: Email Links in Experience Builder?

jauhari_mani — Tue, 04 Apr 2023 05:30:19 GMT

@LindaSlattery @JRhodes I want to add attributes in the subject and body of the mail,But i am not able to achieve it.Can you pls explain the steps how we can achieve that?

Re: Email Links in Experience Builder?

CandiceBardsley1 — Thu, 03 Aug 2023 04:38:15 GMT

I'm trying to do the same thing but in portal 10.9.1 - I can't see the options you show in the link provided - is that not an option in this version?

@TonghuiMing