how-to-create-an-email-template-for-outlook-with-stripo
18 серпня 2022

Як створити email-шаблон для Outlook за допомогою Stripo

Olena Zinkovska
Olena Zinkovska Редакторка блогу
Зміст
  1. Чому ми вирішили додати прямий експорт до Outlook
  2. Як це працює
  3. На завершення
1.
Чому ми вирішили додати прямий експорт до Outlook

За допомогою Stripo, що дозволяє експортувати листи до Outlook Apps (в macOS і Windows) та веб-версії Outlook, відправка витончених HTML листів через ваш улюблений email-клієнт тепер стала ще простіша! Додаткові інструменти не потрібні.

У цій статті ми покажемо, як експортувати HTML-шаблони до Outlook лише двома кліками.

Як створити email-шаблон для Outlook за допомогою Stripo

Приєднатися до 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» у нашому блозі ми розповідаємо про альтернативи фоновим зображенням.

Вам також може сподобатися

Типові проблеми відображення листів в Outlook та їх вирішення за допомогою StripoStripo_Outlook Rendering Issues_Featured Image1
  • 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

Хочемо наголосити, що ви маєте змогу експортувати листи зі Stripo до Outlook Apps та Outlook Web.

Outlook Apps (Microsoft Office 365 and Outlook 2019)

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

  • натиснути кнопку «Експортувати»;

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

  • вибрати Outlook із переліку запропонованих ESP;

Виберіть параметр Outlook App у діалоговому вікні

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

Виберіть тип файлу для шаблону розсилки

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

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

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

Outllook.com (Web)

Коли ваш шаблон буде готовий:

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

  • виберіть Outlook Web як пункт призначення;

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

  • у спливаючому вікні натисніть кнопку «Експортувати». Опція «Зробити публічним» вже активована;

Експорт шаблонів розсилки в Outlook

  • введіть свої облікові дані для Outlook;

  • надайте Stripo доступ до свого акаунту Outlook;

Надання доступу до облікового запису Outlook

Важливо:

ви лише надаєте нам доступ до чернеток (для відправки). У нас не буде можливості переглядати ваші контакти, відправлені та вхідні повідомлення.

  • перейдіть до папки «Чернетки» в Outlook;

  • відредагуйте email, якщо необхідно;

  • заповніть тему (за замовчуванням вона копіює заголовок вашого шаблону);

  • ваш email готовий до відправлення!

Ви також можете використовувати нашу опцію «Масовий експорт» для експорту великої кількості листів до Outlook:

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

  • виберіть листи, які хочете експортувати;

  • виберіть опцію «Експорт» у спливаючому меню над своїми листами;

  • повторіть кроки, описані в пункті «Експорт шаблонів до Outlook».

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

Якщо ви виберете Outlook App для експорту кількох листів, вони будуть завантажені у вигляді архіву на ваш комп'ютер. Щоб знайти листи в Outlook Web, перевірте папку «Чернетки».

Важливо зазначити:

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

Підключення нового облікового запису

Експортувати мої шаблони до Outlook

Тут лист буде відображатися саме так, як побачать його ваші читачі. У цьому вікні ви можете відредагувати свій шаблон, якщо потрібно.

Важливо:

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

Переміщення контейнерів у наступні рядки

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

Лист надісланий через Outlook

(лист, відправлений через Outlook)

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

На завершення

Як бачите, створення та надсилання листів через Outlook — це легко, як прогулянка парком.

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

Створюйте шаблони листів для Outlook і надсилайте їх до цього поштового клієнта з мінімальними зусиллями
Чи була ця стаття корисна?
Tell us your thoughts
Дякуємо за ваш відгук!
10 коментарів
grant medefindt 1 рік тому
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 1 рік тому
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 2 роки тому
Remarkable! Its really amazing article, I have got much clear idea about from this paragraph.
Hanna Kuznietsova 2 роки тому
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 2 роки тому
Jin Ke... Очень рады быть полезными ) Если возникнут вопросы - пожалуйста, обращайтесь.
Owolabi Olanrewaju 3 роки тому
But the HTML of stripo does not have outlook conditional tags, why.
Hanna Kuznietsova 3 роки тому
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 4 роки тому
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 4 роки тому
Adams, Thank you for your supportive feedback. We're glad you like our blog post.
Тип
Індустрія
Сезони
Інтеграції