Documentation Index

Fetch the complete documentation index at: https://www.civicplus.help/llms.txt

Use this file to discover all available pages before exploring further.

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.

Important Note

Users will need to have a default email application set up in order for the hyperlink to open an email application on their device.

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 pageCivicPlus 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)

    Overview of the City Manager's Office responsibilities and functions in local government.

  4. Add and/or select the text that you intend to use for your link, and click the Insert Link button in the toolbarContact information section highlighting how to email the City Manager for inquiries.

  5. Add your email address in the URL field and click Insert
    Email link to contact the City Manager with provided email address.

    Note:

    Make sure to include “mailto:” in front of the email address. You may add multiple email addresses to this field by adding a semicolon between each email address. View the formatting options for more information.

  6. To exit the Editor widget, click the Done Editing buttonToolbar 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.

  7. Click the Save buttonOptions 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.">