Ваше пошаговое руководство по созданию электронной почты в формате HTML

Опубликовано: 2023-07-06

Когда дело доходит до сообщений электронной почты в виде обычного текста и электронных писем в формате HTML , есть время и место для обоих.

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

Мы познакомим вас с электронными письмами в формате HTML и расскажем, как с их помощью создавать привлекательные электронные письма для вашего бизнеса.

Что такое электронная почта в формате HTML?

В отличие от обычных текстовых электронных писем, электронные письма в формате HTML представляют собой форматированные электронные письма, которые содержат элементы стиля и дизайна для повышения вовлеченности и визуальной привлекательности. Электронные письма в формате HTML создаются с использованием HTML-кодов и встроенных стилей CSS.

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

Что обычно входит в создание электронного письма в формате HTML?

За визуально привлекательными электронными письмами в формате HTML скрывается несколько строк кода, включая таблицы и встроенный CSS. Чтобы создать электронное письмо в формате HTML вручную, вам нужно знать, как использовать HTML-коды для разработки электронных писем для получения желаемых результатов.

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

  • Коды HTML : электронное письмо в формате HTML разделено на заголовок и тело.Раздел заголовка содержит коды, определяющие стили, мультимедиа и анимацию CSS. Коды тела сосредоточены на построении структуры электронной почты. Между заголовком и телом находится несколько строк кода с определенными функциями.
  • Тестирование на отзывчивость . После создания электронного письма очень важно проверить его на отзывчивость, чтобы убедиться, что оно работает на всех основных почтовых клиентах.
  • Проверка ошибок : проверьте коды на наличие ошибок, исправьте их, а также подчистите неиспользуемые коды.
  • Удобство для людей с ограниченными возможностями: проверьте наличие специальных возможностей. Подходит ли он для темного режима ? Работает ли он с программами для чтения с экрана?
  • Неиспользуемые стили CSS . Найдите неиспользуемые встроенные стили CSS и удалите их из кодов, чтобы ускорить загрузку.
  • Предварительный просмотр электронной почты : Предварительный просмотр всей электронной почты, чтобы убедиться, что она отображается правильно.Ошибки также могут быть выявлены и исправлены.
  • Тестовые электронные письма : отправляйте тестовые электронные письма в разные почтовые клиенты, чтобы обеспечить правильное отображение электронных писем между клиентами.

Это некоторые из шагов, которые необходимо выполнить, прежде чем вы сможете отправить только что созданное электронное письмо в формате HTML.

Почему использование инструмента автоматизации электронной почты более удобно для электронных писем в формате HTML

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

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

Зачем использовать инструмент автоматизации маркетинга?

  • Они просты в использовании. Конструктор перетаскивания Benchmark Email не требует никаких технических знаний.
  • Они доступны по цене и не требуют больших затрат от ваших маркетинговых ресурсов по сравнению с созданием каждого электронного письма с нуля.
  • Наличие множества настраиваемых шаблонов , которые есть в нашей библиотеке, гарантирует, что всегда найдется что-то, что можно использовать для разных кампаний и случаев, не ограничивая творческие возможности.
  • В противном случае вы потратили бы больше времени на ручное кодирование, чтобы сосредоточиться на других важных аспектах ваших электронных писем, таких как совершенствование основного текста .
  • Были учтены все технические аспекты. Вам не нужно беспокоиться о правильном отображении электронных писем на нескольких клиентах или о том, что в кодах указаны правильные размеры экрана устройства.

Как создать электронное письмо в формате HTML с помощью Benchmark Email

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

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

2. Нажмите «Создать новое электронное письмо» в правом верхнем углу. Это представляет вам всплывающее меню с двумя вариантами.

3. Выберите «Обычная электронная почта» и нажмите «Далее». Откроется всплывающее меню с тремя вариантами: «Редактор перетаскивания», «Редактор кода» и «Редактор обычного текста» (редактор кода позволяет добавлять существующие HTML-коды для создания электронной почты).

4. Нажмите «Редактор перетаскивания» и нажмите «Далее». Это приведет вас на страницу, где вы сможете назвать электронное письмо в формате HTML, которое вы собираетесь создать.

5. Введите имя электронной почты (видно только вам, а не получателям электронной почты) и нажмите Далее. На следующей странице находится контрольный список электронной почты.

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

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

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

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

На странице контрольного списка представлены:

  • ДИЗАЙН: Поскольку вы уже разработали дизайн электронной почты, здесь все должно быть готово. Но, если вы хотите внести какие-либо корректировки, вы можете выбрать «Редактировать» и настроить соответственно. После создания удовлетворительного дизайна вы можете предварительно просмотреть свое электронное письмо и отправить тестовое электронное письмо, что мы всегда рекомендуем.
  • КОМУ: контакты, которым вы отправляете электронное письмо. Вы можете выбрать готовый список или создать новый и исключить контакты из выбранных списков.
  • ОТ: Кто отправляет электронное письмо? Вы можете изменить отображаемое имя, выбрать адрес электронной почты для отправки и выбрать отдельное ответное электронное письмо.
  • ТЕМА и ПРЕДПРОСМОТР ТЕКСТА: введите тему сообщения электронной почты. Используйте поле предварительного просмотра, чтобы включить привлекательный текст предварительного просмотра, который получатели увидят в своих почтовых ящиках. Если вы столкнулись с писательским кризисом, щелкните значок лампочки, чтобы активировать нашу функцию «Умный контент» , которая поможет вам создать несколько идей.

  • ОТСЛЕЖИВАНИЕ ССЫЛОК И ОБМЕН ими: вы можете включить Google Analytics, если у вас настроено отслеживание. Включите аналитику и введите код отслеживания в поле. Существуют варианты автоматического обмена вашей электронной почтой в Twitter, на вашей бизнес-странице в Facebook, в общедоступном сообществе Benchmark для пользователей Benchmark, а также возможность добавления в ваш архив Benchmark.

После того, как все контрольные списки будут выполнены, нажмите «Отправить немедленно» или «Запланировать» в правом верхнем углу, в зависимости от ваших предпочтений. При немедленной отправке электронное письмо будет отправлено выбранным контактам в течение 10 минут, а параметр расписания позволяет выбрать будущую дату, время и часовой пояс для отправки электронного письма.

Вот оно! Пошаговое руководство по созданию привлекательных электронных писем с помощью Benchmark Email для вашего бизнеса.

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