21 марта 2020

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

Анна Кузнецова Главный редактор Stripo

До недавних пор было очень сложно, если не сказать невозможно, осуществить HTML-рассылку через Outlook, чтобы сообщения при этом отображались корректно. Но Stripo нашли выход. Теперь у вас есть возможность создавать HTML-шаблоны для Outlook и без проблем экспортировать их в этот почтовик. Обратите внимание, что данная функция предназначена для ОС Windows и не работает в macOS.

Начните прямо сейчас

Казалось бы, зачем использовать Outlook, если можно отправлять письма через Mailchimp, eSputnik или любой другой ESP?

Почему мы решили добавить прямой экспорт в Outlook

По статистике Litmus, 10% людей сегодня используют Outlook. В основном это корпоративные клиенты, которым нужно отправлять внутренние рассылки, например, годовые отчеты или новости компании. Конечно, для этого нужен такой HTML-шаблон, который сделает письмо или отчет упорядоченным, адаптивным и, возможно, даже интерактивным, со встроенными таблицами, видеоинструкциями или видеоприветствиями.

Все письма такого типа, особенно годовые отчеты, должны быть конфиденциальными. Поэтому вы вряд ли отправите их через сторонний сервис даже несмотря на то, что все ESP гарантируют безопасность информации.

Вот почему многие наши пользователи обратились к нам с вопросом, как экспортировать шаблоны в этот почтовик.

Итак, наши разработчики начали работать над этим проектом — и вот мы выпустили такую опцию.

Экспортировать письма в Outlook

Как это работает

Мы с гордостью сообщаем, что Stripo — первый редактор электронных писем, который позволяет создавать шаблоны для Outlook. 21 мая 2018 года мы выпустили эту новую опцию: экспорт шаблонов в Outlook.

Это важно:

Экспорт работает только в ОС Windows.

Шаг 1. Создание шаблона для Outlook

В публикации «Инструкция от А до Я» на нашем блоге мы подробно объясняем, как создать шаблон рассылки.

Шаблон для Outlook создается точно так же.

Но мы хотели бы отметить некоторые особенности, которые связаны с особенностями рендеринга Outlook:

  • кнопки CTA в Outlook

Как известно, кнопки в данном почтовике могут несколько отличаться от их отображения в других почтовых клиентах. Например, закругленные кнопки в Outlook превращаются в прямоугольные. Следовательно, ваше письмо может утратить красоту и стиль бренда. Не беспокойтесь — Stripo в курсе.

Чтобы сохранить дизайн кнопок во всех версиях Outlook, вам нужно активировать опцию «Поддержка Outlook».

  • перейдите во вкладку «Оформление» на боковой панели;

  • откройте вкладку «Кнопка»;

  • включите опцию «Поддержка Outlook».

Попробовать Stripo

  • Фон в 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» на нашем блоге мы рассказываем об альтернативах фоновым изображениям.

Попробовать Stripo

  • GIF-анимации в шаблонах Outlook

Как известно, с февраля 2019 года Outlook поддерживает GIF-файлы.

Какие версии Outlook совместимы с GIF:
  • Outlook для Office 365, десктопное приложение;

  • Outlook для Office 365, мобильное приложение;

  • Outlook 2003, десктопное приложение;

  • Outlook для Mac, приложение;

  • веб-версия Outlook для мобильных и десктопных устройств.

Как с помощью Stripo загружать GIF-анимации в письма

Точно так же, как и обычные изображения:

  • перетащите блок изображения в шаблон Outlook;

  • добавьте нужный GIF-файл, загрузив свое фото или вставив ссылку на внешнее хранилище файлов;

  • ваше письмо готово к отправке.

Не забудьте добавить ссылку на веб-версию вашего письма для тех получателей, которые используют следующие версии этого почтовика: Outlook 2007, Outlook 2010, Outlook 2013, Outlook 2016 и даже Outlook 2019.

Как получить ссылку на веб-версию с помощью Stripo
  • войдите в режим предпросмотра;

  • над шаблоном нажмите кнопку «Копировать» или «Открыть в новой вкладке»;

  • вставьте эту ссылку в верхнюю часть вашего шаблона Outlook.

Попробовать Stripo

Шаг 2. Предварительный просмотр

Когда вы создаете HTML-шаблон для Outlook или любого другого почтовика, вам нужно предварительно просмотреть его перед отправкой вашим дорогим получателям, чтобы убедиться, что письмо выглядят именно так, как задумано.

Есть три способа проверить письмо с помощью Stripo: 

  • Способ 1. Режим предпросмотра

Перейдя в этот режим, вы увидите десктопную и мобильную версии вашего письма.

  • Способ 2. Тестирование шаблонов Outlook с помощью нашего инструмента тестирования.

Stripo интегрирован с Email on Acid, одним из лучших инструментов тестирования электронных писем. Эта интеграция позволяет просматривать письма во всех версиях Outlook и других почтовиках.

  • Способ 3. Отправка тестовых писем

Вы также можете отправить тестовые письма на несколько аккаунтов Outlook ваших друзей и коллег, чтобы увидеть «живые» тесты.

Для этого просто нажмите значок «Протестировать», введите несколько адресов — если адресов много, разделите их запятыми — и нажмите «Отправить».

Попробовать Stripo

Шаг 3. Экспорт шаблонов в Outlook

Мы еще раз напоминаем, что эта опция доступна только для Windows. Она не работает в macOS.

Когда ваш шаблон рассылки для Outlook будет готов, вам нужно:

  • нажать кнопку «Экспортировать»;

  • выбрать Outlook из числа предложенных ESP.

Готово!

Примечание: после того, как вы однажды экспортируете шаблон таким образом, в следующий раз вы увидите опцию экспорта в Outlook в строке «Экспорт в свою систему автоматизации маркетинга».

Шаблон будет загружен на ваш компьютер в виде файла OFT — Шаблон файла Outlook. Кликнув по файлу, вы откроете окно Outlook с готовым к отправке шаблоном.

Шаблон сообщения отобразится именно так, как его увидят ваши получатели. В этом же окне его можно редактировать.

Примечание: для того, чтоб вставлять в сообщения файлы HTML или OFT, у вас должно быть установлено приложение Outlook. Веб-версии недостаточно. В адресную строку введите адреса всех получателей. Готово!

Сохраняйте все шаблоны, созданные для Outlook, в своей персональной библиотеке в Stripo. При необходимости, экспортируйте их в Outlook всего в два клика.

Вывод

Уважаемые пользователи Outlook! Если у вас возникли вопроcы, пожалуйста, пишите нам в Facebook или же на почту.

3 комментариев
тест
Thank you for sharing this post, it is very effective and informative, I like the way you present all the things, I am a Technical Support Advisor, We are providing the best solutions to your problems. For any query or any technical issues, Contact us or visit our website-https://www.outlooksupporto.com/embed-youtube-video-in-outlook-email/
Adams, Thank you for your supportive feedback. We're glad you like our blog post.