Проверить отображение письма в outlook
Где нужно тестировать email и почему руками, а не с помощью сервисов рассказала Леся, верстальщик Inbox Marketing.
Код и дизайн вашего письма могут быть сколь угодно идеальными, но какой в этом толк, если подписчики пользуются Outlook-ом с отключенными картинками
Благодаря тестам отображения писем мы узнаём, какие особенности отображения есть в разных почтовиках. Задать условия отображения писем для каждого почтового клиента невозможно, поэтому приходится искать такое решение, которое будет оптимально выглядеть везде или добавлять какие-нибудь мелочи в код специально для определенного почтовика — но так, чтобы это не вредило верстке в целом и в остальных клиентах всё выглядело хорошо.
«Outlook умеет отображать гифки только из пакета Office 365 и в онлайн-версии. Чтобы изображения не „мылились“ на ретина-дисплеях, мы используем изображения в двойном размере, но из-за этого возникает следующая ситуация.
Если прописать у картинки только ширину, а высоту оставить по умолчанию, то большинство почтовиков сами нормально подстраивают картинку под нужные размеры. Но в Outlook гифки ломаются: ширина отрисовывается в одинарном размере (с ней все хорошо), а вот высота принимает полный двойной размер, т. е. растягивается.
Это легко лечится, если добавить в код гифки параметр высоты. Однако теперь у нас в Yahoo на iOS гифка будет адаптироваться неправильно: ширина подстроится под размер экрана, а высота будет соответствовать заданной нами в коде.
Чтобы гифка корректно отображалась везде, нужно дополнительно в инлайн-стилях прописать „height:auto“. На отображение в Outlook и других почтовиках это не повлияет, зато пользователи Yahoo на мобильных устройствах тоже смогут полюбоваться гифкой».
Леся, верстальщик Inbox Marketing
Но иногда выход один — заверстать часть письма картинками.
Litmus, Email on Acid и аналоги — это сервисы, которые позволяют проверить, как email выглядит на различных устройствах и в разных почтовиках. Они полезны, если нам важно посмотреть, как письмо выглядит в Outlook или Gmail.
Такие сервисы проверки платные, и для российских компаний это не всегда целесообразное вложение: большого охвата популярных в России почтовиков нет, зато есть проверка во многих западных почтовиках, но российская аудитория ими не пользуется.
Представьте, что вы создали ту самую идеальную тему письма, выбрали лучшее имя отправителя на свете, но когда пользователь открывает email-рассылку , видит разорванный шаблон, который точно не побуждает к прочтению, а к покупке тем более. Почему это случается?
Потому что в отличие от веб-разработки, среди почтовых клиентов нет универсальных HTML-стандартов, что делает работу маркетологов еще более сложной. Ведь нужно соблюдать правила разных почтовиков, чтобы адаптивная верстка писем выглядела так, как это и задумывалось.
Сервисы для тестирования вёрстки писем
Litmus - сервис для анализа и тестирования писем
Самый популярный онлайн-сервис для проверки писем - Литмус. И это не только благодаря функционалу их сервиса, а ещё и благодаря их экспертному блогу и видеоконтенту. Компания изучает особенности всех почтовиков, описывает обновления, изучает рынок. Поэтому по праву можно их считать одними из главных экспертов в области емейл-маркетинга.
Litmus содержит в себе набор продуктов, но основным и самым популярным для емейл-маркетологов считается тестирование письма в разных браузерах.
Что такое тестирование вёрстки в Litmus и как это работает?
Этот сервис проверит ваш шаблон письма на 70+ почтовых клиентах и устройствах в считанные секунды:
- Подсветит неработающие ссылки
- Найдёт изображения без альт-текста
- Покажет как отображается письмо в разных браузерах и т.д.
Как работает Литмус-тест?
- Вы отправляете тестовое письмо.
- Сервис открывает письмо в разных почтовых клиентах. Стоит сказать, что для тестов используются не эмуляторы, а реальные устройства.
- Litmus за считанные секунды делает скриншоты того, как ваша рассылка выглядит на разных почтовых клиентах и устройствах.
- В личном кабинете вы можете просмотреть результаты и, при необходимости, поделиться ссылкой на тест.
Согласитесь, чтобы запустить такой тест без помощи сторонних программ придется потратить кучу времени, запастись сотней устройств и учётных записей. А так всё готово за считанные минуты.
Из явных недостатков то, что тестировщик иногда привирает что с письмом всё прекрасно, хотя при просмотре на реальном устройстве видны проблемы с вёрсткой.
Как работает Litmus Builder?
В редакторе писем вы можете:
- верстать письма с нуля,
- загрузить готовый код через zip или просто скопировав
- выбрать готовые шаблоны для редактирования.
Работа с письмом ведётся только в HTML и CSS .
После того как вы создали свое письмо, можно сразу протестировать письмо в разных почтовиках, кликнув по кнопку “Run Email Preview”.
Так же встроена проверка темы письма, о которой стоит сказать отдельно.
Subject Line Checker
Проверяет вашу тему и показывает предварительный просмотр в режиме реального времени более чем в 15 популярных почтовых клиентах. Чтобы получить доступ к инструменту, нажмите в меню «View» и выберите «Subject Line Checker».
Subject Line Checker автоматически заполнит поле «From» исходя из вашего адреса учетной записи Litmus и строки темы с заголовком документа Builder и подсветит всякого рода ошибки. Пока поддерживается только проверка на английском языке.
Где найти Spam test?
Согласитесь, перспективы использования сервиса довольно радужные, но и цена кусается.
Цена вопроса: от $99 для 1 пользователя только за превью писем. От 199$ за полный пакет услуг.
Бесплатный тестовый период: доступен в течение семи дней.
4 из 5. Очевидные минусы за то, что не всегда можно выявить проблемы с письмами и при этом довольно высокая цена. Даже в платных годовых тарифах есть ограничения на отправку писем.
Оценка по пятибалльной шкале: ★ ★ ★ ★ ☆
Альтернативы Litmus Email Testing?
На сегодня Litmus самый популярный сервис, но в то же время и самый дорогой. Тем не менее, есть альтернативы для Litmus как платные, так и бесплатные. Выбор того или иного сервиса, конечно же, зависит от инструментов, которые вы будете использовать для тестирования.
Вот некоторые из них:
Email on Acid
Аналог Litmus, веб-сервис содержит Тестирование Писем, Редактор HTML, Спам-тестер, также есть блог с профильными статьями на тему: Искусственного интеллекта, Вёрстки, Дизайна и т.д.
Помимо перечисленного выше, доступна библиотека шаблонов, которую можно использовать даже при подключении базового тарифа. Для тестирования писем предлагается проверка на 70+ почтовых клиентах и устройствах, показывается как отображается адаптивная верстка писем. На официальном сайте есть список всех почтовиков, которые поддерживаются.
Acid больше подойдёт если вы ищете точечные и недорогие тесты. Плюс также в том, что скриншоты создаются с реальных устройств вместо эмуляторов. Результатами также можно поделиться по ссылке.
Из недостатков: небольшое количество устройств с Android .
Campaign Precheck (new!)
Если в Литмус-тесте проверка перед отправкой рассылки подразумевает и тест ссылок, и подсказки по верстке. В Email on Acid, для удобства пользователей, выделили это в отдельную возможность, которая доступна во всех платных тарифах.
В новую функциональность входят такие пункты:
- Проверка accessibility (доступности) электронной почты. То есть сервис поможет сделать ваше письмо более удобным для чтения людям с нарушением зрения, нарушенным цветовосприятием или с дислексией. Кроме того, что будут рекомендации по оформлению письма, ваша рассылка также будет правильно воспроизводиться в программах для считывания текста с экрана.
- Предварительный просмотр предзаголовка. Campaign Precheck покажет прехедер и строку темы в 15 самых популярных почтовых клиентах. Убедитесь, что отображается название именно так как вы задумали и не получится казусов, если тема обрежется.
- Проверка URL. Сервис просканирует вашу емейл-рассылку и проверит корректно ли указаны ссылки. Также вы можете загружать электронную таблицу со всеми URL-адресами, чтобы Precheck их сравнил с вашим HTML.
- Проверка изображений. Можно задавать фиксированные размеры картинкам и задавать Gif-кам первый кадр , который отобразится если картинка будет статичной.
Резюме:
Цена вопроса: от 25$ за оплату дневного тарифа без ограничения по количеству тестов.
Бесплатный доступ: Пробная версия на 7 дней.
5 из 5 за соотношение цена/качество. Нет ограничений на отправку писем для тестирования.
Оценка по пятибалльной шкале: ★ ★ ★ ★ ★
EmailPreviewServices
Сервис проверки электронной почты, предоставляющий скриншоты с 40+ браузеров и приложений, которые они поддерживают. Компания обещает не эмуляцию, а только настоящие устройства. Вы можете выбирать на каких конкретно устройствах будет производиться тестирование.
Outlook — это мощнейший инструмент для работы с электронной почтой, который уделывает веб-версию Gmail. Вот несколько неочевидных возможностей этого монстра, которые могут вам пригодиться.
1. Предварительный просмотр писем
2. Основной почтовый ящик
Если у вас несколько учётных записей в Outlook, можно выбрать одну в качестве основной, чтобы соответствующая папка открывалась при запуске почты. Для этого нажмите «Файл» → «Параметры» и в появившемся окне выберите на панели слева вкладку «Дополнительно».
3. Папки поиска
Если вы часто ищете письма, вбивая в строку поиска одни и те же слова и выражения, можно упростить себе задачу. Outlook поддерживает папки поиска, или смарт-папки. Настройте их, и сможете забыть о ручной сортировке корреспонденции.
4. Очистка папок
5. Отложенная доставка
6. Быстрые действия
На вкладке «Главная» найдите кнопку «Быстрые действия». Здесь представлено несколько шаблонов, но вы можете сделать и собственные. Для этого нажмите на «Создать новое» в разделе «Быстрые действия» и задайте имя. Затем, нажимая на кнопку «Действия», выберите те операции, которые хотите выполнить, шаг за шагом. Быстрое действие можно будет сохранить на панели инструментов или назначить ему комбинацию горячих клавиш.
7. Окна Outlook
Вы можете открыть одновременно несколько окон Outlook. Это позволит просматривать электронную почту, календарь и задачи на большом мониторе, не используя кнопки навигации для переключения между почтой и календарём.
Сделать это очень просто. Щёлкните правой кнопкой мыши по значку открытого почтового клиента в панели задач и в появившемся меню выберите Outlook. Откроется второе окно. Когда будете закрывать почтовый клиент, перейдите в «Файл» → «Выход» в любом из открытых окон, не нажимая кнопку закрытия окна в верхнем правом углу. При следующем запуске Outlook откроется с тем же количеством окон.
8. Правила
Эта функция позволяет автоматически совершать определённые действия с новой почтой. Нажмите «Правила» на вкладке «Главная» и выберите «Управление правилами и оповещениями». Здесь вы сможете создавать, изменять и вручную запускать их.
Щёлкните «Создать правило», а затем установите свои настройки в появившемся окне. Можно указать приложению, чтобы оно подавало определённый звуковой сигнал, отображало оповещение и переносило в нужную папку письма, соответствующие тем или иным критериям.
9. Имена учётных записей
По умолчанию в качестве имени учётной записи в Outlook используется ваш email, но имя аккаунта можно и изменить. При этом на сервере вашего провайдера электронной почты он останется прежним, поэтому можно называть свои почтовые ящики по их содержанию: «Работа», «Дом» и так далее.
Чтобы изменить имя аккаунта, кликните правой кнопкой мыши на учётной записи (панель слева) и выберите «Свойства учётной записи». Или перейдите в «Файл» → «Сведения». Затем откройте «Настройки учётной записи», выберите учётку, имя которой вы хотите поменять, и нажмите «Изменить». Введите новое имя, затем нажмите «Далее» и «Готово».
10. Командная строка
Гиковские штучки, которые помогут использовать Outlook эффективнее, подойдут тем, кто привык работать с клавиатурой, а не с мышью. Нажмите Win + R, чтобы открыть командную строку, и вводите команды:
- outlook.exe /nopreview — открыть Outlook без окна предпросмотра писем.
- outlook.exe /select имя_папки — открыть Outlook с конкретной папкой электронной почты вместо той, что у вас назначена основной. Если вместо имя_папки ввести outlook:calendar, откроется календарь.
- outlook.exe /restore — открыть Outlook, восстановив все окна, если программа была закрыта в результате системной ошибки.
- outlook.exe /finder — открыть мощный поисковый инструмент Outlook.
Если вы знаете ещё какие-нибудь крутые фишки Outlook, поделитесь в комментариях.
Примечание: Если инструкции не совпадают с тем, что вы видите, возможно, используется более поздняя версия Outlook в Интернете. См. инструкции для классической версии Outlook в Интернете.
Щелкните Сортировать и выберите способ сортировки электронной почты.
В разделе представления беседы выберите одно из следующих действий:
Нажмите переключатель рядом с пунктом Сортировка почты, чтобы включить или отключить сортировку почты.
Инструкции для классической версии Outlook в Интернете
Выберите одну из следующих вкладок:
Область чтения
Выберите способ отображения области чтения или скройте ее. Кроме того, выберите, что будет происходить после перемещения или удаления элемента и что должно происходить при входе в систему.
Папка Отсортированные входящие.
Щелкните Сортировать и выберите способ сортировки электронной почты.
Установите или снимите флажок Показывать папку Отсортированные входящие.
Примечание: Эти предложения в настоящее время доступны только в Chrome и новом браузере Microsoft Edge. Вы можете получить Microsoft Edge здесь.
Типы предложений
По мере ввода отметки будут отображаться под словами, которые имеют предложения. Есть три типа предложений.
Предложения по правописанию обозначены красными подчеркиваниями.
Грамматические предложения обозначены двойным синим подчеркиванием.
Предложения по уточнению обозначены пунктирным фиолетовым подчеркиванием.
Включить или выключить предложения
Нажмите, чтобы выбрать или отменить выбор типов предложений (орфография, грамматика или уточнение письма).
Примечание: Редактор может быть скрыт под переполнением Дополнительно. Вы можете изменить, какие действия отображаются на панели инструментов, перейдя в Настройки> Почта> Настроить действия > Панель инструментов.
Точная настройка ваших настроек
Для более детального контроля над предложениями, которые предлагает редактор, включите или выключите определенные типы исправлений и уточнений.
Выберите Почта >Создать и ответить.
В разделе Редактор Microsoftвыберите параметры редактора Microsoft .
Включите и выключите параметры для исправлений и уточнений, которые вы хотите.
Использование предложений
Чтобы принять предложения:
Щелкните левой кнопкой мыши на подчеркнутом тексте.
Появится меню, в котором указана причина предложения и возможное исправление, если оно существует.
Выберите предложение, которое вы хотели бы принять.
Чтобы игнорировать орфографическое предложение:
Выберите Игнорировать все в появившемся меню.
Примечание: Это будет игнорировать это предложение правописания только в текущем черновике электронной почты.
Измените язык проверки
В раскрывающемся диалоговом окне щелкните раскрывающийся список Язык проверки.
Выберите язык из появившегося списка.
Примечание: Изменение языка проверки будет применяться только к текущему черновику электронной почты. Это может занять некоторое время, чтобы перепроверить ваш текст в зависимости от длины.
Читайте также: