Clickable Email

Enable website visitors to easily send an email using their default email application.

Summary

Clickable email addresses enable website visitors to easily send an email. The email address looks like a hyperlink that opens their default email application when clicked. The address is automatically populated in the "to" field. 

Audience

Editors and Publishers can create clickable email addresses.

How To

  • 1

    Create Clickable Email

    1. Enter the email address in the text editor.
    2. The system creates a mail link automatically by adding the HTML mailto: parameter.
    Clickable Email auto completion.

    Resulting Code:

    <a href="mailto:Digital@its.nc.gov">Digital@its.nc.gov</a>

  • 2

    Save and Test

    Save the page and test the result. 

  • 3

    Edit

    • To edit, highlight the email address and select the Edit Link button indicated by the pencil icon.
    Clickable Email Edit Link button.
    • Edit the Link URL as desired then click the green checkmark.
    Clickable Email Edit Link URL.
    • Expand the Advanced tab for additional options, including CSS Classes.
    Clickable Email Advanced Tab.
    • To remove the hyperlink, click the Unlink button (chain link icon).
    Clickable Email Unlink button.
  • 4

    Mail Link

    When the email link is clicked on a live web page:

    • A. The user's default email client opens.
    Clickable Email default client.

    OR

    • B. The the user is prompted to choose an email application.
    Clickable Email Select Application options.
    • When the email client is selected, the user can choose to open the mail link with this application Always or Just Once.
    Clickable Email Select Application options Always or Just Once.