47% всех демографических групп используют мобильное приложение для проверки электронной почты. Между тем, 26,9% по-прежнему предпочитают настольные компьютеры. Что касается мобильных устройств, 81% предпочитают открывать электронную почту на своих смартфонах, а 21% — на планшетах.
Я открываю большую часть своей электронной почты на своем мобильном устройстве, чтобы быстро прочитать, удалить и ответить. Чтобы получить подробные электронные письма, я часто захожу на рабочий стол и отвечаю. Я действительно поражен количеством получаемых мной электронных писем, в которых отсутствует какая-либо функция адаптивного дизайна.
Хотя адаптивный дизайн в электронной почте является обязательным, большинству онлайн-редакторов не хватает надежного дизайна и тестирования, оптимизированного для мобильных устройств. Удивительно, но есть некоторые крупные поставщики услуг электронной почты (ESP), которые не предлагают редактирование и предварительный просмотр на мобильных устройствах. Я не пытаюсь сказать, что адаптивный дизайн электронной почты — это легко… а разработать редактор, который его поддерживает, еще сложнее.
Есть три проблемы с адаптивной электронной почтой:
- Поставщик услуг электронной почты – Многие провайдеры электронной почты до сих пор не имеют возможности создания электронных писем с помощью перетаскивания, поэтому создание этих шаблонов требует тщательной разработки со стороны вашего агентства или собственной команды разработчиков.
- Почтовые клиенты — Не все почтовые клиенты одинаковы, и большинство сообщений электронной почты воспроизводят друг друга. В результате тестирование почтовых клиентов и устройств представляет собой отдельную отрасль.
- Разработка – Если вы знаете HTML и CSS, вы можете быстро создать довольно красивую, отзывчивую веб-страницу, но создание исключений для каждого почтового клиента может оказаться кошмаром. Для этого необходимо работать с отличными разработчиками или использовать проверенные и модифицированные шаблоны.
В Интернете есть множество мест, где можно найти и загрузить бесплатные полностью адаптивные шаблоны электронной почты. Если вы действительно хорошо рисуете, вы обычно можете заменить элементы и создать для себя довольно красивое электронное письмо. Однако редактировать исходный код электронного письма по-прежнему неинтересно… забудьте о стиле или классе, и ваше письмо будет выглядеть ужасно.
Я давно хотел изменить дизайн информационного бюллетеня Martech Zone, но в редакторе Mailchimp не было всех функций и вариантов макета, которые я искал.
Beefree Мобильный адаптивный конструктор электронных писем
Просматривая в сети несколько шаблонов, которые мне понравились, я наткнулся на 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-файл и все изображения для социальных сетей, включенные в их интерфейс. Однако в настоящее время у них есть довольно много вариантов, если вы зарегистрируете платный аккаунт.
