Follow

Text > Email Address

Capturing an Email Address


The Email Address control enables you to capture actionable text that will invoke the mobile device’s native email capabilities. To capture, select “Email Address” from the “Text” menu in Simplify mode.

 

Email_Address_3.png

 

Click on the email address in the web application to capture it. You can use the - and + keys to expand or contract your selection.

 

Screen_Shot_2017-05-22_at_10.40.19_AM.png

 

If the text you wish to capture is not automatically detected as an email address by Capriza, you can force capture by holding down the Alt key and then clicking.

 

Force_Email.png

 

The email address will appear in the mobile preview as a text link with an envelope icon.

 

Email_mobile_preview.png

 

Clicking the the email address will bring up a modal explaining how the control will trigger email functionality on the user’s phone.

 

Email_Modal.png

 

Styling Options


You can choose to have the address appear either as a text link or a button. To change the control type, open the In-Line Editor (ILE)  using the pencil icon.

 

Pencil_Email.png

 

Click the arrow next to the control type name, and choose the desired type.

 

Screen_Shot_2017-03-21_at_11.35.54_AM.png

 

You can then style the address like any other text or button control. Please see Text & Label Styling Options and Button Styling Options for more information.

 

Overrides


You can also use JavaScript to override your email address’s value if, for example, it is contained in a longer string of text. To add an override, open the Web Properties dialog using the wrench icon.

 

Wrench_Email.png

 

Navigate to the “Properties” tab and scroll to the “Retrieve email address” control.

 

Retrieve_email_address.png

 

Under “Email address retrieval method,” select “Override.”

 

Override_Email.png

 

Enter your code in the box. The display text will remain the same, but the value returned by your code will be passed to the email application. In order to change the display text, include an override under “dynamic display text.” Please refer to the Overrides article for more information.

 

Email_override_example.png

 

Mobile User Experience


Please see the Mobile First Features article for an overview of the mobile end user experience. In addition, a demo and additional details are available in the below video.

 

 

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.