Create an HTML emails with successful order details

[sorokinvj]

[##] Motivation
We need to send to a user a confirmation with order details

Technical details

• the biggest challenge with emails is to have Outlook render them correctly. Outlook doesn't understand a lot of HTML/CSS like div and padding, newer versions could render modern markup correctly, but we want to make sure that our emails looks good in all mail clients. Thats why markup is done mostly with tables
• take a look at the template provided - https://www.icloud.com/iclouddrive/0bdSZ3csk6avikFU5BuutbPCw#Email-template it was build with https://get.foundation/emails.html and tested with major clients
• Change this email according to our usecase: put our logo, text and any order details you find appropriate
• Test the email with https://putsmail.com/
• probably you would need a windows machine with any outlook, please test the email with real machine. If you don't have real windows lets use Parallels and install one of the tests windows virtual machine - https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/

Text:

Hello {{username}},

Its Maria from Maria Antiques store. Thank you very much for your order, we are going to ship it in 2 days. Here are your order details:

• products, prices,

When we ship the order please expect another email with tracking information.

In the meantime if you have any questions, please just reply to this email and I will be happy to assist you.