From a2e976483068fbed6eb8d149c9d8ac209d0fcb47 Mon Sep 17 00:00:00 2001 From: Abhishek Aggarwal Date: Thu, 23 Oct 2025 12:16:48 +0530 Subject: [PATCH 1/3] Modern Template for ServiceNow Notifications --- .../Modern Email Layout Designs/Readme.md | 42 +++++++++ .../Modern Email Layout Designs/script.html | 86 +++++++++++++++++++ 2 files changed, 128 insertions(+) create mode 100644 Specialized Areas/Notifications/Modern Email Layout Designs/Readme.md create mode 100644 Specialized Areas/Notifications/Modern Email Layout Designs/script.html diff --git a/Specialized Areas/Notifications/Modern Email Layout Designs/Readme.md b/Specialized Areas/Notifications/Modern Email Layout Designs/Readme.md new file mode 100644 index 0000000000..734450a062 --- /dev/null +++ b/Specialized Areas/Notifications/Modern Email Layout Designs/Readme.md @@ -0,0 +1,42 @@ +### Overview + +Added a **modern, fully responsive Email Layout** for ServiceNow notifications. +This layout provides a professional and dynamic look for system emails such as approvals, alerts, and workflow updates. + +--- + +### 🔑 Features + +- Clean, responsive HTML with inline CSS (Outlook-safe) +- Dynamic placeholders for subject, body, recipient, and links +- Supports unsubscribe and preference management variables +- Compatible with all standard ServiceNow notification types +- Easily customizable header colors, logo, and footer content + +--- + +### 📁 Files Included + +| File | Description | +| ------------- | ------------------------------------ | +| `Script.html` | Email Layout definition (HTML + CSS) | +| `README.md` | Setup guide and usage instructions | + +--- + +### ⚙️ Installation + +1. Navigate to **System Notification → Email Layouts → New** +2. Paste the HTML layout above into the content field +3. Save and name it **"Modern Notification Layout"** +4. Assign this layout to your email notifications (under "Layout" field) + +--- + +### 💡 Example Use Case + +Used for travel approvals, expense updates, password resets, or ticket notifications: + +```html +${mail_script:travel_notification} +``` diff --git a/Specialized Areas/Notifications/Modern Email Layout Designs/script.html b/Specialized Areas/Notifications/Modern Email Layout Designs/script.html new file mode 100644 index 0000000000..d5bbaa5fea --- /dev/null +++ b/Specialized Areas/Notifications/Modern Email Layout Designs/script.html @@ -0,0 +1,86 @@ +

+ + +
+ +
+ Logo +
+ + +
+ ${notification.body} + +

+ If you have any questions, contact + support@company.com. +

+
+ + +
+ © ${gs.dateGenerate().getYear()} Travel & Expense Portal. All Rights + Reserved.
+
+ Unsubscribe | + Manage Preferences +
+
From a11d303097d8d2c21e9efc5410287e86f56022f3 Mon Sep 17 00:00:00 2001 From: Abhishek Aggarwal Date: Fri, 24 Oct 2025 11:43:14 +0530 Subject: [PATCH 2/3] Update installation steps for email layout design --- .../Notifications/Modern Email Layout Designs/Readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Specialized Areas/Notifications/Modern Email Layout Designs/Readme.md b/Specialized Areas/Notifications/Modern Email Layout Designs/Readme.md index 734450a062..6e5a0fd69f 100644 --- a/Specialized Areas/Notifications/Modern Email Layout Designs/Readme.md +++ b/Specialized Areas/Notifications/Modern Email Layout Designs/Readme.md @@ -26,7 +26,7 @@ This layout provides a professional and dynamic look for system emails such as a ### ⚙️ Installation -1. Navigate to **System Notification → Email Layouts → New** +1. Navigate to **System Policy → Email → Email Layout** → New 2. Paste the HTML layout above into the content field 3. Save and name it **"Modern Notification Layout"** 4. Assign this layout to your email notifications (under "Layout" field) From 433e0e184de9725175050bec18c90287d2a57e65 Mon Sep 17 00:00:00 2001 From: Abhishek Aggarwal Date: Fri, 24 Oct 2025 11:46:00 +0530 Subject: [PATCH 3/3] Simplify footer text in email layout Updated footer text to remove redundant wording. --- .../Notifications/Modern Email Layout Designs/script.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Specialized Areas/Notifications/Modern Email Layout Designs/script.html b/Specialized Areas/Notifications/Modern Email Layout Designs/script.html index d5bbaa5fea..eeee8f4b91 100644 --- a/Specialized Areas/Notifications/Modern Email Layout Designs/script.html +++ b/Specialized Areas/Notifications/Modern Email Layout Designs/script.html @@ -77,7 +77,7 @@
- © ${gs.dateGenerate().getYear()} Travel & Expense Portal. All Rights + Travel & Expense. All Rights Reserved.

Unsubscribe |