diff --git a/BTCPayServer/Views/UIStores/StoreEmailSettings.cshtml~refs/remotes/Kukks/store-emails b/BTCPayServer/Views/UIStores/StoreEmailSettings.cshtml~refs/remotes/Kukks/store-emails
deleted file mode 100644
index 4f8dad74f..000000000
--- a/BTCPayServer/Views/UIStores/StoreEmailSettings.cshtml~refs/remotes/Kukks/store-emails
+++ /dev/null
@@ -1,27 +0,0 @@
-@using Microsoft.AspNetCore.Server.Kestrel.Core
-@model BTCPayServer.Models.ServerViewModels.EmailsViewModel
-@{
-    Layout = "../Shared/_NavLayout.cshtml";
-    ViewData.SetActivePage(StoreNavPages.Emails, "Emails", Context.GetStoreData().Id);
-}
-
-<div class="row mb-4">
-    <div class="col-xl-10 col-xxl-constrain">
-        <div class="d-flex flex-wrap gap-3 align-items-center justify-content-between mt-n1 mb-4">
-            <h3 class="mb-0">Email Rules</h3>
-            <a class="btn btn-secondary" asp-action="StoreEmails" asp-controller="UIStores" asp-route-storeId="@Context.GetStoreData().Id" id="ConfigureEmailRules">
-                Configure
-            </a>
-        </div>
-        <p>
-            <a asp-action="StoreEmails" asp-controller="UIStores" asp-route-storeId="@Context.GetStoreData().Id">Email rules</a>
-            allow BTCPay Server to send customized emails from your store based on events.
-        </p>
-    </div>
-</div>
-
-<partial name="EmailsBody" model="Model" />
-
-@section PageFootContent {
-    <partial name="_ValidationScriptsPartial" />
-}
diff --git a/BTCPayServer/Views/UIStores/StoreEmails.cshtml b/BTCPayServer/Views/UIStores/StoreEmails.cshtml
index 6cbf64187..928baadc6 100644
--- a/BTCPayServer/Views/UIStores/StoreEmails.cshtml
+++ b/BTCPayServer/Views/UIStores/StoreEmails.cshtml
@@ -41,7 +41,7 @@
             <ul class="list-group list-group-flush">
                 @for (var index = 0; index < Model.Rules.Count; index++)
                 {
-                    <li class="list-group-item py-4 px-0">
+                    <li class="list-group-item py-4 px-0 email-rule">
                         <div class="form-group">
                             <div class="d-flex align-items-center justify-content-between gap-3">
                                 <label asp-for="Rules[index].Trigger" class="form-label" data-required></label>
@@ -55,30 +55,42 @@
                                     </button>
                                 </div>
                             </div>
-                            <select asp-for="Rules[index].Trigger" asp-items="@Html.GetEnumSelectList<WebhookEventType>()" class="form-select" required></select>
+                            <select asp-for="Rules[index].Trigger" asp-items="@Html.GetEnumSelectList<WebhookEventType>()" class="form-select email-rule-trigger" required></select>
                             <span asp-validation-for="Rules[index].Trigger" class="text-danger"></span>
                             <div class="form-text">Choose what event sends the email.</div>
                         </div>
                         <div class="form-group">
                             <label asp-for="Rules[index].To" class="form-label" data-required>Recipients</label>
-                            <input type="text" asp-for="Rules[index].To" class="form-control" />
+                            <input type="text" asp-for="Rules[index].To" class="form-control email-rule-to" />
                             <span asp-validation-for="Rules[index].To" class="text-danger"></span>
                             <div class="form-text">Who to send the email to. For multiple emails, separate with a comma.</div>
                         </div>
                         <div class="form-check mb-4">
-                            <input asp-for="Rules[index].CustomerEmail" type="checkbox" class="form-check-input" />
+                            <input asp-for="Rules[index].CustomerEmail" type="checkbox" class="form-check-input email-rule-customer-email" />
                             <label asp-for="Rules[index].CustomerEmail" class="form-check-label">Send the email to the buyer, if email was provided to the invoice</label>
                             <span asp-validation-for="Rules[index].CustomerEmail" class="text-danger"></span>
                         </div>
                         <div class="form-group">
                             <label asp-for="Rules[index].Subject" class="form-label" data-required></label>
-                            <input type="text" asp-for="Rules[index].Subject" class="form-control" />
+                            <input type="text" asp-for="Rules[index].Subject" class="form-control email-rule-subject" />
                             <span asp-validation-for="Rules[index].Subject" class="text-danger"></span>
                         </div>
                         <div class="form-group">
                             <label asp-for="Rules[index].Body" class="form-label" data-required></label>
-                            <textarea asp-for="Rules[index].Body" class="form-control richtext" rows="4"></textarea>
+                            <textarea asp-for="Rules[index].Body" class="form-control richtext email-rule-body" rows="4"></textarea>
                             <span asp-validation-for="Rules[index].Body" class="text-danger"></span>
+                            <div class="form-text d-flex gap-2">
+                                <div>Placeholders:</div>
+                                <div>
+                                    <code>{Invoice.Id}</code>,
+                                    <code>{Invoice.StoreId}</code>,
+                                    <code>{Invoice.Price}</code>,
+                                    <code>{Invoice.Currency}</code>,
+                                    <code>{Invoice.Status}</code>,
+                                    <code>{Invoice.AdditionalStatus}</code>,
+                                    <code>{Invoice.OrderId}</code>
+                                </div>
+                            </div>
                         </div>
                     </li>
                 }
@@ -96,4 +108,61 @@
 @section PageFootContent {
     <partial name="_ValidationScriptsPartial" />
     <script src="~/vendor/summernote/summernote-bs5.js" asp-append-version="true"></script>
+    <script>
+        (function () {
+            const templates = {
+                InvoiceCreated: {
+                    subject: 'Invoice {Invoice.Id} created',
+                    body: 'Invoice {Invoice.Id} (Order Id: {Invoice.OrderId}) created.'
+                },
+                InvoiceReceivedPayment: {
+                    subject: 'Invoice {Invoice.Id} received payment',
+                    body: 'Invoice {Invoice.Id} (Order Id: {Invoice.OrderId}) received payment.'
+                },
+                InvoiceProcessing: {
+                    subject: 'Invoice {Invoice.Id} processing',
+                    body: 'Invoice {Invoice.Id} (Order Id: {Invoice.OrderId}) is processing.'
+                },
+                InvoiceExpired: {
+                    subject: 'Invoice {Invoice.Id} expired',
+                    body: 'Invoice {Invoice.Id} (Order Id: {Invoice.OrderId}) expired.'
+                },
+                InvoiceSettled: {
+                    subject: 'Invoice {Invoice.Id} settled',
+                    body: 'Invoice {Invoice.Id} (Order Id: {Invoice.OrderId}) is settled.'
+                },
+                InvoiceInvalid: {
+                    subject: 'Invoice {Invoice.Id} invalid',
+                    body: 'Invoice {Invoice.Id} (Order Id: {Invoice.OrderId}) invalid.'
+                },
+                InvoicePaymentSettled: {
+                    subject: 'Invoice {Invoice.Id} payment settled',
+                    body: 'Invoice {Invoice.Id} (Order Id: {Invoice.OrderId}) payment settled.'
+                },
+            };
+            const isEmptyOrDefault = (value, type) => {
+                const val = value.replace(/<.*?>/gi, '').trim()
+                if (!val) return true;
+                return Object.values(templates).find(t => t[type] === val) != null;
+            }
+            const applyDefault = $trigger => {
+                const $emailRule = $trigger.closest('.email-rule');
+                const $subject = $emailRule.querySelector('.email-rule-subject');
+                const $body = $emailRule.querySelector('.email-rule-body');
+                const rule = $trigger.querySelector(`option[value='${$trigger.value}']`).innerText;
+                const { subject, body } = templates[rule];
+                if (isEmptyOrDefault($subject.value, 'subject') && subject) {
+                    $subject.value = subject;
+                }
+                if (isEmptyOrDefault($body.value, 'body') && body) {
+                    $($body).summernote('reset');
+                    $($body).summernote('insertText', body);
+                }
+            }
+            delegate('change', '.email-rule-trigger', (e) => { applyDefault(e.target); })
+            document.addEventListener('DOMContentLoaded', () => {
+                document.querySelectorAll('.email-rule-trigger').forEach(applyDefault);
+            });
+        })();
+    </script>
 }