Overview

The **Email Templates** module provides admins with a Monaco Code Editor to modify system-generated transactional and notification emails. Admins can update email HTML templates, customize email subject headings, toggle active template status, and insert dynamic shortcode variables at the text cursor position.

1. Available Events List

The template selector sidebar displays categorized automated email events, including:

• Welcome Emails: Sent to new users upon account signup.
• OTP & Password Resets: Security alerts containing validation codes.
• Account Verification: Verification links during registration.
• Subscription Renewals & Reminders: Notifications regarding subscription plan changes and payment invoices.

[Image Placeholder: Email Event Sidebar Selector]

Shows the left sidebar containing the list of categorized transactional email templates.

2. HTML Editor & Visual Preview

The workspace is split into editing, preview, and variable injection panels:

• Email Subject: Customizable line containing the email header subject line.
• Monaco HTML Editor: Built-in code editor highlighting tags, nesting structure, and formatting.
• Live Iframe Preview: Instantly renders the email layout by rendering mock values in place of variables.
• Reset & Status Controls: Option to revert modifications to system defaults or temporarily toggle status off.

[Image Placeholder: Email Template Code Workspace]

Shows the integrated Monaco code editor on the left with subject fields and the variable helper panel on the right.

3. Variable Helper Shortcodes

Dynamic parameters can be clicked from the sidebar list to automatically insert them inside double curly brackets (e.g. {{user_name}}, {{reset_url}}, or {{otp_code}}). Keep double brackets intact to guarantee successful replacement on delivery.