How_to_Create_Email_Template_for_Outlook_with_Stripo
timer ~ 10 мин читать
330966 просмотры
оценить
18 августа

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

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

Теперь, когда Stripo позволяет экспортировать письма в приложения Outlook (как на macOS, так и на Windows), а также в Outlook.com, отправлять коллегам и клиентам красивые HTML-письма из вашего любимого почтовика стало гораздо проще! И для этого никакие расширения не нужны.

В этой статье мы покажем, как экспортировать HTML-шаблоны в Outlook всего в два клика.

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

Присоединиться к Stripo

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

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

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

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

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

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

Создавайте крутые письма и отправляйте их через Outlook

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

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

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

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

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

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

  • Кнопки CTA в Outlook

Как известно, кнопки в этом почтовике могут несколько отличаться от тех, которые мы видим в других email-клиентах. Например, закругленные кнопки в Outlook становятся «угловатыми». Соответственно, ваше письмо может потерять красоту и целостность. Не волнуйтесь — Stripo в теме.

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

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

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

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

Кнопки CTA для шаблонов рассылки Outlook

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

  • Фоны в Outlook

Фон отображается в Outlook только в том случае, если он был установлен для всего письма. Если вы установите фон для строки, полосы или любого другого элемента, то он не будет отображаться.

Мы нашли выход:

  • активируйте настройки элемента письма, для которого вы хотите задать фон, кликнув по значку этого элемента контента. Это может быть «значок», «полоса» и т. д.;

  • затем откройте редактор HTML-кода;

Экспорт писем в Outlook _ Открытие редактора кода

  • и вставьте этот фрагмент кода над строкой в ​​коде, который начинается с "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]-->
  • замените ссылку, которую мы подчеркнули, ссылкой на ваше фоновое изображение — вам придется сделать это дважды;

Как отправлять рассылки через Outlook _ Работа с фоном

  • не забудьте отредактировать ширину изображения так, чтобы она соответствовала ширине контейнера — вы можете увидеть ее в верхней строке после тега "width". В нашем случае это 600 пикселей.

Обратите внимание, что вы не можете одновременно использовать код для фона и опцию «Поддержка Outlook» для кнопок, так как Outlook отображает за один раз только один элемент, написанный на VML.

В посте «Типичные проблемы отображения писем в Outlook и их решение с помощью Stripo» нашего блога мы рассказываем об альтернативах фоновым изображениям.

9 мин читать

66973 просмотры 3.9

Типичные проблемы отображения писем в Outlook и их решение с помощью 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 _ Ссылка на веб-версию писем рассылки

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

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

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

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

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

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

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

Вход в режим предварительного просмотра для проверки шаблонов рассылки Outlook

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

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

Запустите тест пользовательских шаблонов в Stripo

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

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

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

Зарегистрироваться в Stripo

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

Мы хотим еще раз напомнить, что экспортировать шаблоны можно как в десктопные приложения Outlook, так и в Outlook.com.

Приложения Outlook (Microsoft Office 365 and Outlook 2019)

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

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

Разработка шаблонов рассылки для Microsoft Outlook _ Кнопка «Экспорт»

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

Выберите параметр приложения Outlook App в диалоговом окне

  • выбрать нужный тип файла: OFT для Windows или же EMLTPL для macOS;

Выберите тип файла для шаблона вашей рассылки

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

  • теперь введите адреса ваших получателей. Готово!

Файловая система Outlook _ Редактирование писем после экспорта

Outlook.com (Outlook on the Web)

Когда ваше письмо готово:

  • кликните на кнопку «Экспортировать»;
  • выберите Outlook WEB;

Выберите параметр Outlook Web в диалоговом окне

  • в поп-ап окошке кликните на кнопку «Экспортировать», а опция «Сделать публичным» включена по умолчанию;

Экспорт шаблонов рассылки в Outlook

  • введите логин и пароль от своего аккаунта в Outlook;
  • предоставьте Stripo доступ к вашему акканту (с целью доставки писем);

Предоставление доступа к вашей учетной записи Outlook

Важно:

Доступ распространяется исключительно на папку «Черновики». Доступа к контактам, папкам «Входящие» и «Исходящие» у нас не будет.

  • перейдите в Outlook в «Черновики»;
  • отредактируйте письмо при необходимости;
  • введите тему (по умолчанию, в «Тему» автоматически подставляется название вашего шаблона. Или же тему рассылки, если вы задали ее в Stripo перед отправкой);

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

Вы также можете использовать нашу опцию «Массовый экспорт» для экспорта большого количества писем в Outlook:

  • кликните на «Письма» в панели инструментов;

  • выберите письма, которые хотите экспортировать;

  • выберите опцию «Экспорт» во всплывающем меню над своими письмами;

  • повторите шаги, описанные в пункте «Экспорт шаблонов в Outlook».

Массовый экспорт для нескольких шаблонов рассылки

Если вы выберете опцию Outlook App для экспорта нескольких писем, они будут загружены в виде архива на ваш компьютер. Чтобы найти свои письма в Outlook Web, проверьте папку «Черновики».

Важно:

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

Подключение новой учетной записи

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

Важно:

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

Перемещение контейнеров в следующие строки

(письмо, отправленное через ESP или большинство почтовиков)

Письмо отправленное через Outlook

(письмо, отправленное через Outlook)

Мы хотим еще раз подчеркнуть, что горизонтального скролла не будет.

В завершение

Как видите, создание и отправка писем посредством Outlook — это просто, как прогулка в парке.

Если у вас возникли вопросы, пожалуйста, оставьте комментарий ниже — мы будем рады помочь.

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

grant medefindt 10 месяцев назад

When sending out a Mac Outlook emltpl file, the mobile responsive styling gets stripped out and the end result is no mobile view and only the desktop design. Is there a reason for this?

Hanna Kuznietsova прокомментировал grant medefindt 10 месяцев назад

Hello, Grant Medefint. Thank you for your question. It happens because Outlook removes the styles that make email design responsive. It only happens to those emails that you send through Outlook. Thus, those users who see your emails on mobile devices will see the desktop version of it. There will be no horizontal scroll. But all the containers from one row that are normally moved to the second row on mobiles, will all remain in one row.

Bill Wick 1 год назад

Remarkable! Its really amazing article, I have got much clear idea about from this paragraph.

Hanna Kuznietsova прокомментировал Bill Wick 1 год назад

Bill Wick, Thank you. We're happy you find this post useful. If you have any questions on how to export templates from Stripo to Outlook, please let us know.

Jin Ke 2 года назад

Благодарю! На будущее как раз очень пригодится.

Hanna Kuznietsova прокомментировал Jin Ke 2 года назад

Jin Ke... Очень рады быть полезными ) Если возникнут вопросы - пожалуйста, обращайтесь.

Owolabi Olanrewaju 2 года назад

But the HTML of stripo does not have outlook conditional tags, why.

Hanna Kuznietsova прокомментировал Owolabi Olanrewaju 2 года назад

Hello, Owolabi. Thank you for your question. Could you please clarify what exactly you mean? Because our templates contain conditions for Outlook - for structures, containers, and buttons... Thank you

Adams Smith 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/

Hanna Kuznietsova прокомментировал Adams Smith 3 года назад

Adams, Thank you for your supportive feedback. We're glad you like our blog post.

Вас также может заинтересовать

Предыдущие статьи Следующие статьи
banner9
06 июня · 15 мин читать
ТОП-10 email-редакторов 2022 года

Все конструкторы email-шаблонов для вас на одно лицо? И вы затрудняетесь с выбором подходящего инструмента для своих кампаний, верно? Неудивительно, ведь их очень много. Мы сделаем обзор самых популярных конструкторов, чтобы выделить их отличительные особенности и помочь вам найти наилучший HTML-редактор шаблонов для ваших текущих потребностей. Я попробую создать одинаковый шаблон с одними и теми же медиафайлами во всех редакторах, чтобы увидеть, чем отличаются эти инструменты. Лучшие конструкторы email-шаблонов Для нашего обзора мы выбрали такие редакторы: Stripo, HubSpot, Campaign Monitor,...

Дизайн Маркетинг Шаблоны
best-fonts-for-email-cover-image-stripo
24 мая · 18 мин читать
Лучшие шрифты для рассылок: советы и хитрости

Одна из самых серьезных проблем при создании электронных писем — правильно выбрать шрифт. Вес, высота, ширина, цвет, форма, интервал… Все ли здесь имеет значение? Да, важно все, но самое главное — выбрать читабельный шрифт. В этой статье мы расскажем, как выбрать лучший профессиональный шрифт для рассылки. Создавайте элегантные письма с помощью Stripo в кратчайшие сроки, используя наши готовые шаблоны Ознакомиться   Шрифты HTML-писем: основные правила, которые нужно соблюдать При выборе оптимального шрифта следует учитывать три базовых правила: 1. Не используйте более двух шрифтов...

Дизайн Маркетинг
Greatest Examples of GIF animations in Emails_Cover Image
27 октября 2021 · 10 мин читать
Гиф-анимации в письмах: 16 лучших примеров

Гифки отлично будут смотреться в ваших письмах, если вы хотите продемонстрировать продукт, привлечь внимание пользователей к какому-либо элементу письма или же просто ненавязчиво украсить текст. В этой статье мы представили лучшие примеры гиф-анимаций в рассылках. Примеры GIF в письмах В этой подборке собраны лучшие примеры использования GIF в письмах, где каждая анимация выполняет свою миссию. 1. Adidas (Источник: рассылка от Adidas) Adidas использовал анимацию в письме, чтобы показать, в каком еще цвете доступен данный товар. Выглядит аккуратно и просто, но при этом...

Дизайн Маркетинг
08 апреля 2021 · 17 мин читать
Дизайн подписи в письмах: 14 лучших примеров

Хорошие подписи писем помогают нам развивать бизнес и производить положительное впечатление на клиентов. Так как подпись письма — это последнее, что люди видят в сообщениях электронной почты, мы должны делать ее креативной и запоминающейся. Давайте рассмотрим лучшие примеры подписей в письмах и их правильное использование в личных переписках и рассылках. Обратите внимание, что для всех видов бизнеса требуются различные профессиональные подписи к письмам с подробной контактной информацией. Используйте этот шаблон подписи письма, чтобы быстрее создать собственную Использовать Эта подпись письма...

Дизайн Маркетинг Шаблоны
Будьте всегда в курсе последних новостей в области email-маркетинга!