Creating Email templates

Kristina Vasilevich

Создаем email не как в 2007

Colorful envelops sitting on the tree

Содержание

  1. Особенности создания email
  2. Способы создания шаблона email
  3. Примеры создания шаблона email
  4. Тестирование email

1. Особенности создания email

Поддержка HTML5 и CSS3 email-клиентами

Table of display:flex support for email clients
display: flex support by Can I Email

Верстка таблицами

            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
            ...
            <body>
            <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0" >
              <tr>
                <td>
                  <center>
                    <span style="color: #333333; font: 10px Arial, sans-serif; line-height: 30px;
              -webkit-text-size-adjust:none; display: block;" >
              Ваш волшебный контент
        </span>
                    <a href="go_to_my_site.com"> Ваша волшебная ссылка</a>
                    <img src="perfect_image.png" alt="Perfect image" width="200" height="70" >
                  ...
            </body>
        

2-3. Способы создания шаблона email + примеры

2-3. Способы создания шаблона email + примеры

2-3. Способы создания шаблона email + примеры

2-3. Способы создания шаблона email + примеры

4. Тестирование email

Спасибо!