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

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

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

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

Чому ми вирішили додати прямий експорт до Outlook

І дійсно, навіщо використовувати Outlook, якщо ви можете відправляти листи за допомогою Mailchimp, eSputnik або будь-якого іншого ESP?

За даними Litmus, Outlook на сьогодні використовують 11% людей. Здебільшого це корпоративні клієнти, яким необхідно робити внутрішні розсилки повідомлень, річні звіти або новини компанії. Ясна річ, для цього потрібні шаблони у форматі HTML, щоб листи/звіти були впорядковано структурованими та адаптивними, можливо, із вбудованими таблицями, відеоінструкціями або відеопривітаннями.

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

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

Наші розробники розпочали роботу над цим проєктом. І ми цю опцію таки випустили.

Як це працює

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

Крок 1. Створення шаблону для Outlook

У статті «Інструкція від А до Я» нашого блогу ми детально розповіли, як створювати шаблони розсилок.

Шаблон для Outlook створюється у такий самий спосіб.

Проте є деякі моменти, яким ми хотіли б приділити увагу через особливості рендерингу Outlook:

• Кнопки CTA в Outlook

Як відомо, кнопки у цьому поштовику можуть дещо відрізнятися від тих, які ми бачимо в інших email-клієнтах. Наприклад, заокруглені кнопки в 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» у нашому блозі ми розповідаємо про альтернативи фоновим зображенням.

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

Типові проблеми відображення листів в 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.

Спробувати Stripo

Крок 2. Попередній перегляд

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

Є три способи перевірити листа за допомогою Stripo:

• Спосіб 1. Режим попереднього перегляду

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

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

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

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

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

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

Спробувати Stripo

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

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

Outlook Apps (Microsoft Office 365 and Outlook 2019)

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

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

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

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

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

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

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

Outllook.com (Web)

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

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

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

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

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

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

Важливо:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Важливо:

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

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

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

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

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

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

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