Home > Software engineering >  Testing HTML and CSS for Email
Testing HTML and CSS for Email

Time:11-05

I am building a Django application that needs to send out some Emails using HTML templates. The email templates use images as well as some variables from django context. Right now, every time I make an update to the inline css or html I send myself a new Email to check how the email looks in different Browsers/Applications. Is there a way I can preview the Email without having to send it to myself? Just previewing the Email in the browser doesn't work as the CSS is always "interpreted" differently when I send it in an actual Email.

    <table cellpadding="0" bgcolor="#fff" border="0" style="width: 900px;">
        <a href="mailto:[email protected]">
            <img style="width: 900px" src="cid:top.jpg" />
        </a>
    </table>

    <table cellpadding="12" bgcolor="#fff" border="0" style="width: 900px; margin-left: 0em; margin-bottom: 15px;">
        <p style="font-weight: bold; font-size: 24px; text-align: center;">VIELEN DANK.</p>

        <p>Sehr geehrte Patientin, Sehr geehrter Patient,</p>
        <p>Ihre Registrierung ist nun abgeschlossen. In Kürze erhalten Sie Ihren ersten Newsletter. </p>
        <p>Sollten Sie diesen innerhalb von 24 Stunden nicht erhalten, schauen Sie bitte auch in Ihrem Spam Ordner nach.
        </p>
        <p>Sollten Sie Fragen oder Anmerkungen haben, zögern Sie nicht uns zu kontaktieren.</p>
        <table role="presentation" cellspacing="0" cellpadding="0" style="background-color: rgb(1,41,101)">
            <tr>
                <td
                    style="width: 350px;  padding: 16px 48px; background-color: rgb(1,41,101); text-align: center;font-weight: 700;">
                    <a  style="color: #fff; width: 400px" href="mailto:[email protected]">Kontakt
                        aufnehmen hier.</a>
                </td>
            </tr>
        </table>
        <p>Mit freundlichen Grüßen</p>
        <p>Ihr</p>
        <p>Schmerz-Spezialisten Team</p>
    </table>



Any help is greatly appreciated.

Example of an Email body:


Kind regards,
Andreas

CodePudding user response:

A common method among email developers is to use email screenshots services, like Litmus, Email on Acid or Testi.at. But other than that, hand testing is still necessary and a proven way of doing things in the email world.

  • Related