Как отправить письмо html: Как отправить HTML письмо? — Хабр Q&A

4 сервиса для тестирования HTML-писем — Журнал Mindbox о разумном бизнесе

Учебные материалы

7 сентября 2021

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

Содержание

• Зачем нужны сервисы для тестирования писем
• Litmus
• Email on Acid
• Mail Tester
• Email Preview Services
• Что в итоге
• Полезные ссылки

Зачем нужны сервисы для тестирования писем

Сервисы проверки рассылок созданы, чтобы облегчить жизнь email-маркетолога, потому что это:

Удобно ― не придется регистрироваться во всех почтовых программах и отправлять письма самому себе.

Полезно ― тесты позволяют понять особенности отображения писем в разных почтовых сервисах. Это помогает доработать код, чтобы рассылка выглядела достойно в любой программе и на любом устройстве.

Быстро ― сервис найдет ошибки в верстке и покажет все варианты отображения письма за пару секунд.

Возможности Mindbox для самостоятельной настройки email-рассылок

мнение

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

Тут нужно идти от общего к частному: сначала поймайте все баги в сервисе проверки, а потом протестируйте рассылки на реальных почтовиках.

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

Петр Никитин, product owner дополнительных каналов

Что это: сервис для создания рассылок, тестирования писем и анализа email-кампаний.

Минусы	Плюсы
— довольно дорогой;	— покажет, как выглядит письмо в 90 почтовиках и устройствах;
— охватывает мало популярных в России почтовиков, но проверяет отображение писем в иностранных почтовых сервисах, которыми у нас не пользуются.	— предложит выбрать, в каких клиентах и устройствах тестировать;
	— отметит ссылки, которые не работают;
	— отыщет картинки без alt-тега;
	— проанализирует, поддерживает ли код почтовая программа;
	— проведет спам-тест.

Сколько стоит: от 79 долларов в месяц, если оформить годовую подписку, и от 99 долларов, если платить ежемесячно. Предусмотрен бесплатный пробный период на 7 дней.

Результат теста рассылки в Litmus

Что это: сервис, который, как и Litmus, помогает создавать, тестировать и анализировать рассылку.

Минусы	Плюсы
— довольно дорогой;	— покажет, как выглядит письмо в 90 почтовиках и устройствах;
— в базе устройств для проверки совсем немного устройств на Android.	— подскажет, что сделать, чтобы письмо было удобно читать людям с нарушениями зрения и дислексией;
	— проверит корректность ссылок;
	— поможет установить фиксированный размер изображений и первый кадр гифок для почтовиков со статичными картинками;
	— продемонстрирует, как выглядит письмо в dark mode;
	— поделится опытом в верстке и дизайне писем в блоге;
	— проведет спам-тест.

Сколько стоит: от 73 долларов в месяц, если оформить годовую подписку, и от 86 долларов, если платить ежемесячно. Предусмотрен бесплатный пробный период на 7 дней.

Интерфейс сервиса Email on Acid

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

Минусы	Плюсы
— без регистрации можно сделать только четыре теста в день;	— не требует регистрации, чтобы провести проверку;
— не покажет, как будет выглядеть письмо в разных почтовых программах.	— бесплатно проверит до 20 писем в день;
	— проведет спам-тест в SpamAssassin и подскажет, как улучшить письмо;
	— проверит настройки верстки, код и качество форматирования;
	— сохранит статистику проверок на 7 дней в бесплатной версии и на 30 дней в платном тарифе.

Сколько стоит: от 50 евро за 500 проверок. Четыре бесплатных теста в день без регистрации. Если зарегистрироваться, можно делать 20 тестов в день бесплатно.

Результат проверки и рекомендации Mail Tester

Что это: такой же функциональный сервис, как хедлайнеры Litmus и Email on Acid, но в три раза дешевле.

Минусы	Плюсы
— охватывает мало популярных в России почтовиков, но проверяет отображение писем в иностранных почтовых сервисах, которыми у нас не пользуются.	— покажет, как выглядит письмо в 50 почтовиках и устройствах;
	— продемонстрирует, как выглядит письмо в dark mode;
	— протестирует рассылку на реальных устройствах;
	— предложит выбрать, в каких клиентах и устройствах тестировать;
	— проведет спам-тест;
	— сгенерирует ссылку, с помощью которой можно поделиться результатами проверки;
	— стоит дешевле сервисов-конкурентов.

Сколько стоит: от 20 долларов в месяц, если оформить подписку на год, и от 25 долларов, если платить ежемесячно. Предусмотрен бесплатный пробный период на 7 дней.

Превью письма в Email Preview Services

мнение

Главный минус сервисов автоматической проверки в том, что они не гарантируют 100% правильность результатов. Их использование снижает вероятность появления багов, но не исключает ее полностью.

Петр Никитин, product owner дополнительных каналов

Что в итоге

Если сравнить функциональность сервисов между собой:

Заметно, что у популярных сервисов схожее наполнение ― можно выбрать ресурс, чей интерфейс будет приятнее и обойдется дешевле. Есть и бесплатные программы, но с ограниченным функционалом. Они вполне могут стать дополнительным инструментом проверки: пользуйтесь нужными функциями и ничего не платите.

Что делать, если рассылки попали в спам

Почему обрезается рассылка на Gmail и как это починить

Как сделать HTML-письмо для рассылки без верстальщика: бесплатные инструменты для маркетолога

Как не попасть в спам при отправке email-рассылок

Как настроить постмастеры Mail, Yandex и Gmail

• Рroduct owner дополнительных каналов

  Пётр Никитин

• Автор

  Екатерина Жукова

• Редактор

  Филипп Вольнов

• Рroduct owner дополнительных каналов

  Пётр Никитин

• Редактор

  Севиль Нагаева

Можно ли проверить перед отправкой, как будет выглядеть

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

Пробное письмо

Позволяет отправить письмо на один из используемых адресов отправителя. Эта функция доступна вверху страницы конструктора писем, когда вы находитесь на этапе «Создать». В пробном письме не отображаются элементы персонализации, не работают кнопки социальных сетей, ссылки могут работать некорректно. Для пробных писем статистика не отслеживается.

Аккаунты Max: Отправка тестовых сообщений возможна не только на адреса, добавленные как адрес отправителя.

Предпросмотр сообщения

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

Старый редактор

Предпросмотр во входящих

Благодаря предпросмотру во входящих можно посмотреть, как будет выглядеть письмо в популярных почтовых программах и сервисах. Находясь в конструкторе писем на этапе «Создать», перейдите Пробное письмо>>Предпросмотр.

Если ваше письмо отображается некорректно при получении, проверьте наличие следующих наиболее распространенных проблем.

HTML и текстовый формат

При создании письма не переключайтесь между HTML и текстовым форматом. Это может привести к потере или смещению элементов дизайна.

Проблемы на стороне интернет-провайдера

Ваш поставщик услуг сети Интернет (интернет-провайдер) может классифицировать некоторые элементы письма как спам, например URL-адрес, изображение или фрагмент текста, и заблокировать только эти элементы.

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

Письмо было скопировано из Microsoft Word

Текст с предварительным форматированием из таких программ, как MS Word, не полностью совместим с редакторами HTML. Если вы пишете письма заранее, мы рекомендуем использовать обычный текстовый редактор, например «Блокнот». Вставьте простой текст в HTML-редактор GetResponse, а затем примените форматирование с помощью инструментов редактирования GetResponse.

Сообщение получено в Outlook

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

Используйте обычный или форматированный текст в электронных письмах в Mail на Mac

Искать в этом руководстве

• Добро пожаловать
• Что нового в почте
• • Добавить учетные записи электронной почты
  • Используйте собственный домен электронной почты
  • Выйдите из учетной записи электронной почты или временно отключите ее
  • Выйдите из или удалите учетные записи электронной почты
• • Пишите, отправляйте и планируйте электронные письма
  • Отменить отправку писем с помощью функции «Отменить отправку»
  • Адрес электронной почты
  • Форматировать текст в электронных письмах
  • Добавляйте вложения в электронные письма
  • Размечайте вложения электронной почты
  • Создавайте и используйте подписи электронной почты
  • Отвечайте, пересылайте или следите за электронными письмами
  • Используйте функцию «Напомнить», чтобы вернуться к электронной почте позже
  • Перенаправить электронные письма
• • Читать электронные письма
  • Просмотр разговоров по электронной почте
  • Просмотр, сохранение или удаление вложений электронной почты
  • Отключить разговоры
  • Блокировать или разблокировать отправителей
  • Отписаться от списков рассылки
  • Уменьшить нежелательную почту
  • Управление уведомлениями
  • Используйте фильтры фокуса
  • Используйте информацию, найденную в Почте, в других приложениях
  • Удалить электронные письма
  • Распечатать электронные письма
• • Поиск писем
  • Фильтровать электронные письма
  • Сортировать электронные письма
  • Отметить электронные письма
  • Показать письма от VIP-отправителей
• • Переместить или скопировать электронные письма
  • Создание или удаление почтовых ящиков
  • Используйте избранные почтовые ящики
  • Используйте смарт-почтовые ящики
  • Архивировать электронные письма
  • Переместить или скопировать почтовые ящики
  • Импорт или экспорт почтовых ящиков
• • Изменить настройки
  • Используйте защиту конфиденциальности почты
  • Используйте скрыть мою электронную почту
  • Используйте расширения почты
  • Использовать макет столбца
  • Показывать фотографии людей
  • Используйте вкладки
  • Использовать Почту в полноэкранном режиме
  • Используйте правила для управления получаемыми электронными письмами
  • Автоматизируйте почтовые задачи
  • Подписывать или шифровать электронные письма
• Горячие клавиши
• Поиск неисправностей
• Авторские права

Вы можете отправлять сообщения электронной почты в формате обычного текста или расширенного текста (HTML).

Откройте для меня почту

Чтобы использовать один и тот же формат для всех ваших сообщений, выберите «Почта» > «Настройки», нажмите «Создание», затем выберите формат сообщения. Если вы хотите использовать другой формат для ответов, выберите «Использовать тот же формат сообщения, что и исходное сообщение».

См. также Форматирование текста в сообщениях электронной почты в Mail на Mac

Максимальное количество символов: 250

Пожалуйста, не указывайте личную информацию в своем комментарии.

Максимальное количество символов — 250.

Спасибо за отзыв.

Настройка типа содержимого и специальных символов HTML

Разработка электронной почты 14 февраля 2022 г.

---

Процесс кодирования электронных писем со специальными символами и символами вызывает у вас затруднения?

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

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

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

Что такое кодировка символов?

Кодирование символов — это процесс написания или кодирования определенных символов в HTML, чтобы они отображались должным образом, независимо от устройства, веб-браузера или почтового клиента. Это делается путем назначения номера или кода. Когда у вас нет надлежащей кодировки электронной почты, вы видите неожиданные символы и пустые поля.

Определенная группа символов содержится в наборе символов (charset=» »  в коде HTML). Каждый из этих символов представлен фрагментом кода, который используется в качестве ключа для воспроизведения символа на экране.

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

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

Bulletproof HTML кодирование электронной почты

Если вы хотите быть на 100% уверенным, что весь текст правильно отображается в строке темы и тексте ваших электронных писем, самое безопасное решение — преобразовать специальные символы и символы в их объекты HTML .

Как вы, вероятно, уже знаете, почти у каждого символа и специального символа есть собственное имя и номер сущности. При помещении в код объект создает символ или символ.

Эти сущности всегда начинаются с амперсанда и заканчиваются точкой с запятой. Например,   Объект HTML используется для неразрывных пробелов. Использование сущностей HTML для символов «больше» и «меньше» (< и >) может быть полезным, поскольку их можно спутать с тегами в коде.

Here are some common special characters and their HTML entities:

Character	Entity name	Entity number
& ampersand	&	&
® зарегистрированный товарный знак	®	®
£ Британский фунт	фунт;	£
¡ перевернутый восклицательный знак	¡	¡

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

Символ	Номер объекта	Unicode
光 Китайский символ света	光	U+5149
א Буква иврита алеф	א	U+05D0
Δ греческая буква дельта	Δ	U+0394
ॐ Санскритский символ Ом	ॐ	U+0950

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

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

Электронная почта на Acid от Sinch создала конвертер символов HTML, чтобы немного облегчить вашу работу. Просто вставьте свои специальные символы и символы, нажмите кнопку и получите объекты HTML, необходимые для их преобразования в теле письма.

Попробуйте конвертер символов

Что такое тип содержимого?

При выполнении задачи кодирования электронной почты вы также можете указать браузерам и почтовым клиентам, как вы ожидаете, что они будут интерпретировать различные типы символов, установив тип содержимого. Даже если вы конвертируете отдельные специальные символы в объекты HTML, все же разумно определить тип содержимого вашего электронного письма.

Вы устанавливаете тип контента, выбирая соответствующий набор символов. Двумя наиболее распространенными наборами символов являются UTF-8 и ISO-8859-1. Однако почти во всех случаях , вы должны использовать UTF-8 в качестве типа содержимого электронной почты.

Почему UTF-8 лучше всего подходит для кодировки символов в электронной почте?

Хотя существует множество способов кодирования символов, UTF-8 стал международным стандартом благодаря своей полноте. UTF-8 может кодировать более 1 112 000 различных символов. Это включает в себя все письменные языки, математические символы, ноты и даже смайлики, используемые в электронном маркетинге.

Проблема с использованием набора символов ISO-8859-1 заключается в том, что он учитывает только латинские буквы и символы, что исключает многие восточные символы и глифы. На изображении ниже показано, как такие символы неправильно отображаются при использовании ISO-8859.-1 по сравнению с UTF-8

Результат справа включает набор беспорядочного текста, который является интерпретацией символов ISO-8859-1. Обратите внимание, однако, что при использовании объекта HTML специальные символы правильно отображаются как для UTF-8, так и для ISO-8859-1. Вот что делает этот метод надежным.

Где указать тип контента в электронных письмах

Если вы разрабатываете веб-сайт, вы можете указать тип контента или указать набор символов в метатеге, используя такой код:

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

Заголовок электронной почты содержит множество технических сведений о сообщении, включая дату, имя отправителя (от:) и получателя (кому:), а также такие сведения, как данные аутентификации электронной почты. Когда почтовый клиент видит набор символов UTF-8, определенный в заголовке, он знает, как интерпретировать символы в сообщении.

Как установить тип содержимого в заголовках электронной почты

Ниже вы увидите фрагмент кода определенного заголовка электронной почты, который включает внизу тип содержимого, установленный на UTF-8:

 Дата: среда, 15 декабря 2021 г. 12:45:55 -07:00
Кому: [email protected]
От: [email protected]
Тема: UTF-8
Идентификатор сообщения: 
Х-приоритет: 3
X-Mailer: EOAMailer 5.0. 0
MIME-версия: 1.0
Контент-передача-кодирование: 8 бит
Тип содержимого: текст/html; кодировка = "UTF-8"
 

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

Вот почему Email on Acid от Sinch включает возможность устанавливать или изменять тип контента в настройках специальных возможностей автоматизированного рабочего процесса Campaign Precheck. Одним нажатием кнопки платформа гарантирует, что правильный код будет добавлен в заголовок электронного письма.

Поскольку поставщики услуг электронной почты (ESP) устанавливают тип контента в заголовке, мы добавили еще один уровень сложности в нашу разработку электронной почты. При необходимости обратитесь к своему ESP и спросите, какой тип контента они указали в заголовке при отправке писем. Как только вы узнаете тип контента, используйте это значение в своем метатеге HTML при разработке электронного письма.

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

Поддержка клиента электронной почты для типа содержимого

Еще одна причина использовать исключительно кодировку UTF-8 для кодирования электронной почты заключается в том, что она широко поддерживается основными почтовыми клиентами. Почти каждая страница в Интернете использует кодировку UTF-8, как и почтовые клиенты.

Мы провели тесты, чтобы увидеть, что делали клиенты, когда в заголовке был указан тип контента, и обнаружили, что Gmail был единственным исключением. Что бы ни было обозначено в заголовке письма, Gmail — единственный клиент, который автоматически конвертирует ваш текст в UTF-8. В том числе в iOS, когда люди используют Gmail на iPhone или iPad.

Мы заметили одно интересное действие: веб-клиенты преобразовывают ваш текст в набор символов типа содержимого перед его отображением в веб-браузере. Мы смогли проверить это, просмотрев, какой тип контента они задавали в своих метатегах. Как оказалось, большинство из них используют UTF-8.

Работает ли ваша кодировка электронной почты?

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

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

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

Миссия Email on Acid состоит в том, чтобы упростить электронный маркетинг. Вот почему мы создаем такие инструменты, как удобный конвертер символов HTML.

No related posts.