Thanks for reaching out to us. I've just tried this HTML on our local server, and I'm getting the same result. Can you provide more details on how it should look like?
Perhaps, you wanted a different color of the body?
Thank you for your response. By default, all our emails look like the one I’ve attached to this message. However, it seems that the CSS is not being properly applied in the emails we send through Amelia. The visual rendering is not as expected.
Could you help us understand why the CSS is not working as intended and how we might resolve this issue?
We have another question related to the use of Amelia.
Would it be possible to hide the "Are you booking for multiple people?" option so that it is always activated by default? We would like only the "How many people will there be?" option to be visible to users and with "2 people" selected by default.
Thank you in advance for your help on this matter as well.
Lastly, we have noticed that although we have created custom order statuses in WooCommerce, these statuses do not appear in Amelia. Could you please guide us on how to ensure that our custom statuses are recognized and used by Amelia?
I apologize for reaching out again, but I have another question. Is it possible to configure Amelia to not display the duration for a booking and only show the arrival time? We would like to simplify the process for our customers by showing only the time they need to arrive, without mentioning the booking duration.
Thank you again for your patience and valuable assistance.
Apologies, our policy is to have one topic per ticket so I would kindly ask you to open a new ticket for each question. Thank you for understanding.
Let's get back to CSS on this one. First of all, the HTML code shouldn't be added as the website HTML code (with the DOCTYPE and the rest). The only issue I see is a different color of fonts (body text), is that what you referring to?
Hello, I wanted to create html codes to send emails but some styles are not supported...
My html : https://pastebin.com/YEeujzVj
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
background-color: #0D1317;
color: #FFE8D0;
margin: 0;
padding: 20px;
}
.container {
max-width: 600px;
margin: 0 auto;
background-color: #11191F;
padding: 20px;
border-radius: 8px;
border: 1px solid #7E6B57;
}
.header {
text-align: center;
}
.header img {
width: 150px;
margin-bottom: 20px;
}
h1 {
font-size: 24px;
color: #DBA36A;
}
p {
font-size: 16px;
line-height: 1.5;
}
.button {
display: inline-block;
padding: 10px 20px;
margin-top: 20px;
background-color: #DBA36A;
color: #FFE8D0;
text-decoration: none;
border-radius: 5px;
}
.footer {
margin-top: 20px;
text-align: center;
font-size: 14px;
color: #DBA36A;
}
.footer a {
color: #FFE8D0;
text-decoration: none;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>Merci pour votre visite !</h1>
</div>
<p>Bonjour <strong>%customer_full_name%</strong>,</p>
<p>Nous espérons que vous avez passé un agréable moment dans notre restaurant Atelier Carnem.</p>
<p>Votre avis est précieux pour nous et aide d'autres clients à faire le bon choix. Si vous avez été satisfait de votre expérience, nous vous invitons à laisser un avis sur notre page Google.</p>
<p>Merci de cliquer sur le lien ci-dessous pour partager votre avis :</p>
Laisser un avis
<div class="footer">
<p>Merci de votre confiance,</p>
L'équipe Atelier" class="redactor-linkify-object">https://www.ateliercarnem.fr">Atelier Carnem
</div>
</div>
</body>
</html>
Result in capture send
Attached files: Capture d’écran 2024-08-21 à 18.27.12.png
Hi Pierre,
Thanks for reaching out to us. I've just tried this HTML on our local server, and I'm getting the same result. Can you provide more details on how it should look like?
Perhaps, you wanted a different color of the body?
Kind Regards,
Stefan Petrov
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hello,
Thank you for your response. By default, all our emails look like the one I’ve attached to this message. However, it seems that the CSS is not being properly applied in the emails we send through Amelia. The visual rendering is not as expected.
Could you help us understand why the CSS is not working as intended and how we might resolve this issue?
Thank you in advance for your assistance.
Best regards, Pierre
Attached files: Capture d’écran 2024-08-22 à 14.32.45.png
We have another question related to the use of Amelia.
Would it be possible to hide the "Are you booking for multiple people?" option so that it is always activated by default? We would like only the "How many people will there be?" option to be visible to users and with "2 people" selected by default.Thank you in advance for your help on this matter as well.
Best regards, Pierre
( capture )
Attached files: Capture d’écran 2024-08-22 à 14.56.45.png
Lastly, we have noticed that although we have created custom order statuses in WooCommerce, these statuses do not appear in Amelia. Could you please guide us on how to ensure that our custom statuses are recognized and used by Amelia?
Attached files: Capture d’écran 2024-08-22 à 15.03.04.png
I apologize for reaching out again, but I have another question. Is it possible to configure Amelia to not display the duration for a booking and only show the arrival time? We would like to simplify the process for our customers by showing only the time they need to arrive, without mentioning the booking duration.
Thank you again for your patience and valuable assistance.
Hi Pierre,
Apologies, our policy is to have one topic per ticket so I would kindly ask you to open a new ticket for each question. Thank you for understanding.
Let's get back to CSS on this one. First of all, the HTML code shouldn't be added as the website HTML code (with the DOCTYPE and the rest). The only issue I see is a different color of fonts (body text), is that what you referring to?
Kind Regards,
Stefan Petrov
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Oh okay yes that work like this thank you !
<div class="container" style="max-width: 600px; margin: 0 auto; background-color: #11191F; padding: 20px; border-radius: 8px; border: 1px solid #7E6B57;">
<div class="header" style="text-align: center;">
<h1 style="font-size: 24px; color: #DBA36A;">Réservation Modifiée</h1>
</div>
<p style="font-size: 16px; line-height: 1.5; color: #FFE8D0;">Bonjour
<strong>%customer_full_name%</strong>,
</p>
<p style="font-size: 16px; line-height: 1.5; color: #FFE8D0;">Votre réservation pour
<strong>%service_name%</strong> chez
<strong>Atelier Carnem</strong> a bien été modifiée.
</p>
<p style="font-size: 16px; line-height: 1.5; color: #FFE8D0;">Nous vous attendons à notre restaurant situé au
5 Rue du Pot de Fer, 75005 Paris le
<strong>%appointment_date_time%</strong>.
</p>
<p style="font-size: 16px; line-height: 1.5; color: #FFE8D0;">Si vous avez besoin de plus d'informations ou de modifications supplémentaires, n'hésitez pas à nous contacter au +33 1 72 34 56 94.</p>
<div class="footer" style="margin-top: 20px; text-align: center; font-size: 14px; color: #DBA36A;">
<p>Merci de votre confiance,</p>
<p>L'équipe
Atelier Carnem
</p>
</div>
</div>
Hi Pierre,
I can confirm as well that the styling is working if added like this
If you have any other questions, please open a new ticket and we will gladly help you there.
Have a nice day!
Kind Regards,
Stefan Petrov
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables