Add an Email Hyperlink in the Editor Widget

Prev Next

This article will show you how to add an email hyperlink to a page using the Editor Widget, as well as some formatting tips for creating an email hyperlink using HTML in the Code View.

Who can use this feature?

System Administrators | Owners | Publishers | Authors

  1. Sign in to your website solution

  2. Ensure that the Live Edit state is toggled to ON and navigate to your page: CivicPlus interface showing Municipal Websites Central with live editing feature activated.

  3. On your page, click inside an existing Editor widget (or add an Editor Widget):

    Text box indicating upcoming features with a 'Coming soon...' message. The box is highlighted, prompting users to click on it.

  4. Add and/or select the text that you intend to use for your link: Text displayed within the Editor Widget.

  5. Click the Insert Link button in the toolbar: Editor Widget displaying various editing options with a highlighted link icon.

  6. Add your email address in the URL field of the Hyperlink Manager dialog box:

    Note:

    You may add multiple email addresses to this field by adding a semicolon between each email address.

  7. Click the Insert button: Insert link dialog box highlighted with URL and text fields for website integration.

  8. To exit the Editor widget, click the Done Editing button: Toolbar displaying various formatting options with a highlighted done editing checkmark icon.

    Note:

    If you click out of the Editor without clicking the Done Editing button, a Save or Discard Changes pop-up will appear. Select Apply Changes to save:

    Save or Discard Changes Dialog Box.

  9. Click the Save button: Options to save or cancel changes in a document editing interface with the save button highlighted.


Note:

Be aware that these methods will not always work, as email clients handle emails differently. We recommend creating an email group or building a form in the form center that will send emails to multiple users. Then you can build a link to the form instead of to an email address.

  • To send to one email address:

    • <a href=”mailto:first@mail.com”>mailto:first@mail.com

  • To send to multiple email addresses, use one of the following:

    • <a href="Mailto:first@mail.com, second@mail.com, third@mail.com">

    • <Mailto:first@mail.com; second@mail.com; third@mail.com>

  • CC (Carbon Copy) or BCC (Blind Carbon Copy):

    • <a href="mailto:first@mail.com?cc=second@mail.com&bcc=third@mail.com">

  • Set the subject line:

    • <a href="Mailto:someone@example.com?Subject=Hello again">

  • Set the body:

    • <a href="mailto:someone@example.com?Subject=Hello again&body=Body goes here">

  • Combining these options: If you want multiple elements, start with a ? (question mark) after your email address, then place an & (ampersand) between each of the sections

    • Example of Combining:  <a href="mailto:first@mail.com?cc=second@mail.com&subject=Hello Again&body=Body goes here">

      Note:

      Some mail clients will not support these combinations. So, you may have to choose one option after your email, such as <a href="mailto:someone@example.com?Subject=Hello again.">