Skip to main content

Email Templates

The Notification service uses an HTML template (EmailTemplate.html) for email notifications.

Template Structure​

The template is a standard HTML email with:

  • Responsive layout for email clients
  • Branded header with AlertCalifornia styling
  • Dynamic content area for alert details
  • Footer with unsubscribe/settings link

Variable Substitution​

The template uses placeholder variables that are replaced at send time:

VariableDescription
{DateTime}Timestamp of the alert event
{CameraName}Name of the camera that triggered the alert
{Location}Camera location description
{AlertType}Type/category of the alert
{CameraLink}Direct URL to the camera in the frontend

Modifying Templates​

To update the email template:

  1. Edit EmailTemplate.html in the Notification project
  2. Use standard HTML email practices (inline CSS, table-based layout)
  3. Test with multiple email clients (Outlook, Gmail, mobile)
  4. Deploy the updated function app