Standard e-mail design

Sådan gendanner du til vores standard e-mail design.

Nicklas Nguyen avatar
Skrevet af Nicklas Nguyen
Opdateret over en uge siden

Shipmondos standard e-mail design for personlig e-mail besked ser ud som vist forneden.

Ønsker du at gendanne til vores standard e-mail design, så skal du kopiere koden herunder ind på HTML editoren, som du finder under Indstillinger > Personlig besked > Rediger HTML og vælge Gem.

Kode til standard e-mail design:

<style>
    @media only screen and (max-width: 620px) {
        table.body p,
        table.body ul,
        table.body ol,
        table.body td,
        table.body span,
        table.body a {
            font-size: 16px !important;
        }

        table.body .wrapper,
        table.body .article {
            padding: 40px 10px 40px 10px !important;
        }

        table.body .content {
            padding: 0 !important;
        }

        table.body .container {
            padding: 0 !important;
            width: 100% !important;
        }

        table.body .main {
            border-left-width: 0 !important;
            border-radius: 0 !important;
            border-right-width: 0 !important;
            margin-top: 5px;
        }

        table.body .btn table {
            width: 100% !important;
        }

        table.body h1 {
            font-size: 18px !important;
        }

    }

    @media all {
        .ExternalClass {
            width: 100%;
        }

        .ExternalClass,
        .ExternalClass p,
        .ExternalClass span,
        .ExternalClass font,
        .ExternalClass td,
        .ExternalClass div {
            line-height: 100%;
        }

        .apple-link a {
            color: inherit !important;
            font-family: inherit !important;
            font-size: inherit !important;
            font-weight: inherit !important;
            line-height: inherit !important;
            text-decoration: none !important;
        }

        .btn-primary table td:hover {
            background-color: #3D92CA !important;
        }

        .btn-primary a:hover {
            background-color: #3D92CA !important;
            border-color: #3D92CA !important;
        }

        body {
            background-color: #F4F8F9;
            font-family: Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            font-size: 14px;
            line-height: 1.4;
            margin: 0;
            padding: 0;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }
    }
</style>
<table border="0" cellpadding="0" cellspacing="0" class="body"
       style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #F4F8F9; width: 100%;" width="100%" bgcolor="#F4F8F9">
    <tr>
        <td style="font-family: Arial, sans-serif; font-size: 14px; vertical-align: top;" valign="top">&nbsp;</td>
        <td class="container"
            style="font-family: Arial, sans-serif; font-size: 14px; vertical-align: top; display: block; max-width: 580px; padding: 10px; width: 580px; margin: 0 auto;"
            width="580" valign="top">
            <div class="content" style="box-sizing: border-box; display: block; margin: 0 auto; max-width: 580px; padding: 10px;">

                <!-- START CENTERED WHITE CONTAINER -->
                <table class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #ffffff; border-radius: 3px; width: 100%;"
                       width="100%">

                    <!-- START MAIN CONTENT AREA -->
                    <tr>
                        <td class="wrapper"
                            style="font-family: Arial, sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 40px 20px 56px 20px;"
                            valign="top">
                            <table border="0" cellpadding="0" cellspacing="0"
                                   style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                                <tr>
                                    <td style="font-family: Arial, sans-serif; font-size: 14px; vertical-align: top;padding-bottom: 30px;border-bottom: 1px dashed #7C8A98;"
                                        valign="top">
                                        <h1 style="font-family: Arial, sans-serif; font-size: 24px; font-weight: normal; margin: 0; mso-line-height-rule:exactly; padding-bottom: 40px; color:#000000;">
                                            Kære *receiver_name*, <br>Din forsendelse er gjort klar til afsendelse.
                                        </h1>

                                        <p style="font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 0px; padding-top: 20px;color:#7C8A98;border-top: 1px dashed #7C8A98;"></p>

                                        <p style="font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 0px;color:#7C8A98;">
                                            Pakken vil blive sendt med *shipping_agent* og pakkenr. er <a href="*tt_url*" target="_blank"
                                                                                                          style="text-decoration: none;color:#3DB8DB;">*tt*</a>.
                                        </p>
                                        <p style="font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px; color:#7C8A98;">
                                            Inden længe vil du kunne følge din forsendelse ved at klikke på knappen herunder.
                                        </p>
                                        <p style="font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px; color:#7C8A98;">
                                            Tak fordi du handlede hos os 😊
                                        </p>
                                        <p style="font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 0px; color:#7C8A98;">
                                            Med venlig hilsen
                                        </p>
                                        <p style="font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 40px; color:#7C8A98;">
                                            *sender_name*
                                        </p>
                                        <table border="0" cellpadding="0" cellspacing="0" class="btn btn-primary"
                                               style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; box-sizing: border-box; width: 100%;"
                                               width="100%">
                                            <tbody>
                                            <tr>
                                                <td align="left" style="font-family: Arial, sans-serif; font-size: 14px; vertical-align: top;" valign="top">
                                                    <table border="0" cellpadding="0" cellspacing="0"
                                                           style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
                                                        <tbody>
                                                        <tr>
                                                            <td style="font-family: Arial, sans-serif; font-size: 14px; vertical-align: top; border-radius: 5px; text-align: center; background-color: #3DB8DB;"
                                                                valign="top" align="center" bgcolor="#3DB8DB"><a href="*tt_url*" target="_blank"
                                                                                                                 style="border: solid 1px #3DB8DB; border-radius: 5px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; margin: 0; padding: 10px 22px; text-decoration: none; background-color: #3DB8DB; border-color: #3DB8DB; color: #ffffff;">FØLG
                                                                PAKKEN</a></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer" style="clear: both; margin-top: 10px; text-align: center; width: 100%;">
                    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;"
                           width="100%">
                        <tr>
                            <td class="content-block powered-by"
                                style="font-family: Arial, sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; color: #999999; font-size: 12px !important; text-align: center;"
                                valign="top" align="center">
                                Powered by <a href="https://shipmondo.com?utm_source=personal_notification&amp;utm_medium=email" target="_blank"
                                              style="color: #999999; font-size: 12px !important; text-align: center; text-decoration: none;">Shipmondo</a>.
                            </td>
                        </tr>
                    </table>
                </div>
                <!-- END FOOTER -->

                <!-- END CENTERED WHITE CONTAINER -->
            </div>
        </td>
        <td style="font-family: Arial, sans-serif; font-size: 14px; vertical-align: top;" valign="top">&nbsp;</td>
    </tr>
</table>

Besvarede dette dit spørgsmål?