Маркетинг Шаблон How-to
~ 8 хв читати
313040 перегляди
оцінити
10 листопада 2021

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

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

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

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

Приєднатися до Stripo

Вступ

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

Чому ми вирішили додати прямий експорт до 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».

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

Спробувати 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. Режим попереднього перегляду

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

Вхід у режим попереднього перегляду

  • Спосіб 2. Тестування шаблонів Outlook за допомогою нашого інструменту тестування.

Stripo інтегрований з Email on Acid, одним з найкращих інструментів тестування електронних листів. Ця інтеграція дозволяє переглядати листи в усіх версіях Outlook та інших поштовиків.

Створення листів для Outlook_Тестування листів перед відправленням клієнтам

  • Спосіб 3. Відправлення тестових листів

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

Для цього просто натисніть значок «Протестувати», введіть кілька адрес — якщо адрес багато, розділіть їх комами — і натисніть «Відправити».

Спробувати Stripo

Крок 3. Експорт шаблонів до Outlook

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

Outlook Apps (Microsoft Office 365 and Outlook 2019)

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

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

Кнопка експорт

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

Exporting-Emails-to-Outlook

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

Вибір операційної системи

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

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

  • за необхідності введіть свою електронну адресу;

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

Введення електронної пошти одержувачів

Outllook.com (Web)

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

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

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

Outlook веб версія

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

 публічним в рамках проекту

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

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

Так-кнопка-Outlook

Важливо:

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

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

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

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

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

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

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

Підключення нових облікових записів Outlook до Stripo

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

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

Важливо:

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

Containers-Get-Moved-to-Next-Rows

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

Email-Sent-Through-Outlook

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

Зберігайте всі шаблони розсилок Outlook у своїй персональній бібліотеці за допомогою Stripo та експортуйте їх до Outlook коли завгодно лише двома кліками.

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

Любі користувачі Outlook!

Якщо у вас є якісь питання або проблеми, залиште коментар нижче або напишіть нам на пошту contact@stripo.email.

grant medefindt 5 місяців тому

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?

Ганна Кузнєцова прокоментував grant medefindt 5 місяців тому

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.

Ганна Кузнєцова прокоментував 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 1 рік тому

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

Ганна Кузнєцова прокоментував Jin Ke 1 рік тому

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

Owolabi Olanrewaju 2 роки тому

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

Ганна Кузнєцова прокоментував 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 2 роки тому

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 Smith 2 роки тому

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, AWeber,...

Дизайн Маркетинг Шаблон
24 травня · 18 хв читати
Найкращі шрифти для розсилок: поради та хитрощі

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

Дизайн Шаблон
Greatest Examples of GIF animations in Emails_Cover Image
27 жовтня 2021 · 10 хв читати
16 найкращих прикладів GIF-анімацій у розсилках

GIF-анімації в електронних листах стануть у великій нагоді, якщо ви бажаєте продемонструвати свою продукцію, привернути увагу користувачів до певних елементів листа або просто трохи прикрасити свій текст. У цій статті ми підготували для вас добірку найкращих прикладів таких анімацій. Приклади GIF-анімацій в email-розсилках Отже, ось наша компіляція найбільш вдалих прикладів використання GIF-файлів у листах. У кожному з них гіфка виконує свою місію. 1. Adidas (Джерело: лист від Adidas) Adidas застосували в листі анімацію, щоб показати доступні кольорові версії товару. Виглядає...

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

Хороші підписи у листах допомагають нам розвивати бізнес і справляти гарне враження на клієнтів. І оскільки це останній елемент, який люди побачать у вхідних, нам треба робити персональні підписи креативними й такими, що запам'ятовуються. Давайте розглянемо найкращі приклади підписів та їхнє правильне використання в листах та шаблонах розсилок. Варто зазначити, що професійні підписи з детальною контактною інформацією потрібні будь-якому бізнесу. Використовуйте цей шаблон, створюючи підписи для розсилок Використати Такий приклад підпису добре підходить для юридичних консультацій, банківської справи та ін....

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