Generic email notification template

This article includes a generic email notification template that you can use to when you want to quickly create a message that includes logos and styling. Use this as a starting point for your email notifications when you don't want to create a message from scratch using the built-in email message editor. 

To get started, copy the email message template HTML shown below into the email message editor and then customize it for your communication plan.  (If you'd like to take a look at a communication plan that uses this template, import the GenericEmailTemplate.zip communication plan attached to this article.)

Copy the template into the email message editor:

  • Open your communication plan and form and open the email message editor. 
  • Click Show Source to view the message content in source view.
  • Copy the code snippet at the end of this article and paste it into the source view.
  • Click Show Source to view the formatted message.

Customize the email message content to include form properties and your company's logo:

  • Directly edit text, including the introduction and the table row titles.
  • Drag properties into the table cells to display form data.
  • Replace the View more information link with a link to more information about the incident or delete this row from the table.
  • Replace the 200x50 placeholder image at the bottom of the message with your company's logo. This image is automatically sized to a width of 200 pixels.
  • To add more rows to the table, copy and paste an existing row of the table. This preserves the inline styles that are applied to each table row.  It is easiest to copy and paste table rows in the HTML source view.
  • Don't forget to give your message a subject, and to test it on a variety of email readers before you send it to a wide audience.

Email message template HTML

 <table style="width: 100%;  font-family: gotham, verdana, sans-serif; text-align: center; color: #444444;  border: 0; border-collapse: collapse; padding: 0; margin-bottom: 20;" class="" id="table-3">   <tbody><tr>
      <td style="text-align: center; border: 0; padding: 21px 0 0;" tabindex="0">
        <div> <img alt="xMatters" src="http://static.xmatters.com/email-images/logo.gif"> </div>
      </td>
    </tr>
</tbody></table>
<table style="width: 100%;  font-family: gotham, verdana, sans-serif; text-align: center; color: #444444; background-color: #f6f6f6; border: 0; border-collapse: collapse; padding: 0; margin: 0;" class="" id="table-4">
  <tbody>

    <tr>
      <td style="text-align: center; border: 0; padding: 18px 0 0;" tabindex="0">
        <div>An alert has occurred for an incident you are related to.</div>
      </td>
    </tr>
    <tr>
      <td style="padding: 7px 0px 0px; margin: 0; border: 0;" tabindex="0">
        <div style="width:100%; text-align: center;">
          <div style="display: inline-block; max-width: 800px; width: 100%;">
            <table style="width: 100%; font-size: 14px; text-align: left; color: #444444; background-color: #fcfcfc; padding: 0; margin: 0; border: 0; border-collapse: collapse" class="" id="table-5">
              <tbody>
                <tr style="border: solid 1px #e4e4e4;">
                  <td style="padding: 5px 10px;" tabindex="0">
                    <div><strong>Time of Event</strong></div>
                    <div>Insert property here</div>
                  </td>
                </tr>
                <tr style="border: solid 1px #e4e4e4;">
                  <td style="padding: 5px 10px;" tabindex="0">
                    <div><strong>Incident ID</strong></div>
                    <div>Insert property here</div>
                  </td>
                </tr>
                <tr style="border: solid 1px #e4e4e4;">
                  <td style="padding: 5px 10px;" tabindex="0">
                    <div><strong>Priority</strong></div>
                    <div>Insert property here</div>
                  </td>
                </tr>
                <tr style="border: solid 1px #e4e4e4;">
                  <td style="padding: 5px 10px;" tabindex="0">
                    <div><strong>Incident State</strong></div>
                    <div>Insert property here</div>
                  </td>
                </tr>
                <tr style="border: solid 1px #e4e4e4;">
                  <td style="padding: 5px 10px;" tabindex="0">
                    <div><strong>Brief Description</strong></div>
                    <div>Insert property here</div>
                  </td>
                </tr>
                <tr style="border: solid 1px #e4e4e4;">
                  <td style="padding: 5px 10px;" tabindex="0">
                    <div><strong>Category</strong></div>
                    <div>Insert property here</div>
                  </td>
                </tr>
                <tr style="border: solid 1px #e4e4e4;">
                  <td style="padding: 5px 10px;" tabindex="0">
                    <div><strong>Trigger Rule</strong></div>
                    <div>Insert property here</div>
                  </td>
                </tr>
                <tr style="border: solid 1px #e4e4e4;">
                  <td style="padding: 5px 10px;" tabindex="0">
                    <div><strong>Assignment Group</strong></div>
                    <div>Insert property here</div>
                  </td>
                </tr>
                <tr style="border: solid 1px #e4e4e4;">
                  <td style="padding: 5px 10px;" tabindex="0">
                    <div><strong>Caller</strong></div>
                    <div>Insert property here</div>
                  </td>
                </tr>
                <tr style="border: solid 1px #e4e4e4;">
                  <td style="padding: 5px 10px;" tabindex="0"> <a href="">View More Information</a> </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </td>
    </tr>
    <tr>
      <td style="text-align: center; border: 0; padding: 4px 0px 21px;" tabindex="0"> <img src="https://placehold.it/200x50" width="200"> </td>
    </tr>
  </tbody>
</table>
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk