Skip to content

Commit eeff5e5

Browse files
adamspdadamspd
committed
Updated email templates
1 parent 7408933 commit eeff5e5

File tree

2 files changed

+140
-45
lines changed

2 files changed

+140
-45
lines changed

‎appointment/templates/email_sender/reminder_email.html‎

Lines changed: 86 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -3,25 +3,94 @@
33
<html lang="en">
44
<head>
55
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
67
<title>{% translate 'Appointment Reminder' %}</title>
8+
<style>
9+
body {
10+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
11+
margin: 0;
12+
padding: 20px;
13+
background-color: #f0f0f0;
14+
color: #636363;
15+
}
16+
17+
.email-container {
18+
max-width: 600px;
19+
background: #ffffff;
20+
margin: 0 auto;
21+
padding: 25px;
22+
border-radius: 8px;
23+
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
24+
}
25+
26+
.email-header {
27+
color: #ffffff;
28+
background-color: rgb(5, 100, 129);
29+
padding: 15px;
30+
border-top-left-radius: 8px;
31+
border-top-right-radius: 8px;
32+
text-align: center;
33+
}
34+
35+
.email-body {
36+
padding: 25px;
37+
line-height: 1.6;
38+
}
39+
40+
.email-footer {
41+
padding-top: 20px;
42+
font-size: 14px;
43+
text-align: left;
44+
color: #aaaaaa;
45+
}
46+
47+
.button {
48+
background-color: rgb(5, 100, 129);
49+
color: #ffffff;
50+
padding: 10px 20px;
51+
border-radius: 5px;
52+
text-decoration: none;
53+
display: inline-block;
54+
margin-top: 20px;
55+
}
56+
57+
.button:hover {
58+
background-color: #37aee9;
59+
color: #ffffff;
60+
text-decoration: none;
61+
}
62+
</style>
763
</head>
864
<body>
9-
<h1>{% translate 'Appointment Reminder' %}</h1>
10-
<p>{% translate 'Dear' %} {{ first_name }},</p>
11-
<p>{% translate 'This is a reminder for your upcoming appointment' %}.</p>
12-
<p>{% translate 'Service' %}: {{ appointment.get_service_name }}</p>
13-
<p>{% translate 'Date' %}: {{ appointment.appointment_request.date }}</p>
14-
<p>{% translate 'Time' %}: {{ appointment.appointment_request.start_time }}</p>
15-
<p>{% translate 'Location' %}: {{ appointment.address }}</p>
16-
<p>
17-
{% translate 'If you need to reschedule, please click the link below or contact us for further assistance.' %}
18-
</p>
19-
<p>
20-
<a href="{{ reschedule_link }}"
21-
style="background-color: #007bff; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px;">
22-
{% translate 'Reschedule Appointment' %}
23-
</a>
24-
</p>
25-
<p>{% translate 'Thank you for choosing us' %}!</p>
65+
<div class="email-container">
66+
<div class="email-header">
67+
<h2>{% translate 'Appointment Reminder' %}</h2>
68+
</div>
69+
<div class="email-body">
70+
<p>
71+
{% if recipient_type == 'client' %}
72+
{% translate 'Dear' %} {{ first_name }},
73+
{% else %}
74+
{% translate 'Dear Administrator,' %}
75+
{% endif %}
76+
</p>
77+
<p>{% translate 'This is a reminder for your upcoming appointment.' %}</p>
78+
<p><strong>{% translate 'Service' %}:</strong> {{ appointment.get_service_name }}</p>
79+
<p><strong>{% translate 'Date' %}:</strong> {{ appointment.appointment_request.date }}</p>
80+
<p><strong>{% translate 'Time' %}:</strong> {{ appointment.appointment_request.start_time }}
81+
- {{ appointment.appointment_request.end_time }}</p>
82+
<p><strong>{% translate 'Location' %}:</strong> {{ appointment.address }}</p>
83+
{% if recipient_type == 'client' %}
84+
<p>{% translate 'If you need to reschedule, please click the button below or contact us for further assistance.' %}</p>
85+
<a href="{{ reschedule_link }}" class="button">{% translate 'Reschedule Appointment' %}</a>
86+
<p>{% translate 'Thank you for choosing us!' %}</p>
87+
{% else %}
88+
<p>{% translate 'Please ensure the appointment setup is complete and ready for the client.' %}</p>
89+
{% endif %}
90+
</div>
91+
<div class="email-footer">
92+
{% translate 'This is an automated message. Please do not reply directly to this email.' %}
93+
</div>
94+
</div>
2695
</body>
2796
</html>

‎appointment/templates/email_sender/thank_you_email.html‎

Lines changed: 54 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,9 @@
8787

8888
<!-- HIDDEN PRE-HEADER TEXT -->
8989
<div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Open Sans, Helvetica, Arial, sans-serif; max-height: 0; max-width: 0; opacity: 0; overflow: hidden;">
90-
{% trans "Booking session successfully saved." %}
90+
{% if pre_header %}
91+
{{ pre_header }}
92+
{% endif %}
9193
</div>
9294

9395
<table border="0" cellpadding="0" cellspacing="0" width="100%">
@@ -109,7 +111,7 @@
109111
<tr>
110112
<td align="center" valign="top"
111113
style="padding: 0; font-family: Open Sans, Helvetica, Arial, sans-serif;">
112-
<h1 style="font-size: 40px; color: #ffffff;">{% trans "Appointment successfully scheduled" %}</h1>
114+
<h1 style="font-size: 28px; color: #ffffff;">{{ main_title }}</h1>
113115
</td>
114116
</tr>
115117
<tr>
@@ -136,8 +138,8 @@ <h1 style="font-size: 40px; color: #ffffff;">{% trans "Appointment successfully
136138
<td align="center" valign="top"
137139
style="font-family: Open Sans, Helvetica, Arial, sans-serif; padding-bottom: 30px;">
138140

139-
<p style="color: #ffffff; font-size: 16px; line-height: 24px; margin: 0;">
140-
Hi {{ first_name }}, <br> {{ message }}
141+
<p style="color: #ffffff; font-size: 14px; line-height: 24px; margin: 0;">
142+
{% trans 'Thank you for choosing us.' %}
141143
</p>
142144
</td>
143145
</tr>
@@ -163,20 +165,37 @@ <h1 style="font-size: 40px; color: #ffffff;">{% trans "Appointment successfully
163165
<tr>
164166
<td align="left" valign="top"
165167
style="padding: 0; font-family: Open Sans, Helvetica, Arial, sans-serif;">
166-
<p style="font-size: 16px; margin-top: 15px !important;">{{ account_message }}</p>
168+
<p style="font-size: 14px; margin-top: 15px !important;">Hi {{ first_name }},</p>
169+
<p style="font-size: 14px; margin-top: 5px !important;">{{ message_1 }}</p>
167170
</td>
168171
</tr>
169172
<tr>
170173
<td align="left" valign="top"
171174
style="padding: 0; font-family: Open Sans, Helvetica, Arial, sans-serif;">
172-
<h2 style="color: #000000; font-size: 25px">{% trans "Account Details" %}</h2>
175+
<p style="font-size: 14px; margin-top: 5px !important;">{{ message_2 }}</p>
173176
</td>
174177
</tr>
178+
{% if activation_link %}
179+
<tr>
180+
<td align="left" valign="top"
181+
style="padding: 0; font-family: Open Sans, Helvetica, Arial, sans-serif;">
182+
<h3>{% trans 'Account Activation' %}</h3>
183+
<p style="font-size: 14px; margin-top: 15px !important;">
184+
{% blocktranslate with link=activation_link %}
185+
To activate your account and set your password, please use the following secure
186+
link: <a href="{{ link }}" style="color: #1155cc;">Set Your Password</a>. Please
187+
note that this link will expire in 2 days for your security.
188+
{% endblocktranslate %}
189+
</p>
190+
</td>
191+
<tr>
192+
{% endif %}
193+
</tr>
175194
<tr>
176195
<td align="left" valign="top"
177196
style="font-family: Open Sans, Helvetica, Arial, sans-serif; padding-top: 0;">
178-
179-
<div style="color: #000000; font-size: 16px; line-height: 24px; margin-top: -30px !important;">
197+
<h3>{% trans "Account Information" %}</h3>
198+
<div style="color: #000000; font-size: 14px; line-height: 24px; margin-top: -30px !important;">
180199
<ul>
181200
{% for key, value in account_details.items %}
182201
<li>{{ key }}: {{ value }}</li>
@@ -188,23 +207,11 @@ <h2 style="color: #000000; font-size: 25px">{% trans "Account Details" %}</h2>
188207
</tr>
189208
{% endif %}
190209
{% if more_details %}
191-
<tr>
192-
<td align="left" valign="top"
193-
style="padding: 0; font-family: Open Sans, Helvetica, Arial, sans-serif;">
194-
<p style="font-size: 16px; margin-top: 15px !important;">{{ message }}</p>
195-
</td>
196-
</tr>
197-
<tr>
198-
<td align="left" valign="top"
199-
style="padding: 0; font-family: Open Sans, Helvetica, Arial, sans-serif;">
200-
<h2 style="color: #000000; font-size: 25px">{% trans "Appointment details" %}</h2>
201-
</td>
202-
</tr>
203210
<tr>
204211
<td align="left" valign="top"
205212
style="font-family: Open Sans, Helvetica, Arial, sans-serif; padding-top: 0;">
206-
207-
<div style="color: #000000; font-size: 16px; line-height: 24px; margin-top: -30px !important;">
213+
<h3>{% trans "Appointment Details" %}</h3>
214+
<div style="color: #000000; font-size: 14px; line-height: 24px; margin-top: -30px !important;">
208215
<ul>
209216
{% for key, value in more_details.items %}
210217
<li>{{ key }}: {{ value }}</li>
@@ -215,17 +222,36 @@ <h2 style="color: #000000; font-size: 25px">{% trans "Appointment details" %}</h
215222
</td>
216223
</tr>
217224
{% endif %}
225+
{% if reschedule_link %}
226+
<tr>
227+
<td align="left" valign="top"
228+
style="padding: 0; font-family: Open Sans, Helvetica, Arial, sans-serif;">
229+
<h3>{% trans 'Rescheduling' %}</h3>
230+
<p style="margin-top: 15px !important; font-size: 14px">
231+
{% translate 'If your plans change and you need to reschedule your appointment, you can easily do so by following this link: ' %}
232+
<a href="{{ reschedule_link }}">
233+
{% translate 'Reschedule Appointment' %}
234+
</a>
235+
</p>
236+
</td>
237+
</tr>
238+
{% endif %}
239+
218240
<tr>
219241
<td align="left" valign="top"
220-
style="padding: 0; font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px">
221-
<p style="margin-top: 15px !important;">
242+
style="padding: 0; font-family: Open Sans, Helvetica, Arial, sans-serif;">
243+
<h3>{% trans 'Support' %}</h3>
244+
<p style="margin-top: 15px !important; font-size: 14px">
222245
{% blocktranslate %}
223-
If you have any questions or need assistance, please don't hesitate to reach out to our
224-
support team.
246+
Should you have any inquiries or require further assistance, our support team is here to
247+
help. You can reach us anytime.
225248
{% endblocktranslate %}
226249
</p>
227-
<p>{% trans "Best regards" %},</p>
228-
<p>{% trans "The Team" %}</p>
250+
<p style="margin-top: 15px !important; font-size: 14px">
251+
{% trans "We look forward to serving you and ensuring that your experience with us is both rewarding and satisfactory." %}
252+
</p>
253+
<p style="margin-top: 15px !important; font-size: 14px">{% trans "Warm regards" %},</p>
254+
<p style="margin-top: 15px !important; font-size: 14px">{% trans "The Team" %}</p>
229255
</td>
230256
</tr>
231257
</table>

0 commit comments

Comments
 (0)