Как правильно отправлять HTML письма?
Не советуем отправлять HTML письма из обычного почтового клиента (gmail.com, mail.ru, yandex.ru и т.д.), они могут прийти с ошибками — исключение outlook.com. Предлагаем рассмотреть правильные способы отправки. У каждого варианта есть свои преимущества и недостатки, ознакомьтесь и выберите удобный для Вас.
1. С помощью бесплатной почтовой программы — Thunderbird.
Это самый простой способ отправки для не большого количества адресов. Вам необходимо скачать программу Thunderbird и установить дополнение Stationery, ввести свой логин и пароль от своего почтового ящика и можно пользоваться.
2. С помощью удобных сервисов рассылок электронной почты.
Предлагаем пользоваться сервисами рассылки MailChimp, Campaign Monitor. Они позволяют облегчить доставку 1000 или 1 000 000 своих клиентов, получить статистику открытий, использовать уникальные HTML письма и многое другое. В каждом предложенном сервисе есть бесплатный аккаунт и подробное руководство.
3. Отправка писем средствами PHP.
Иногда клиенты заказывают email шаблоны для рассылки таким способом. Предварительно проверяем качество с помощью тестового письма, если наша верстка подходит, создаем HTML письмо.
© 2021 WOW EMAIL. Все права защищены.
Появились вопросы или нужна помощь?
Мы с радостью вам ответим!
Как отправить html-письмо через Mail.ru
Чтобы отправить html-письмо через Mail.ru нужно проявить немного смекалки. Мы самостоятельно разобрались в том, как это сделать и подготовили подробную пошаговую инструкцию.
Шаг 1. Подготовка письма
Для начала вам нужен сам шаблон с правильными ссылками на изображения. Дело в том, что изображения должны быть загружены на сервер и в файле ссылки должны быть на них, а не на картинки с вашего компьютера. Это важное правило, иначе картинок в итоговом письме не будет.
Если вы заказывали разработку у нас, то у вас уже есть отдельный подготовленный для этих нужд файл, а картинки загружены на наш сервер. В противном случае вам нужно будет сделать это самостоятельно.
Начнем. Откройте файл шаблона через обычный блокнот и скопируйте все его содержимое, в дальнейшем нам нужно будет вставить его в тело письма в Мэйл.ру.
Шаг 2. Вставка письма в Mail.ru
Зайдите в свой почтовый ящик на сайте и создайте новое письмо. Убедитесь, что у вас включено оформление письма. У вас должна отображаться показанная ниже панель.
Нажмите правой кнопкой мыши на поле для ввода текста письма и выберите “просмотреть код” (В каждом браузере этот пункт называется по-своему, но смысл сохраняется). Откроется панель редактирования кода страницы. (Панель может отличаться визуально в зависимости от вашего браузера. Мы показываем на примере Google Chrome).
Выделился код, который отвечает за наполнение письма. Но нам нужна главная строчка кода — html.
Именно этот блок отвечает за наполнение письма и нам нужно вместо него вставить наш шаблон. Для этого щелкните правой кнопкой мыши по блоку и нажмите “Edit as HTML”.
Далее нам нужно удалить весь находящийся там код…
… и на его место вставить код нашего письма, который мы скопировали себе в самом начале урока. После чего просто закройте панель, нажав на крестик справа в углу.
Если вы все сделали верно, то у вас появится ваше письмо. Не пугайтесь того, что оно без картинок. Получатель получит письмо с картинками. Если переживаете — просто отправьте письмо себе, и посмотрите результат.
Шаг 3. Отправка html-письма
Остается подкорректировать содержимое письма, если это требуется. Просто перепишите тексты. Можно пользоваться инструментами оформления из верхней панели.
После того, как содержание письма полностью вас устроит — отправляйте. А чтобы не делать это каждый раз, можно сохранить его как шаблон в mail.ru.
Как создать HTML-письмо — 7 советов для успеха
Изабела — ведущий автор блога вышибалы. Ее вдохновляет помогать компаниям по всему миру доставлять электронные письма в почтовые ящики своих получателей.
Апр 11, 2022
Когда вы читаете что-то на экране, это нечто большее, чем кажется на первый взгляд.
Каждая строка текста (включая тот, который вы сейчас читаете) имеет под собой какой-то код. То же самое относится и к электронным письмам, даже самым простым.
Существует два типа электронных писем: обычные текстовые и HTML. И если обычный текст эффективен, то HTML-письма открывают мир возможностей для персонализации. Сегодня мы покажем вам практические советы по созданию собственных HTML-писем — не приступая к изучению программирования.
Как создать электронное письмо в формате HMTL
Вы будете рады узнать, что для создания HTML-письма не нужно быть кодером. Как и в случае с созданием собственного сайта, в наши дни существует множество отзывчивых решений. конструкторы шаблонов html-писем Существуют простые HTML-шаблоны электронной почты, которые предварительно отформатированы и готовы к настройке, что позволяет вам создавать отличные HTML-письма без необходимости вникать в код на задней панели.
Пример HTML-кода в электронном письме. Источник
Все, что вам нужно сделать, это внести нужные изменения в шаблон электронной почты с помощью редактора электронной почты, который в конечном итоге кодирует изменения в конечный продукт.
Если в вашей команде нет дизайнера электронной почты, и вы не кодер, но все же хотите создать и отправить письмо, которое будет элегантным и профессиональным, инструменты для создания электронной почты могут стать идеальным вариантом для рассмотрения.
Создание и отправка электронной почты HTML с нуля
Если вы знаете HTML и хотите получить более прямой контроль над кодом вашей электронной почты, то многие почтовые инструменты также позволяют напрямую редактировать важные HTML-файлы, которые можно использовать в качестве пользовательского HTML-шаблона электронной почты.
Есть много бесплатный HTML шаблоны электронной почты, которые вы можете использовать, доступны в Интернете. Если вы знаете, как работать с HTML-файлами, адаптация HTML-шаблона электронной почты к используемому вами инструменту создания электронной почты часто является довольно простым и понятным процессом.
Работа с разработчиком
Если вы хотите создать HTML-письмо полностью с нуля, без использования шаблонов, то вам потребуются продвинутые знания и навыки HTML или возможность работать с разработчиком, который знает некоторые коды электронной почты.
Поскольку процесс создания HTML-письма с нуля довольно сложный, если вы не обладаете необходимыми навыками, лучше обратиться к разработчику. В качестве альтернативы, если вы хотите сделать это самостоятельно, можно использовать готовый отзывчивый электронный адрес. почтовый шаблон обычно является лучшим вариантом.
Как составить HTML-письмо — 8 лучших практик, которые следует учитывать
Теперь, когда вы имеете представление об основах создания HTML-писем, неплохо бы знать некоторые основные стратегии, которые следует иметь в виду.
Независимо от того, какой метод вы планируете использовать при составлении HTML-писем, эти лучшие практики позволят вам улучшить оформление текста, повысить удобство чтения и улучшить качество электронной почты. доставляемость .
Убедитесь, что HTML-код электронной почты является отзывчивым
То, как ваше письмо будет отображаться в папке входящих сообщений пользователя, зависит от множества различных факторов. Одним из самых важных факторов является размер экрана мобильных устройств, на которых просматривается одно и то же письмо. Если вы хотите, чтобы ваше email-кампании Для успешной работы визуальные элементы должны выглядеть и ощущаться одинаково на разных устройствах.
Отзывчивые электронные письма отлично смотрятся на любом устройстве.
Важно помнить об этом, потому что, как бы хорошо отформатированный и удивительный сайт ни выглядел на вашем рабочем столе во время разработки, он может легко превратиться в огромный беспорядок, когда кто-то попытается просмотреть его на гораздо меньшем экране смартфона.
Лучше всего убедиться в том, что ваш макет прост и понятен; это поможет вам убедиться в том, что ваши HTML-письма выглядят так, как и должны выглядеть при просмотре на экранах разных размеров.
Сложные элементы, такие как плавающие изображения или несколько колонок, усложнят перевод формата вашего письма для разных размеров экрана. Если вы решите добавить в макет более сложные элементы, убедитесь, что вы активно решаете, как будут переставляться элементы для разных размеров экрана.
Убедитесь, что HTML в теле письма работает для нескольких почтовых клиентов
Клиент электронной почты, который ваш подписчик использует для открытия сообщения, является еще одним основным фактором, оказывающим огромное влияние на то, как ваше HTML-письмо появится в почтовых ящиках ваших подписчиков.
Каждый почтовый клиент загружает формат сообщения немного по-разному, поэтому имейте в виду, что письмо, которое определенным образом отображается в Outlook, может выглядеть иначе, например, в Gmail. В связи с этим полезно ознакомиться с тем, как основные почтовые клиенты загружают определенные элементы HTML и CSS.
Узнав это, вы сможете создать более последовательную работу с разными почтовыми ящиками.
Планирование несоответствий конечных пользователей
Размер экрана и почтовый клиент — не единственные два фактора, которые могут повлиять на то, как HTML-письмо появится в почтовых ящиках ваших подписчиков.
Существуют различные элементы, включая версию почтового клиента, который они используют, их программное обеспечение безопасности, операционную систему, уникальные настройки пользователя, а также то, загружают ли они изображения автоматически, — все это влияет на то, как загружается ваше письмо.
Хотя, возможно, невозможно полностью решить все потенциальные проблемы при каждой отправке электронной почты, предварительное планирование может значительно улучшить ситуацию, когда речь идет о подготовке к несоответствиям пользователей.
Например, вы можете захотеть создать версию обычного текста или версию веб-страницы. транзакционная электронная почта по которым пользователи могут легко перейти к чтению, если отправленное вами HTML-письмо по какой-либо причине не отображается для них хорошо.
Как успешно кодировать электронное письмо в HTML с помощью тестирования
Убедитесь, что вы тестируете HTML-письма на каждом этапе разработки. Это поможет вам убедиться, что оно хорошо работает в различных почтовых клиентах, на различных устройствах и операционных системах.
Не ждите конца процесса, чтобы окончательно протестировать электронную почту. Тестирование в процессе работы поможет вам быстро обнаружить любые несоответствия между устройствами и почтовыми клиентами, что упростит вам создание согласованного опыта.
Вы можете легко сделать это с помощью инструментов электронной почты, которые предлагают тестирование в приложении, или отдельного инструмента, если вы создаете HTML-письма с нуля.
Убедитесь, что письмо загружается быстро
Наконец, важно помнить, что длительность загрузки вашего письма может стать разницей между потерей подписчика или привлечением нового почтового клиента.
Хотя может возникнуть соблазн использовать всевозможные варианты оформления и визуальные эффекты, которые можно включить в HTML-письмо, помните, что все это будет бесполезно, если письмо будет долго загружаться, и лучше сэкономить это дополнительное время.
При создании дизайна электронной почты важно помнить о времени загрузки письма. Это особенно актуально, если вы планируете разослать его подписчикам, которые могут открыть его, не имея много свободного времени. Некоторые из основных моментов, которые следует учитывать при улучшении времени загрузки ваших электронных писем, включают:
Сведите изображения к минимуму
В то время как изображения могут быть полезны в электронных письмах Но переизбыток их в теле письма может оказать обратный эффект на дизайн и читабельность вашего письма.
Письмо, в котором используется меньшее количество изображений, не только даст вам больше шансов оказать влияние на сообщение, которое вы доносите до своих подписчиков, но и позволит быстрее загрузить письмо.
Вы также можете использовать инструмент сжатия размера изображения для любых изображений, которые вы используете, чтобы максимально уменьшить размер файла и получить более чистый формат электронной почты.
В качестве альтернативы, включите версию письма в виде обычного текста в свои маркетинговые кампании по электронной почте, чтобы у читателей был выбор.
Используйте минификатор HTML
Минификатор HTML — это инструмент для разработки электронной почты, который можно использовать для удаления ненужного кода из файла HMTL. Он удалит все повторяющиеся или дополнительные элементы, сохранив при этом фактический вид вашего письма.
Это поможет сократить время загрузки, поскольку каждая строка кода влияет на время загрузки письма. Вы можете сохранить тот же (или похожий) дизайн письма, но при этом оно будет загружаться быстрее и выглядеть лучше.
Используйте веб-шрифты
Хотя пользовательские шрифты могут выглядеть великолепно, важно быть осторожным при их использовании в электронном письме, поскольку они могут добавить дополнительные сложности, которые в конечном итоге могут увеличить время загрузки письма.
Чтобы обезопасить себя и избежать проблем с форматом электронной почты, используйте стандартные веб-шрифты, которые поддерживаются всеми почтовыми клиентами, например, Apple Mail.
Если вы используете инструмент для создания электронной почты, то вы можете легко сделать HTML-письмо без необходимости знания кодирования. Независимо от того, используете ли вы конструктор электронной почты или начинаете с нуля, есть несколько важных моментов, о которых следует помнить, чтобы убедиться, что ваше письмо будет иметь желаемый эффект.
Завершение
Создание отзывчивых писем в HTML возможно даже без особых знаний о кодировании электронной почты. Благодаря современным инструментам электронной почты, каждый из которых оснащен визуальным редактором кода, и некоторым советам, о которых мы говорили выше, любой может создавать HTML-письма, которые будут отлично выглядеть на всех устройствах.
And when you prepare your next email campaign, you’ll want to ensure the best deliverability – which is why it’s necessary to убираться and validate your emails before you hit send. Получите бесплатную пробную версию Bouncer сегодня и узнайте, сколько ваших адресов электронной почты нужно отправить в утиль!
Часто задаваемые вопросы
Что такое электронное письмо в формате HTML?
Электронные письма HTML — это письма, созданные с использованием кода языка гипертекстовой разметки, который также обычно используется для создания веб-сайтов. Это один из самых распространенных языков программирования, и в Интернете есть много ресурсов, которые помогут вам написать базовое HTML-письмо самостоятельно, не нанимая разработчика электронной почты.
Каковы основные элементы электронной почты HTML?
Их всего два — заголовок и тело письма. Независимо от того, какой тип письма вы создаете, вы должны включить эти два элемента в структуру своего письма.
Можно ли создать HTML-письмо в Gmail?
Да, вы можете создавать HTML-письма в Gmail несколькими способами. Можно скопировать и вставить HTML-код в окно составления письма в Gmail, можно использовать инструменты разработчика Chrome или попробовать различные расширения Chrome для создания писем.
Как отправить HTML-письмо
Здравствуйте, уважаемые читатели! Из предыдущих статей мы узнали, в чем преимущество html-писем для рассылки и как создать html-письмо. Итогом второй статьи стал полученный код. Что делать с ним дальше, чтобы отправить красиво оформленное письмо со ссылками?
Если вы просто вставите код в текстовое поле письма, ваш адресат получит примерно следующее:
Чтобы письмо отправилось в правильном виде, нужно код вставить именно как код. Разберём, как это сделать, на примере почты Яндекс.
Для удобства пишем любое слово в теле письма, правой кнопкой мыши вызываем меню и выбираем Просмотреть код.
Теперь в коде именно это слово заменяем на код нашего html-письма.
Нажимаем Edit as HTML (Редактировать как HTML).
Вставляем код и нажимаем на крестик в правом верхнем углу панели кода.
Первое письмо лучше всего отправить самому себе, чтобы убедиться, что всё правильно. Покажу кусочек своего письма.
После, для рассылки, можно просто пересылать это первое письмо, чтобы не проделывать каждый раз манипуляции с кодом. При пересылке не забудьте сменить тему письма и удалить «Пересылаемое сообщение» и «Конец пересылаемого сообщения» перед и после html-письма.