Как с помощью Stripo создать шаблон для Outlook

Теперь, когда Stripo позволяет экспортировать письма в приложения Outlook (как на macOS, так и на Windows), а также в Outlook.com, отправлять коллегам и клиентам красивые HTML-письма из вашего любимого почтовика стало гораздо проще! И для этого никакие расширения не нужны.
В этой статье мы покажем, как экспортировать HTML-шаблоны в Outlook всего в два клика.
Действительно, зачем использовать Outlook, если вы можете отправлять письма с помощью Mailchimp, eSputnik или любого другого ESP?
По данным Litmus, Outlook сегодня используют 11% людей. В основном это корпоративные клиенты, которым нужно рассылать внутренние рассылки, будь то годовые отчеты, новости или обновления компании. Разумеется, для этого нужны шаблоны в формате HTML, чтобы письма/отчеты были упорядоченно структурированными и адаптивными, возможно даже интерактивными, со встроенными таблицами, видеоинструкциями или видеоприветствиями.
Все письма такого типа, особенно годовые отчеты, должны быть конфиденциальными. Поэтому вы вряд ли отправите их через сторонний сервис. Хотя вообще-то все ESP гарантируют безопасность информации.
Вот почему многие из наших пользователей обращались к нам, чтобы узнать, можно ли просто так взять и экспортировать шаблон в данный почтовик.
Наши разработчики начали работу над этим проектом. И мы эту опцию таки выпустили.
Мы с гордостью сообщаем, что Stripo — первый редактор писем, в котором можно создавать шаблоны для Outlook и легко загружать их в этот почтовик.
В статье «Руководство от А до Я» нашего блога мы подробно рассказали, как создавать шаблоны рассылок.
Шаблон для Outlook создается точно так же.
Но есть некоторые моменты, на которые мы хотели бы обратить внимание по причине особенностей рендеринга Outlook:
Как известно, кнопки в этом почтовике могут несколько отличаться от тех, которые мы видим в других email-клиентах. Например, закругленные кнопки в Outlook становятся «угловатыми». Соответственно, ваше письмо может потерять красоту и целостность. Не волнуйтесь — Stripo в теме.
Чтобы сохранить дизайн кнопок во всех версиях Outlook, вам нужно активировать опцию «Поддержка Outlook».
перейдите во вкладку «Оформление» на боковой панели;
откройте вкладку «Кнопка»;
включите опцию «Поддержка Outlook».
Фон отображается в Outlook только в том случае, если он был установлен для всего письма. Если вы установите фон для строки, полосы или любого другого элемента, то он не будет отображаться.
Мы нашли выход:
активируйте настройки элемента письма, для которого вы хотите задать фон, кликнув по значку этого элемента контента. Это может быть «значок», «полоса» и т. д.;
затем откройте редактор HTML-кода;
и вставьте этот фрагмент кода над строкой в коде, который начинается с "Table width";
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:327px;height:100%;">
<v:fill type="frame" src="https://iiqf.stripocdn.email/content/guids/CABINET_b696bac619e2a6fd60a2c756b8b7c9c5/images/26661559905688877.png" color="#7bceeb" ></v:fill>
<v:textbox inset="0,0,0,0">
<![endif]-->
теперь вставьте этот фрагмент кода под строкой, которая начинается с "Table width", то есть под той же строкой;
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
замените ссылку, которую мы подчеркнули, ссылкой на ваше фоновое изображение — вам придется сделать это дважды;
не забудьте отредактировать ширину изображения так, чтобы она соответствовала ширине контейнера — вы можете увидеть ее в верхней строке после тега "width". В нашем случае это 600 пикселей.
Обратите внимание, что вы не можете одновременно использовать код для фона и опцию «Поддержка Outlook» для кнопок, так как Outlook отображает за один раз только один элемент, написанный на VML.
В посте «Типичные проблемы отображения писем в Outlook и их решение с помощью Stripo» нашего блога мы рассказываем об альтернативах фоновым изображениям.
GIF-анимации в шаблонах Outlook
Как известно, с февраля 2019 года Outlook поддерживает GIF.
Outlook для Office 365, десктопное приложение;
Outlook для Office 365, мобильное приложение;
Outlook 2003, десктопное приложение;
Outlook для Mac, приложение;
Веб-версия Outlook для мобильных и десктопных устройств.
Точно так же, как и обычные изображения:
перетащите блок изображения в шаблон Outlook;
добавьте нужный GIF-файл, загрузив свое фото или вставив ссылку на внешнее хранилище файлов;
ваше письмо готово к отправке.
Не забудьте добавить ссылку на веб-версию вашего письма для тех получателей, которые используют следующие версии этого почтовика: Outlook 2007, Outlook 2010, Outlook 2013, Outlook 2016 и даже Outlook 2019, чтоб они тоже могли видеть ваши гифки.
войдите в режим предпросмотра;
над шаблоном нажмите кнопку «Копировать» или «Открыть в новой вкладке»;
вставьте эту ссылку в верхнюю часть вашего шаблона Outlook.
Когда вы создаете HTML-шаблон для Outlook или любого другого почтовика, вам нужно предварительно просмотреть его перед отправкой вашим дорогим получателям, чтобы убедиться, что письмо выглядит именно так, как задумано.
Есть три способа проверить письмо с помощью Stripo:
Перейдя в этот режим, вы увидите десктопную и мобильную версии вашего письма.
Stripo интегрирован с Email on Acid, одним из лучших инструментов тестирования писем. Эта интеграция позволяет просматривать письма во всех версиях Outlook и других почтовиках.
Вы также можете отправить тестовые письма на несколько аккаунтов Outlook ваших друзей и коллег, чтобы увидеть «живые» тесты.
Для этого просто нажмите значок «Протестировать», введите несколько адресов — если адресов много, разделите их запятыми — и нажмите «Отправить».
Мы хотим еще раз напомнить, что экспортировать шаблоны можно как в десктопные приложения Outlook, так и в Outlook.com.
Когда ваш шаблон рассылки для Outlook будет готов, вам нужно:
нажать кнопку «Экспортировать»;
выбрать Outlook из числа предложенных ESP;
выбрать нужный тип файла: OFT для Windows или же EMLTPL для macOS;
при необходимости отредактируейте письмо;
теперь введите адреса ваших получателей. Готово!
Когда ваше письмо готово:
Доступ распространяется исключительно на папку «Черновики». Доступа к контактам, папкам «Входящие» и «Исходящие» у нас не будет.
кликните на «Письма» в панели инструментов;
выберите письма, которые хотите экспортировать;
выберите опцию «Экспорт» во всплывающем меню над своими письмами;
повторите шаги, описанные в пункте «Экспорт шаблонов в Outlook».
Если вы выберете опцию Outlook App для экспорта нескольких писем, они будут загружены в виде архива на ваш компьютер. Чтобы найти свои письма в Outlook Web, проверьте папку «Черновики».
Пожалуйста, обратите внимание, что Outlook не поддерживает использование нескольких аккаунтов в бразуере одновременно. В связи с чем для подключения нового аккаунта Outlook для экспорта писем из Stripo, вам необходимо отсоединить предыдущий аккаунт. После чего стоит убедиться, что вы вышли из того аккаунта Outlook. И уже только потом можно подключать новый аккаунт Outlook к Stripo.
Outlook удаляет стили, отвечающие за адаптивность писем. То есть пользователи, которые откроют ваше письмо на мобильных, увидят его десктопную версию. Нет, горизонтальной прокрутки не будет. Но все контейнеры из одной строки, которые на мобильных устройствах принято перемещать во вторую строку, останутся в первой.
(письмо, отправленное через ESP или большинство почтовиков)
(письмо, отправленное через Outlook)
Мы хотим еще раз подчеркнуть, что горизонтального скролла не будет.
Как видите, создание и отправка писем посредством Outlook — это просто, как прогулка в парке.
Если у вас возникли вопросы, пожалуйста, оставьте комментарий ниже — мы будем рады помочь.
А что если мы пришлем вам напоминание попробовать Stripo на десктопе?
10 комментариев