47% людей разных демографических групп используют мобильное приложение для проверки электронной почты. Между тем, 26,9% по-прежнему предпочитают настольные компьютеры. Что касается мобильных устройств, целых 81% предпочитают открывать электронную почту на своих смартфонах, а 21% — на планшетах.
Я открываю большую часть своей электронной почты на своем мобильном устройстве, чтобы прочитать, удалить и быстро ответить. Чтобы получить подробные электронные письма, я часто перехожу на рабочий стол и отвечаю. Честно говоря, я поражен количеством получаемых мной писем, в которых отсутствует какая-либо функция адаптивного дизайна.
Хотя адаптивный дизайн в электронной почте является обязательным, большинству онлайн-редакторов не хватает надежного мобильного адаптивного дизайна и тестирования. Удивительно, но есть некоторые крупные поставщики услуг электронной почты (ESP), которые не предлагают никаких функций редактирования и предварительного просмотра на мобильных устройствах. Я не пытаюсь сказать, что адаптивный дизайн электронной почты – это легко… а разработать редактор, который его поддерживает, еще сложнее.
Есть три проблемы с адаптивной электронной почтой:
- Поставщик услуг электронной почты – Многие провайдеры электронной почты до сих пор не имеют функций создания электронных писем с помощью перетаскивания, поэтому создание этих шаблонов требует серьезной разработки со стороны вашего агентства или собственной команды разработчиков.
- Почтовые клиенты – Не все почтовые клиенты одинаковы, и большинство из них отображают электронные письма по-разному. В результате тестирование почтовых клиентов и устройств представляет собой отдельную отрасль.
- Разработка – Если вы знаете HTML и CSS, вы можете быстро создать довольно приятную адаптивную веб-страницу… но создание исключений для каждого почтового клиента может оказаться кошмаром. Это требует от вас работы с хорошими разработчиками или использования тщательно проверенных и модифицированных шаблонов.
В Интернете есть множество мест, где можно найти и загрузить бесплатные полностью адаптивные шаблоны электронной почты. Если вы хорошо разбираетесь в разработке, обычно вы можете поменять элементы местами и создать себе довольно красивое электронное письмо. Редактировать исходный код электронного письма по-прежнему неинтересно… забудьте стиль или класс, и ваше письмо будет выглядеть ужасно.
Я уже давно хотел изменить дизайн информационного бюллетеня Martech Zone, но в редакторе Mailchimp не было всех функций и вариантов макета, которые я искал.
Beefree Мобильный адаптивный конструктор электронных писем
Просматривая в Интернете понравившиеся мне шаблоны, я наткнулся на Beefree, компанию, которая разработала несколько отличных инструментов:
Особенности без говядины включают в себя
- HTML-редактор с возможностью перетаскивания – Простой в использовании HTML-редактор с возможностью перетаскивания.
- Библиотека шаблонов – Доступ к большой коллекции бесплатных шаблонов электронной почты.
- Мобильный адаптивный электронная почта и дизайн страниц.
- Совместная работа в режиме реального времени с командами и клиентами.
- Создание кампании процесс, проектирование и утверждение с помощью настраиваемых инструментов брендинга и дизайна и совместной работы команды в режиме реального времени.
- Затыкать с легким экспортом электронной почты на любую платформу отправки или ESP, включая Mailchimp, Brevo, Gmail, HubSpot, Constant Contact, Campaign Monitor, Klaviyo, Acumbamail, Salesforce Marketing Cloud, Outlook Web, Amazon SES, ActiveCampaign, SendGrid и MailUp.
- SDK – Если вы являетесь поставщиком SaaS, вы можете использовать «белую этикетку» и интегрировать редактор Beefree прямо на свою платформу.
Зона Beefree и Martech
В течение часа я создал свою электронную почту, адаптировал ее для мобильных устройств, отправил себе тест и скачал код… совершенно бесплатно!
- Я выбрал пустой шаблон, расширил нужные разделы и использовал изображения-заполнители. Когда все будет готово, я заменю его строками подстанции RSS-to-email от Mailchimp.
- Я просмотрел электронное письмо для настольного компьютера и внес некоторые незначительные изменения в интервалы и отступы.
- Я просмотрел письмо с их письмом мобильный телефон предварительный просмотр и внес некоторые дополнительные изменения. Редактор позволяет скрывать элементы для настольных компьютеров или мобильных устройств, чтобы вы могли удобно настроить работу на мобильных устройствах.
- Я отправил себе письмо прямо из редактора BEE:
В редакторе также есть опция прозрачного фона, которую вы можете использовать, если используете темный режим в своем почтовом клиенте.
Когда все было идеально, я смог загрузить полный HTML-файл и все изображения для социальных сетей, включенные в их интерфейс. Однако на данный момент у них есть немало вариантов, если вы зарегистрируете платную учетную запись.
