diff --git a/admin-spa/src/routes/Settings/Notifications/EditTemplate.tsx b/admin-spa/src/routes/Settings/Notifications/EditTemplate.tsx
index 60e5a5c..38812e6 100644
--- a/admin-spa/src/routes/Settings/Notifications/EditTemplate.tsx
+++ b/admin-spa/src/routes/Settings/Notifications/EditTemplate.tsx
@@ -264,6 +264,15 @@ export default function EditTemplate() {
       store_url: '#',
       store_email: 'store@example.com',
       support_email: 'support@example.com',
+      // Account-related URLs and variables
+      login_url: '#',
+      reset_link: '#',
+      reset_key: 'abc123xyz',
+      user_login: 'johndoe',
+      user_email: 'john@example.com',
+      user_temp_password: '••••••••',
+      customer_first_name: 'John',
+      customer_last_name: 'Doe',
     };
 
     Object.keys(sampleData).forEach((key) => {
@@ -272,10 +281,10 @@ export default function EditTemplate() {
     });
 
     // Highlight variables that don't have sample data
+    // Use plain text [variable] instead of HTML spans to avoid breaking href attributes
     variableKeys.forEach((key: string) => {
       if (!storeVariables[key] && !sampleData[key]) {
-        const sampleValue = `<span style="background: #fef3c7; padding: 2px 4px; border-radius: 2px;">[${key}]</span>`;
-        previewBody = previewBody.replace(new RegExp(`\\{${key}\\}`, 'g'), sampleValue);
+        previewBody = previewBody.replace(new RegExp(`\\{${key}\\}`, 'g'), `[${key}]`);
       }
     });