Импортировать шаблон из файла, по ссылке и с помощью вставки кода в HTML редакторе.
Рассмотрим, как вы сможете создать профессиональный шаблон в блочном конструкторе самостоятельно.
Основные преимущества блочного редактора:
нужный блок или элемент макета легко добавить в шаблон письма, просто перетащив его с помощью мыши;
легко редактировать каждый элемент, изменяя цвет, стиль, размер и другие параметры;
вам не нужно обладать специальными знаниями, уметь работать с HTML-кодом и т.п. чтобы создать эффективное письмо.
Перейдите в меню «Шаблоны» и нажмите «Добавить шаблон».
Дальше выберите нужную структуру шаблона.
В примере мы остановимся на шаблоне со структурой «Новости».
Перед вами «Конструктор шаблонов».
На панели слева доступны элементы, которые вы можете добавлять в письмо.
По центру — изначальный шаблон, который вы и будете править, добавляя и редактируя элементы.
На панели справа находятся варианты редактирования выбранного элемента.
Дизайн всего письма настраивается в разделе «Тело письма» — тут вы можете задать ширину контента, фон письма, фоновую картинку, фон контейнера, цвет текста и ссылок, шрифт и размер шрифта, высоту строки, а также контур.
Рекомендуем для каждого элемента шаблона (картинка, текст, видео и так далее) создать отдельный блок структуры.
Блок с элементом «Текст»
Добавление текстового блока
Выберите слева элемент «Текст» и перетащите его в шаблон.
В центре вы увидите визуальное отображение текста в блоке и параметры для оформления текста справа.
Все правки производятся в редакторе. В шаблоне вы можете в режиме реального времени видеть, как меняется текст после правок. Доступные параметры для редактирования текста: цвет текста, шрифт, высота строки, цвет фона, фоновая картинка, внутренний отступ, высота блока, контур и возможность скрыть блок на мобильном.
Обратите внимание: если вы хотите добавить текст в редактор копипастом (скопировать-вставить), то рекомендуем копировать текст из простого текстового файла (.txt). В противном случае в редактор могут подтянуться стили из вашего Word файла, что может нарушить макет. Скопируйте текст из файла Word, вставьте текст в файл .txt и снова скопируйте текст уже из текстового файла перед тем, как вставить его в редактор шаблона.
При работе с текстом вы можете выбрать стиль параграфа, шрифт, его размер, полужирный текст, курсив, выделить другим цветом отдельное слово, добавить список, отступ.
Отдельные параметры есть и для редактирования блока: цвет фона и отступ от краев (равноценный отступ текста от краев блока: сверху, снизу, слева и справа).
Нажмите по стрелочке справа от выбора переменных, чтобы открыть выпадающее меню, где спрятаны некоторые опции редактирования текстового блока:
Переменные
Добавление переменных происходит внутри текстового блока – меню «Переменные» с выпадающим списком предустановленных переменных.
Если вы хотите использовать переменные, которые доступны для конкретной адресной книги, то сначала создайте новую рассылку в меню «Мои рассылки» > «Создать email кампанию».
Прехедер – это текст, который виден подписчикам в почтовом клиенте сразу после темы.
Выберите нужный элемент в конструкторе («Добавить структуру» > «Примеры» > «Прехедер»), перетащите в шаблон и разместите над всеми элементами сверху.
По умолчанию блок «Прехедер» состоит из двух элементов в двух колонках: непосредственно прехедер и веб-версия письма.
Чтобы начать редактировать элемент, нажмите по нему левой кнопкой мыши.
Футер – это то, чем заканчивается письмо: блок с контактами компании (адрес, телефон, сайт) и другой полезной для подписчиков информацией.
Добавьте футер в шаблон («Добавить структуру» > «Примеры» > «Футер»), измените текст и установите параметры блока.
Вы можете выбрать внешний вид футера: будет ли он сплошным или разделенный на две колонки.
Как и в любом другом блоке, в футере вы можете изменить текст, добавить данные своей компании и задать фоновый цвет блока в целом.
В переменную {{ec_es_email_sender_company}} в футере подставляется название компании отправителя из настроек «Настройки аккаунта» > «Юр. лица» > «Компания».
Блок с элементом «Ссылка отписки»
По умолчанию ссылка отписки добавляется в каждое письмо автоматически, но вы можете использовать свою ссылку.
Элемент «Отказаться от рассылки» находится в выпадающем меню «Переменные».
Вставить ссылку отписки вы можете в любой блок письма.
Подробнее о кастомизации отписки вы можете узнать из статьи «Как настроить страницу отписки».
Если вы не создавали ссылку отписки, тогда в шаблон добавится стандартная ссылка отписки «Отказаться от рассылки». В этом блоке вы можете изменить цвет (блока и текста), шрифт (стиль, размер и начертание), положение текста (выравнивание: слева, справа, по центру), отступ текста от краев блока, высоту строки, контур, а также скрыть блок на мобильном.
Блок с элементом «Картинка»
Добавление картинки
В левом меню выберите блок «Картинка» и перетащите его с помощью мыши в шаблон письма.
Изображение вы можете добавить двумя способами: загрузить с компьютера или выбрать из картинок, которые вы ранее загружали в email сервис.
Изображения, ранее загруженные в email сервис, хранятся в «Менеджере изображений», который находится в меню «Рассылки» > «Шаблоны».
После загрузки (или выбора в галерее) изображение появится в шаблоне.
Редактирование картинки
Вы можете изменить параметры каждого изображения в правой панели редактирования блока.
Альтернативный текст
Бывают случаи, когда почтовый клиент не отображает картинки в вашем письме. Тогда на месте изображения и будет показана указанная вами подпись картинки (альтернативный текст).
Если подписи к картинке нет, отобразится название файла — непонятное для получателя и подозрительное для спам-фильтров.
Поэтому мы рекомендуем для каждой картинки указывать понятную подпись.
Ширина картинки
Каждое изображение, добавленное в шаблон письма, изначально имеет размер 100%.
Вы можете уменьшать его, изменять размер от 100% до 10%. Однако имейте в виду, что в мобильной версии все изображения отображаются 100% размера.
Учитывайте, что изменение ширины картинки тянет за собой связанное изменение высоты, поэтому лучше менять размеры изображения ДО того, как вставлять его в редактор шаблона.
Выравнивание
Под выравниванием подразумевается расположение картинки относительно краев блока, в котором она находится.
Картинку вы можете выровнять по левому краю, правому краю и центру.
Внутренний отступ
Значение этого параметра – равномерный отступ изображения от краев блока: сверху, снизу, справа и слева.
Цвет фона
Этот параметр задает фоновый цвет для блока, в котором находится изображение.
Контур
С помощью этой опции вы можете добавить рамку вокруг вашего изображения или блока с изображением. Поставьте галочку на «Контур», а затем укажите цвет, тип и ширину рамки. Нажмите по свободному полю и изменения сразу же отобразятся в шаблоне.
Ссылка
Используйте эту опцию, чтобы добавить в картинку гиперссылку.
Также вы можете вместо гиперссылки указать контактный номер телефона или email адрес.
Если прикрепить номер телефона, то, кликнув по этому изображению в полученном письме, запустится телефонное приложение, установленное в системе получателя по умолчанию, и пойдет вызов на указанный номер.
Если выбрать вставку «Email», то появится окно для автозаполнения темы письма.
Когда получатель кликнет по такому изображению, запустится его почтовое приложение и откроется окно с новым письмом с уже заполненными полями адреса получателя и с темой, указанными вами в конструкторе шаблона.
Нужно указывать полную ссылку на страницу, начиная с http://.
Блок с элементом «Кнопка»
Выберите элемент «Кнопка» в левой панели конструктора и перетащите его в шаблон.
Укажите ссылку на страницу, куда должна вести кнопка, и текст, который получатель будет видеть на кнопке.
Вы можете выбрать стиль кнопки, изменить ее ширину, высоту, цвет, выравнивание относительно краев блока, степень скругления углов кнопки, расположение текста на ней.
Яркий призыв к действию, оформленный в красивом стиле — дополнительный шанс, что получатель заметит кнопку и захочет её нажать и перейти на ваш сайт.
Поэтому обращайте внимание и на параметры текста.
Кроме того, как и с картинкой, клик получателя по кнопке может запускать вызов по указанному вами номеру телефона или отправку письма. Также вы можете указать тему такого письма для ее автозаполнения в почтовом приложении получателя.
Редактирование параметров блока заключается в выборе фонового цвета и указания отступа внутренних элементов от края блока.
Блок с элементом «Разделитель»
Этот элемент вы можете использовать в случае, когда нужно визуально отделить в шаблоне два блока друг от друга.
Разделить блоки вы можете отступом или линией.
Если выбрать отступ, то ему вы можете задать цвет, и тогда блоки с элементами будут разделены цветным блоком.
Вы можете также использовать разделитель-линию, стиль которой вы можете выбрать из выпадающего списка.
Блок с элементом «Видео»
Чтобы добавить видео, перетащите соответствующий блок в шаблон.
Укажите YouTube ссылку на ролик в формате https://youtu.be/GcaZtTDT65w.
В шаблоне автоматически отобразится скриншот превью, при клике на который пользователь попадает на страницу просмотра видео.
Вы можете менять расположение и размер предпросмотра, устанавливать фон, отступы внутри блока.
Перетащите соответствующий блок в нужную часть шаблона и приступайте к его редактированию.
Вы можете выбрать внешний вид иконок, добавить или удалить иконки, задать ссылки и так далее.
Вы можете выбрать, как будут отображаться кнопки соцсетей: в виде иконки, иконки и текста или просто текста.
При добавлении ссылки выберите ее тип:
«Ссылка на профиль» — укажите адрес страницы или ID профиля, на которые сможет подписаться получатель письма после перехода по ссылке.
«Поделиться письмом» — кликнув по ссылке получатель распространит веб-версию письма.
«Поделиться ссылкой» — требует указания url страницы, которую получатель письма распространит в своей ленте новостей после клика.
Блок с элементом «Оплата»
Элемент «Оплата» используется для предоставления опции оплаты в письме.
Выберите этот элемент в левой панели конструктора и нажмите по нему.
Появятся две опции оплаты: ЮKassa и QIWI.
При вставке этих вариантов оплаты нужно указать сумму и данные товара.
Скрыть на мобильном
Вы также можете скрывать отдельные блоки для мобильных устройств.
Для этого выберите нужный блок и справа в настройках блока активируйте «Скрыть блок на мобильном».
Обновлено: 12. 09.2022
Создание шаблонов для электронной почты — Power Platform
Обратная связь
Twitter
LinkedIn
Facebook
Адрес электронной почты
Статья
Чтение занимает 3 мин
Шаблоны электронной почты позволяют сэкономить время при создании нескольких электронной почты. Шаблоны электронной почты содержат указанные вами предварительно заданные данные, то есть не требуется вводить для каждой из статей одну и ту же информацию.
Шаблон электронной почты прикрепляется к действию с электронной почтой после его создания. Как правило, каждому типу действия с электронной почтой соответствует свой тип шаблона электронной почты. Например, в действии с электронной почтой, созданном из записи обращения, будет использоваться шаблон обращения по электронной почте. Кроме того, можно создать глобальные шаблоны, доступные для записей любого типа, или личные шаблоны, доступные только создавшему их пользователю, а также шаблоны организации, доступные всем сотрудникам организации.
Убедитесь, что у вас есть роль безопасности «Системный администратор» или аналогичные разрешения в Microsoft Dynamics 365.
Проверка вашей роли безопасности
В центре администрирования Microsoft Power Platform выберите среду.
Выберите Параметры > Шаблоны > Шаблоны сообщений электронной почты.
На панели инструментов «Действия» выберите Создать.
В диалоговом окне Тип шаблона электронной почты в списке Тип шаблона выберите нужный тип, затем нажмите кнопку ОК.
Важно!
Если выбран конкретный тип записей, например интерес или возможная сделка, шаблон доступен только для этого типа записей. Изменить это нельзя. Чтобы использовать тот же контент для другого типа записей, создайте новый шаблон.
В форме Шаблоны электронной почты введите Заголовок и Тема.
Можно ввести описание шаблона. Это описание не будет видно получателю.
Введите текст, который должен содержаться в этом сообщении. Для изменения текста используйте панель инструментов «Форматирование».
Совет
Несмотря на то, что вы не можете вставить изображения или HTML-содержимое непосредственно в сообщения или шаблоны сообщений электронной почты, можно воспользоваться функцией копирования Internet Explorer, чтобы скопировать изображение с веб-сайта и вставить его в сообщение или шаблон сообщения электронной почты. Изображение будет доступно при наличии доступа к веб-сайта.
Чтобы включить в шаблон электронной почты гиперссылку, введите URL-адрес с префиксом http://, например http://contoso.com. Не ставьте после URL-адреса точку, запятую или пробел, иначе ссылка не будет работать. Выделите текст ссылки и выберите Превратить в гиперссылку ().
Ссылка автоматически добавляется в URL-адрес, и текст выделяется подчеркиванием и синим цветом.
Для включения поля данных в гиперссылку:
Выберите текст ссылки и поля данных. Например: http://contoso.com/q?{!Пользователь : Город;}
Выберите Превратить в гиперссылку ().
Текст и поля данных преобразуются в гиперссылку. Например: <a href=»https://contoso.com/q?{!User : City;}»>http://contoso.com/q?{!Пользователь : Город;}</a>.
Текст гиперссылки выйдет отображаться как ссылка, когда шаблон будет использован в сообщении электронной почты.
В приложениях Customer Engagement нет встроенной проверки орфографии (Dynamics 365 Sales, Dynamics 365 Customer Service, Dynamics 365 Field Service, Dynamics 365 Marketing и Dynamics 365 Project Service Automation). Однако могут быть доступны решения от сторонних разработчиков. Дополнительные сведения см. в разделе Поиск решений Microsoft Dynamics.
Панель инструментов «Форматирование» имеет ограниченный набор шрифтов и размеров шрифта. Однако можно копировать и вставлять содержимое Office Word. При этом можно будет воспользоваться такими функциями, как проверка правописания, и некоторыми функциями расширенного форматирования текста. Для разделения строки текста одним интервалом в конце строки нажмите сочетание клавиш Shift+Ввод.
Чтобы вставить поля данных для отображения сведений, таких как имя клиента или данные из предложения, в записи приложений Customer Engagement щелкните Вставить или обновить, а затем в диалоговом окне Значения поля данных щелкните Добавить.
В диалоговом окне Добавление значения выберите значения Тип записи и Поле, а затем нажмите кнопку ОК.
Нажмите кнопку ОК еще раз, чтобы вставить данные.
Чтобы ввести имена и фамилии клиентов, необходимо повторить эти три действия по вставке; имена и фамилии являются отдельными значениями.
Совет
Используйте поле Стандартный текст для определения текста, отображаемого при отсутствии данных записи для поля.
Выберите Сохранить или Сохранить и закрыть.
Примечание
Чтобы изменить общий шаблон на личный или личный шаблон на общий, в форме шаблона на странице Действия меню выберите Вернуться к личному шаблону, или выберите Сделать шаблон доступным для организации.
При использовании шаблона электронной почты в качестве подписи в другом шаблоне сначала следует добавить шаблон подписи. В противном случае текст в строке «Тема» будет перезаписан.
Если нужно создать резервную копию шаблонов или экспортировать их для использования в другой реализации, их можно экспортировать как часть экспорта настроек. Дополнительные сведения см. в разделе Экспорт настроек в качестве решения.
См. также
Примечание
Каковы ваши предпочтения в отношении языка документации? Пройдите краткий опрос (обратите внимание, что этот опрос представлен на английском языке).
Опрос займет около семи минут. Личные данные не собираются (заявление о конфиденциальности).
Отправить и просмотреть отзыв по
Этот продукт
Эта страница
Просмотреть все отзывы по странице
Создание шаблона электронной почты в приложениях на основе моделей — Power Apps
Обратная связь
Twitter
LinkedIn
Facebook
Адрес электронной почты
Статья
Чтение занимает 2 мин
Шаблоны электронной почты — это быстрый и простой способ отправлять повторяющиеся, профессиональные сообщения электронной почты с предварительным форматированием для клиентов. Для создания шаблонов электронной почты по умолчанию доступен устаревший редактор шаблонов электронной почты. Однако расширенный редактор шаблонов электронной почты отображается как вариант, если он включен вашим администратором.
Примечание
Редактор улучшенной электронной почты доступен только в Dynamics 365 Customer Service.
Вы можете создавать шаблоны электронной почты, используя один из следующих вариантов:
Начать с пустого шаблона: создание шаблона с нуля. Отображаемый редактор зависит от того, включен ли параметр шаблона улучшенной электронной почты.
Начать с существующего шаблона: создать шаблон, выбрав существующий шаблон. Отображаемый редактор зависит от редактора, в котором был создан существующий шаблон.
Начать с пустого шаблона
Когда вы начинаете с пустого шаблона, вам ничего не предоставляется. Вы должны добавить все, что хотите, чтобы клиенты видели.
На панели команд Шаблоны электронной почты выберите Создать, а затем выберите Начать с пустого шаблона.
Введите следующие сведения:
Имя шаблона: дайте вашему шаблону электронной почты подробное имя, которое поможет вам идентифицировать его позже.
Уровень разрешений: выберите Организация, чтобы поделиться своим шаблоном с другими или Физическое лицо для личного пользования.
Категория: значение области по умолчанию — Пользователь. Категории определяют, какие динамические текстовые поля доступны для использования в вашем шаблоне.
Язык: отображение установленных языковых пакетов. Язык также помогает относить ваши шаблоны к категориям.
Создать: открывает один из двух редакторов, в которых вы можете создать свой шаблон.
Выберите Создать. Отображается редактор шаблона.
Страница редактора, которую вы видите, зависит от того, включил ли ваш администратор параметр редактора шаблонов улучшенной электронной почты:
Если да, вы будете использовать страницу редактора шаблонов улучшенной электронной почты.
Если нет, вы будете использовать страницу редактора шаблонов электронной почты по умолчанию.
Начать с существующих шаблонов
Начните с существующего шаблона, чтобы создать шаблон электронной почты быстрее и с меньшими усилиями. Шаблон предварительно заполнен данными. Все, что вам нужно сделать, это настроить его для ваших нужд.
На панели команд Шаблоны электронной почты выберите Создать, а затем выберите Начать с существующих шаблонов.
Введите следующие сведения:
Поиск: найдите имя шаблона, с которого нужно начать. Поиск не поддерживает регулярные выражения.
Просмотрите стандартные шаблоны, глобальные и специфичные для объектов, перечисленные в алфавитном порядке. Глобальные шаблоны отображаются как тип «Пользователь». Если вы создали собственные шаблоны электронной почты, они также будут перечислены.
Сведения. Предварительно просмотрите шаблоны, чтобы выбрать тот, который лучше всего соответствует вашим потребностям. Вы можете изменить его по мере необходимости позже.
Отображается страницы редактора шаблона.
Когда вы создаете шаблон из существующего шаблона, независимо от параметра редактора шаблонов улучшенной электронной почты, приложение отображает вновь созданный шаблон электронной почты в одном из следующих редакторов шаблонов:
Шаблон улучшенной электронной почты: если выбранный шаблон электронной почты был создан с использованием шаблона улучшенной электронной почты.
Стандартный шаблон электронной почты: если выбранный шаблон электронной почты был создан с использованием стандартного шаблона электронной почты.
Важно!
Если вы создаете шаблоны в расширенной среде редактирования, не редактируйте их в устаревшем веб-клиенте. Вы потеряете все встроенные изображения и уберете часть расширенного форматирования и функциональности.
Работа с существующими шаблонами
Вкладка Шаблон: укажите или измените сведения о шаблоне и тему сообщения электронной почты. Название включает – Копия в конце для указания, что этот шаблон является копией другого.
Раздел Редактор шаблонов: создайте и настройте шаблон электронной почты.
Выберите Новое вложение, чтобы добавить при необходимости одно или несколько вложений в шаблон.
Вы можете использовать редактор шаблонов улучшенной электронной почты или редактор шаблонов стандартной электронной почты для создания шаблонов электронной почты.
Редактор шаблона улучшенной электронной почты
Примечание
Администратор может включить функцию редактора шаблонов улучшенной электронной почты. Дополнительная информация: Параметр редактора шаблонов улучшенной электронной почты
Редактор шаблонов улучшенной электронной почты отображается, если опция редактора шаблонов улучшенной электронной почты включена.
Вкладка Редактор: используйте эту вкладку для разработки и настройки шаблона электронной почты. См.: Создание и настройка шаблона электронной почты.
Вкладка Шаблон: укажите или измените сведения о шаблоне и тему сообщения электронной почты.
Вкладка Вложения: при необходимости добавьте вложения в шаблон.
Редактор шаблонов стандартной электронной почты
Редактор шаблонов стандартной электронной почты отображается, если опция редактора шаблонов стандартной электронной почты включена.
Вставить динамический текст: используйте динамический текст в теме и тексте письма.
Тема: введите или измените тему сообщения электронной почты.
Новое вложение: добавьте при необходимости одно или несколько вложений в шаблон.
См. также
Персонализация содержимого путем вставки динамического текста
Настройка улучшенной электронной почты Сведения о функциях электронной почты
Обратная связь
Отправить и просмотреть отзыв по
Этот продукт
Эта страница
Просмотреть все отзывы по странице
Как создать письмо на основе шаблона в конструкторе UniSender
В UniSender есть много готовых шаблонов для конструктора писем. Просто выберите нужный шаблон и отредактируйте его.
Как выбрать шаблон
Чтобы найти шаблоны для конструктора, на главной странице личного кабинета нажмите «Создать рассылку» → «Email».
Далее выберите шаблон с пометкой Block и нажмите кнопку «Использовать».
Откроется шаблон.
Сначала заменим картинку.
Как отредактировать картинку
Кликаем на картинку в письме, которую хотим заменить. На панели слева нажимаем «Изменить картинку».
Открывается менеджер файлов. Здесь нажимаем «Загрузить».
Выбираем картинку на компьютере. Картинка появляется в менеджере файлов, нажимаем «Вставить».
Картинка загрузилась в письмо.
В нашем примере картинка слишком большая, поэтому уменьшим её.
Для этого кликаем на картинку в письме, слева на панели ползунком уменьшаем ширину.
Так выглядит уменьшенная картинка.
Теперь переходим к редактированию текста.
Как отредактировать текст
В текстовом блоке ставим курсор для редактирования.
Удаляем текст и вписываем свой.
Переходим к форматированию.
Выделяем текст, который хотим изменить, выбираем шрифт и размер. Также на панели инструментов можно изменить цвет шрифта или фона, начертание, выравнивание и другие параметры.
Обратите внимание, конкретно этот блок скрыт в мобильной версии, поэтому будет отображаться только на ПК. Скрытие блока регулируется в настройках на панели слева внизу. В нашем случае блок скрывается на телефоне, поэтому там отмечена кнопка «Мобильная», а в самом блоке слева вверху отображается пиктограмма с перечёркнутым телефоном.
Оставим настройки в таком виде, блок будет скрыт на мобильном.
Так выглядит в итоге вся строка с картинкой и текстом.
Теперь перейдём к настройкам строки.
Как изменить свойства строки
Поменяем цвет фона всей строки. Для этого выделяем её в письме, а на панели слева в поле «Цвет фона» выбираем другой цвет.
То же самое делаем в свойствах нижней строки.
Теперь редактируем следующий блок с текстом таким же образом, как мы делали ранее. Вводим текст, меняем шрифт и размер.
Название магазина сделаем ссылкой.
Как добавить ссылку
Выделяем текст, который нужно сделать ссылкой. На панели инструментов нажимаем кнопку «Insert/edit link».
Здесь заполняем поля:
Link type — тип ссылки, оставляем «URL».
Url — вставляем ссылку.
Underline link — подчёркивание ссылки, убираем галочку.
Text to display — отображаемый текст. Он уже добавлен, ничего не меняем.
Title — текст, который отображается при наведении на ссылку. Вписываем такой же, как в поле выше.
Target — оставляем «New window», чтобы ссылка открывалась в новом окне.
Теперь ссылка выглядит так.
Цвет изменился на розовый, потому что такой цвет задан в свойствах блока. Меняем его на белый.
Для этого выделяем блок с текстом, на панели слева кликаем на «Цвет текста» и выбираем белый.
Цвет ссылки изменился.
Картинку ниже меняем таким же образом, как меняли предыдущую.
Эта картинка выглядит маленькой, поэтому увеличиваем её. Выделяем картинку в письме, а на панели слева ползунком увеличиваем ширину до 100%.
Теперь у изображения такой вид.
Строку, которая идёт ниже, удаляем.
Как удалить строку
Кликаем на строку в письме. Справа вверху появятся пиктограммы, кликаем там на корзину.
Строка удалена.
Теперь в следующем блоке меняем текст и картинку по такому же алгоритму, как делали ранее.
В результате строка выглядит так.
Осталась кнопка, которую тоже отредактируем.
Как отредактировать кнопку
Сначала заменим текст. Кликаем на блок с кнопкой, выделяем текст и вписываем свой.
Здесь так же, как и в блоке с текстом, меняем шрифт и размер.
Теперь выделяем кнопку в письме, а на панели слева редактируем её свойства:
Вставляем ссылку в поле «URL».
Отключаем автоширину и ползунком увеличиваем ширину кнопки.
Меняем цвет фона.
Устанавливаем выравнивание по центру.
Цвет текста оставляем белым.
Листаем свойства вниз и меняем следующее:
Уменьшаем закругление углов.
В разделе «Отступы содержимого» увеличиваем отступы «Верх» и «Низ».
Здесь вы также можете настроить другие отступы и включить границу для кнопки, но мы не меняем эти значения.
Теперь вся строка выглядит так.
Создадим ещё несколько таких же строк, чтобы заполнить их другим контентом. Для этого будем не создавать новую строку, а копировать уже существующую.
Как скопировать строку
Выделяем строку, в правом верхнем углу нажимаем на пиктограмму, как показано на скриншоте.
Строка скопирована.
Теперь редактируем текст, меняем каринку и ссылку на кнопку.
Создаём копию строки ещё раз и опять меняем контент.
Переходим к настройкам блока соцсетей.
Как редактировать блок «Соцсети»
Кликаем на блок.
На панели слева появляются свойства блока.
Выбираем другую коллекцию иконок.
В нашем примере заменим иконку Twitter на иконку YouTube. Для этого напротив иконки Twitter нажимаем «Удалить», затем нажимаем «Добавить новую иконку» и выбираем YouTube.
Перетаскиваем иконку с YouTube на то место, где был Twitter.
В полях «Url» вставляем ссылки.
Далее меняем интервал иконок.
Также на этой странице можно настроить выравнивание и отступы, но мы оставим текущие значения.
Готовый блок с иконками соцсетей.
Теперь нам осталось отредактировать текст под блоком соцсетей. Ставим курсор на текст, удаляем его и вписываем свой.
Готово. Посмотрим на общий результат.
Шаблон, который вы выбрали:
Отредактированный шаблон:
Полезные ссылки
Как попасть в новый конструктор Как работает Как настроить шрифты и цвета шаблона Как собрать макет Как отредактировать текст Как вставить картинку Как вставить кнопку Как вставить соцсети Как вставить видео Как вставить GIF Как сделать прехедер Как посмотреть письмо перед отправкой
Шаблон письма для рассылки: Как сделать или где взять готовые
Рано или поздно новые шаблоны для писем нужны каждому емейл-маркетологу, независимо от предыдущего опыта.
Зачем нужен новый шаблон?
Вот перечень основных причин:
Внедрение емейл-маркетинга или переход на новую платформу. Тем, кто только начинает пользоваться ESP, нужен шаблон для письма, чтобы сделать первую рассылку. В нашей практике часто встречаются как запросы на создание шаблона с нуля, так и на перенос писем из других сервисов.
Редизайн сайта. В этой ситуации необходим пересмотр шаблонов и приведение их к стандартам нового фирменного стиля.
Обновление. Периодически нужно обновлять существующие шаблоны электронных писем, чтобы подписчики видели, что ваш бренд развивается, а письма не приедались.
Добавление новых элементов. Технологии не стоят на месте: то, что вчера было актуальным, сегодня уже пора менять. Если хотите идти в ногу со временем и отправлять АМП-письма, придется оптимизировать шаблон. Но игра стоит свеч! Такие элементы в рассылках пока редкость, и это хороший шанс выделиться среди конкурентов.
Адаптивность. На сегодняшний день шаблон email-письма должен быть адаптивным, иначе получатели вряд ли будут открывать ваши рассылки на мобильных.
Добавление писем нового типа. Например: компания использовала только триггеры, а теперь решила отправлять еще и проморассылки.
Last post
Что такое мастер-шаблон
Мастер-шаблон письма – это основа будущих рассылок. В него, как правило, включают все элементы, которые пригодятся для создания писем:
Хедер.
Баннеры.
Заголовки.
Текстовые блоки.
Кнопки СТА.
Карточки товара.
Соцсети.
Футер.
Ссылка «Отписаться» и обязательная фраза о причине отправки email.
Шаблон со всеми блоками, на основе которых можно составлять новые письма, и называют мастер-шаблоном. Его можно использовать для создания разного вида рассылок, например: сделать шаблон промописьма, триггерного сообщения, ежемесячного дайджеста и т.д. В процессе редактировании блоки можно добавлять, удалять, дублировать, менять местами.
Тот самый, первый шаблон
Хотите создать первое письмо в eSputnik, но не слишком близко знакомы с тонкостями верстки и не знаете с чего начать? Мы сделаем мастер-шаблон для email-рассылки бесплатно! Он будет отвечать всем необходимым критериям:
Адаптивность;
Лучшие практики в оформлении;
Соответствие стилю вашего сайта.
При подаче заявки на создание бесплатного шаблона письма необходимо сообщить:
Название вашего аккаунта в eSputnik.
В стиле какого сайта он должен быть сделан (ссылка на сайт, если есть — макет в формате psd).
Желаемую структуру письма.
Кому будут адресованы рассылки: как были получены эти емейл-адреса? Как и когда давали согласие контакты из списка на получение писем от компании?
Если контакт получен давно и емейл-рассылки не делались, то, скорее всего, база устарела (люди могли забыть о компании, у них могли измениться интересы).
Мы проверяем, чтобы шаблон html письма для рассылки корректно отображался во всех почтовых клиентах, операционных системах и на разных устройствах, включая мобильные и десктопные варианты. Для проверки используются Litmus или Email on Acid.
С таким шаблоном рассылки легко работать, на его основе можно делать новые письма, дополняя и видоизменяя используемые блоки и контент. Для этого не обязательно быть гуру в HTML и CSS или иметь специальные навыки. Даже новичок в емейл-маркетинге быстро справится с созданием нового письма на такой основе.
Хотите бесплатный шаблон?
Почему шаблон должен соответствовать фирменному стилю бренда? В случае с емейл-рассылками сохранять имидж компании и продвигаемых товаров/услуг очень важно.
Подписчики и клиенты уже знакомы с вашей компанией, не так ли? Поэтому стоит и в письмах поддерживать узнаваемый образ бренда, чтобы не возникало непонимания и ошибок в восприятии.
Примеры бесплатных шаблонов от eSputnik
Структура шаблона письма
Стандартная структура шаблона строится по такой схеме: хедер, контентная часть и футер. Можно сказать, что это обязательные части письма, и неважно, о каких email-рассылках идет речь: промо или триггерных.
Шапка письма или хедер обычно включает лого, меню со ссылками на основные разделы сайта, контактную информацию и соцсети. Последние два пункта – факультативно. Они могут быть и в футере. Пример хедера:
Контентная (основная) часть вот ваше поле для творчества. Здесь нужно разместить такой контент, который заставит получателя вам поверить и совершить целевое действие. Для этого раздела вам понадобятся эффектные картинки, элементы анимации, заголовки, продающий текст и кнопки призыва к действию. Весь контент должен быть согласован между собой и доносить основную мысль. Не нужно вставлять котиков в письмо только потому, что они милые и всем нравятся, если ваша компания никак не связана с животными.
Подвал письма, он же футер, обычно содержит контакты, блок с шерингом в соцсетях и блок с подписью менеджера/редактора рассылки/руководителя или другого представителя компании, которого знают или привыкли видеть получатели рассылки.
Виды адаптивных шаблонов в eSputnik
Если вы хотите сделать адаптивное письмо в редакторе eSputnik, воспользуйтесь встроенными шаблонами, все они поддерживают эту функцию. Найти их можно в аккаунте → выбрать “Сообщения” в меню → подпункт “Сообщения” → кнопка “Создать Email”.
1. Базовые шаблоны
Вы попадете на страницу с шаблонами, которые предназначены для быстрого создания основных триггеров и промописем:
Выбирайте подходящий и редактируйте, отталкиваясь от инфоповода и контента.
Представленные шаблоны позволяют создавать такие виды писем:
Промописьмо. Непосредственно этот шаблон подойдет для кафе, ресторанов, кейтерингов и сервисов доставки, чтобы рассылать свои предложения клиентам и подписчикам. Но его можно адаптировать и для других бизнесов.
Триггер. Одни проморассылки – это еще не емейл маркетинг. Для качественной автоматизации работы с подписчиками необходимо настроить триггеры. Важность триггерных писем нельзя недооценивать: это один из основных каналов коммуникации компании с клиентами. Сообщайте о статусе заказа, поступлении оплаты, начислении бонусов. Для всех этих писем подойдет данный шаблон:
Брошенная корзина – один из самых конверсионных триггеров для интернет-магазинов. Чтобы облегчить вам задачу с его внедрением, шаблон мы уже подготовили! Он уже адаптивный, осталось только добавить элементы вашего фирменного стиля:
Брошенный просмотр – письмо, напоминающее о вашем магазине и о товарах, которые потенциальный покупатель, увлекшийся серфингом в сети, так и не положил в корзину. Может, он о них забыл? Или не нашел, вернувшись на сайт? Что ж, брошенный просмотр ему напомнит. Шаблон для такого письма уже есть в системе eSputnik. Кроме тех товаров, которые посетитель посмотрел на сайте магазина, мы предлагаем добавить рекомендационный блок:
А если у вас уже есть готовый html-шаблон, выберите последний вариант “Отправить свой html” и вставьте собственный код. Это можно сделать и в том случае, если вы нашли подходящий шаблон в сети и хотите его использовать в eSputnik.
2. Тематические шаблоны
В этом разделе собраны 300+ примеров писем, которые сгруппированы по инфоповодам и типу бизнеса.
Все шаблоны можно редактировать и адаптировать под свои задачи: добавлять и удалять блоки, менять изображения и текстовый контент, экспериментировать с дизайном разных элементов, добавлять дополнительные эффекты (АМП, ролловер). Особо удачные блоки можно сохранить в библиотеку модулей для дальнейшего использования, чтобы потом не тратить время на их редактирование.
Правда, есть одно уточнение: чтобы отправлять письма с AMP-контентом, нужно сначала подать заявку и дождаться ее утверждения. Детальнее про АМП мы писали здесь.
Как сделать адаптивными структуры и контейнеры?
Задавать параметры адаптивности можно для каждой структуры
или для каждого изображения
Если в структуре с несколькими блоками включена адаптивность, на мобильных девайсах они перестроятся и отобразятся друг под другом (без прокрутки будет виден один блок, а не структура целиком). Это позволяет рассмотреть карточку товара в письме.
При необходимости некоторые элементы письма можно скрывать или отображать на мобильных устройствах для более корректного и привлекательного вида контента.
К примеру, нужно скрыть пункт меню “Акции”. В параметрах блока находим его и функцию “Скрытие элемента”, кликаем “На мобильном”. Возле элемента появился значок с перечеркнутым глазом – значит, получатели, открывшие письмо на мобильном, пункт “Акции” не увидят:
Важные действия при работе с шаблонами
Независимо от того, где был взят шаблон (найден в сети, взят из библиотеки шаблонов eSputnik, специально создан профессиональным верстальщиком или по заявке – сотрудниками нашего ESP), перед отправкой письма на его основе, проверьте следующее:
имя отправителя;
тему;
прехедер;
ссылки, в том числе под изображениями;
альт-тексты;
контактную информацию;
наличие обязательной фразы о том, почему получателю отправлена эта рассылка;
возможность отписаться;
логотип.
Все это необходимо сделать, так как в шаблоне могут быть проставлены ссылки, контакты и лого по умолчанию. То же самое возможно и с другим контентом.
2500 емейлов бесплатно
Редизайн – свежий взгляд на емейл-рассылку
Даже самый лучший дизайн со временем приедается, да и видение корпоративного стиля может измениться. В таком случае стоит сделать редизайн не только сайта, но и шаблонов рассылок.
А еще хороший повод попробовать что-то новое – переход из одного сервиса в другой. Внедряя новые шаблоны, вы позволяете подписчикам увидеть ваш бренд по-новому.
Успешные примеры редизайна шаблонов
Редизайн шаблона для компании Highprofileclub (до и после):
Подведем итоги?
Шаблон письма можно найти:
в ЕСП;
в открытых источниках;
на платных сервисах;
заказать дизайнеру и верстальщику;
сделать самостоятельно.
Если вы обратитесь в еСпутник, то получите адаптивный шаблон письма для первой рассылки бесплатно.
Перед первой рассылкой не забудьте тщательно проверить ваше письмо:
На правильность ссылок,
Соответствие фирменному стилю,
Актуальность контактной информации,
Корректность отображения в разных почтовых клиентах и на разных устройствах.
Библиотека шаблонов в eSputnik будет пополняться, следите за анонсами и обновлениями!
Создание и управление шаблонами email—Workflow Manager Server
Вы можете создавать шаблоны email, которые можно использовать в сочетании с деятельностью заданий для отправки уведомлений по электронной почте при выполнении определенных заданий.
Создать шаблоны email
Для создания шаблонов email выполните следующее:
Access the Workflow Manager web app.
Click the Design tab.
The Design page appears.
The Design tab won’t appear if you don’t have sufficient privileges.
Click the Templates button .
Click the Email Templates tab.
The Email Templates panel appears.
Щелкните Создать новый на панели Шаблоны email.
Введите имя для шаблона email в текстовом поле Имя шаблона.
Type email addresses separated by a semicolon in the To, CC, and BCC text boxes as necessary, or use an ArcGIS Arcade expression to create a dynamic list of recipients.
Type a subject for the email notification in the Subject text box.
You can also use ArcGIS Arcade expressions to provide a dynamic value for the subject. For example, jobName($job)+’ is ready’.
Type the message text for the email notification in the Body text box.
Optionally, if your jobs include attachments, you can choose to include job attachments in the email notification using the following options under Include Attachments:
None—Don’t include job attachments in the email notification.
All—Include all job attachment folders in the email notification.
By Folder—Type a comma separated list of folder names in the By Folder text box to specify the job attachment folders to include in the email notification.
Optionally, type a job ID in the Preview Email text box and click Preview to preview the email.
Щелкните Сохранить, чтобы сохранить шаблон email.
Редактирование шаблонов email
Для редактирования шаблонов email выполните следующее:
Access the Workflow Manager web app.
Click the Design tab.
The Design page appears.
The Design tab won’t appear if you don’t have sufficient privileges.
Click the Templates button .
Click the Email Templates tab.
The Email Templates panel appears.
Щелкните имя шаблона email, который вы хотите изменить, на панели Шаблоны email.
При необходимости обновите шаблон email.
Optionally, type a job ID in the Preview Email text box and click Preview to preview the email.
Щелкните Сохранить, чтобы сохранить изменения.
Удаление шаблонов email
Шаблон email будет удален навсегда и это не может быть отменено. Чтобы удалить приоритеты, сделайте следующее:
Access the Workflow Manager web app.
Click the Design tab.
The Design page appears.
The Design tab won’t appear if you don’t have sufficient privileges.
Click the Templates button .
Click the Email Templates tab.
The Email Templates panel appears.
Щелкните имя шаблона email, который вы хотите удалить, на панели Шаблоны email.
Щелкните кнопку Больше действий и щелкните Удалить.
Появится сообщение для подтверждения.
Щелкните Да, чтобы удалить шаблон email, либо Нет, чтобы отменить действие.
Отзыв по этому разделу?
Html-редактор электронной почты с перетаскиванием
Присоединяйтесь к более чем 500 000 компаний, использующих платформу Stripo
Производство электронной почты в настоящее время легко
Inspiration
Производство
Automation
Тестирование
Интеграции и экспорт
командная работа
Полностью отзывчивые
Наш код. и любые цели;
, которая поможет вам создать электронное письмо в формате HTML всего за несколько минут. Используйте наши готовые модули или создавайте и сохраняйте свои собственные;
Блог
с более чем 200 статьями по электронному маркетингу и дизайну электронной почты от наших экспертов.
Вдохновиться
Создание электронной почты
конструктор электронной почты с функцией перетаскивания;
открытый редактор кода HTML и CSS, позволяющий создавать шаблоны с нуля или встраивать пользовательские элементы в готовые шаблоны, а также средство проверки кода;
наша служба поддержки доступна для всех с 8:00 до 12:00, UTC+2, пн-пт: свяжитесь через чат в вашей учетной записи Stripo, по телефону или по электронной почте;
инструмента для создания динамических электронных писем, также называемых AMP, и интерактивных электронных писем с минимальными навыками программирования или без них.
Создать шаблон электронной почты
Автоматизация производства электронной почты
Синхронизированные модули. Используйте их в нескольких проектах;
обновить триггерные электронные письма прямо в вашем ESP;
создавать контент в реальном времени и редактировать его даже после отправки электронного письма;
автоматически создавать несколько карточек товаров, просто вставив ссылку на свой товар.
Автоматизируйте рутину
Тестирование электронной почты
Посмотрите, как ваши сообщения электронной почты отображаются на более чем 90 устройствах и в почтовых клиентах — посмотрите на электронные письма глазами получателей;
отправить результаты теста по электронной почте для утверждения.
Тестирование электронной почты
Интеграция и экспорт
наш онлайн-инструмент для создания шаблонов электронной почты интегрирован с более чем 70 ESP и CRM, включая Mailchimp, eSputnik и HubSpot;
экспортировать электронные письма в Gmail, Outlook или загружать в виде файлов PDF/PNG;
интеграция с внешними ресурсами: Canva, Calendly, Figma (скоро)
Проверить все интеграции
Командная работа
пригласить коллег в электронный редактор Stripo для совместной работы;
назначьте им роли, чтобы вы могли контролировать их уровни доступа;
поделитесь своей электронной почтой, ее открытым кодом и результатами тестирования по электронной почте для утверждения. Теперь этот процесс максимально упрощен.
Работать вместе
Особенности
Эти функции составляют основу нашего сервиса
Выберите свой план
Начните создавать высококачественные электронные письма быстрее. Stripo предлагает несколько тарифных планов, которые помогут вам найти тот, который лучше всего соответствует потребностям вашего бизнеса.
Бесплатная
Базовая
Средняя
Pro
Prime
Бесплатная
Идеально подходит для того, чтобы попробовать нашу платформу дизайна электронной почты. Узнайте, как вы можете извлечь выгоду из Stripo.
Начало работы
Основные функции:
доступ к бесплатным шаблонам электронной почты ;
полный доступ к библиотеке модулей ;
4 экспорта в месяц;
инструменты для создания динамических/AMP-писем ;
Поддержка
по электронной почте.
Basic
Идеально подходит для частных лиц. Создавайте безупречные электронные письма для личного использования быстрее. Отправьте их в свой любимый ESP или почтовый клиент.
Учить больше
Основные возможности:
доступ ко всем шаблонам Premium ;
возможность использовать пользовательские шрифты ;
Руководство по использованию бренда генератор архивов;
Stripo Служба перевода электронной почты ;
поддержка в чате.
Medium
Лучше всего подходит для фрилансеров и небольших маркетинговых групп. Зарабатывайте больше, быстрее создавая профессиональные электронные письма.
Учить больше
Основные характеристики:
2 дополнительных пользователя включены;
300 экспорт в месяц;
2 проекта на аккаунт;
пользователя роли и уровни доступа ;
пользовательский домен.
Pro
Идеально подходит для агентств и крупных маркетинговых групп. Позволяет устанавливать пользовательские роли и уровни доступа для каждого из ваших товарищей по команде. Оптимизируйте рабочий процесс.
Учить больше
Основные характеристики:
9 дополнительных пользователей включены;
неограниченно экспорт;
без ограничений проектов;
3 теста почтового клиента ;
поддержка клиентов по телефону.
Prime
Лучше всего подходит для больших компаний. Наслаждайтесь безграничными возможностями и персональным обучением для вашей команды. Совершенствуйте свои бизнес-процессы.
Учить больше
Основные характеристики:
неограниченно пользователя включены;
50 тестов почтового клиента ;
1-летняя история версий ;
неограниченно Таймер открывается;
мастер-класса для вашей команды.
Используйте плагин Stripo для своих услуг
ESP, CRM и другие компании, для которых создание электронной почты является одним из основных видов деятельности. Экономьте время и деньги на разработке. Плагин Stripo легко настраивается для ваших клиентов или вашего бизнеса.
Учить больше
Успех клиентов — наш приоритет №1
Служба технической поддержки Stripo готова помочь вам с любым вопросом, который может возникнуть, с понедельника по пятницу, с 8:00 до 12:00, UTC+2.
Служба поддержки
Свяжитесь с нашей службой технической поддержки удобным для вас способом: по электронной почте, в чате в личном кабинете или по телефону.
Расширенный справочный центр
Найдите ответы на наиболее часто задаваемые вопросы. Что такое Стрипо? Как его использовать, чтобы быстрее создавать электронные письма?
Учить больше
Индивидуальная демонстрация
Мы с нетерпением ждем возможности показать вам, как получить максимальную отдачу от HTML-редактора электронной почты Stripo Drag-n-Drop.
Учить больше
Просто выберите любой из этих крутых шаблонов, настройте его содержание, и ваше электронное письмо готово!
Откройте для себя больше шаблонов
Создание профессиональных и адаптивных шаблонов электронной почты
Получить бесплатную учетную запись
кредитная карта не требуется без ограничений по времени
Как создать повторно используемый шаблон электронной почты
Перейти к содержимому
Вам знакомо это чувство.
За день до того, как ваша рассылка по электронной почте будет отправлена, вы снова просто сидите и смотрите на пустой шаблон, задаваясь вопросом, с чего же, черт возьми, начать.
Знакомо?
Мы все были там.
Вместо того, чтобы вы чувствовали себя так каждый раз, когда отправляете рассылку по электронной почте, мы собираемся спасти вашу жизнь.
Хорошо, может быть, не совсем так. Но мы собираемся показать вам, как создать многоразовый настраиваемый шаблон электронной почты, который будет использоваться для каждого электронного письма, которое вы отправляете с этого момента.
О, пожалуйста, пожалуйста. Останавливаться. Никаких аплодисментов. Вы можете поблагодарить нас позже.
Начнем!
Уделите немного времени созданию шаблона многократного использования. Это требует небольшой дополнительной работы, но вы будете благодарить себя каждый раз, когда вам нужно что-то «взбить», и это займет у вас вдвое меньше времени, чем раньше.
Думайте об этом как о небольшом вложении, которое будет окупаться снова и снова.
1. Начните с чистого листа.
Выберите пустой шаблон. Мы знаем, что это страшно, но не беспокойтесь, если вы не разбираетесь в дизайне. Мы собираемся показать вам, как создать многоразовый шаблон, который будет хорошо представлять информацию и привлекать читателей к вашему призыву к действию
.
2. Промаркируйте многоразовый шаблон
.
Первое, что вы хотите сделать, это пометить этот шаблон как «Шаблон многократного использования». Он не предназначен для фактического содержания контента, а предназначен для использования в качестве упаковки для вашего следующего электронного письма.
Называйте его как хотите, , но помните, что этот шаблон будет использоваться только как шаблон для копирования. Вы измените сообщение со всей актуальной информацией перед отправкой своим подписчикам.
3. Добавить логотип
Добавьте свой логотип и убедитесь, что он связан с вашей домашней страницей. Люди ожидают, что логотипы и изображения будут доступны для кликов и связаны с веб-сайтом, поэтому используйте их желание кликнуть.
4. Добавьте блоки контента, разделители и интервалы
Теперь, когда вы добавили свой логотип, создайте макет своего шаблона. Вам не нужно заполнять его реальным контентом или изображениями, если у вас нет времени; лучше подготовьте элементы вашего шаблона, прежде чем вводить содержимое позже.
Добавить блок изображения. Здесь вы разместите изображение, связанное с вашим будущим предложением.
Затем добавьте блок заголовка. Здесь вы объявите о своей акции.
Затем добавьте текстовый блок. Здесь вы будете размещать контент о своем продвижении каждый раз, когда вам нужно отправить электронное письмо.
Добавьте кнопку призыва к действию — обязательно используйте самый яркий цвет в шаблоне вашего бренда.
Добавьте еще один блок для контактной информации вашей компании.
Добавить социальный блок.
Добавьте прокладки и разделители по своему усмотрению, чтобы разбить содержимое и правильно разместить блоки информации. Нет неправильного способа сделать это; просто убедитесь, что это визуально привлекательно. Информация должна течь сверху вниз, не казаясь слипшейся или разнесенной слишком далеко друг от друга.
5. Соответствие фирменным цветам
Вы хотите добавить именно те фирменные цвета, которые использует ваш бренд. Вы можете сделать это с помощью бесплатного инструмента выбора цвета под названием Color Cop. Как только вы определите 6-значный шестнадцатеричный код, за которым следует знак «#», примените его к своему шаблону, как показано в этом примере:
.
6. Добавьте кнопку призыва к действию
Далее настройте кнопку призыва к действию. Копия и ссылка могут меняться с каждым отправляемым вами электронным письмом, но размещение их в повторно используемом шаблоне будет напоминать вам, что каждое электронное письмо должно побуждать ваших подписчиков к действию.
Поместите кнопку над линией прокрутки и сделайте ее большой, яркой, чтобы ее было трудно пропустить, потому что это в конечном итоге приведет к более измеримым результатам ваших маркетинговых усилий.
7. Заполните нижний колонтитул
Настройте нижний колонтитул электронной почты. Эта информация вряд ли будет меняться очень часто, поэтому потратьте некоторое время на ее правильное оформление.
Гиперссылка на все ваши социальные кнопки, где ваша компания активна, и включает всю важную информацию о вашей компании, такую как адрес, контактную информацию и часы работы.
Все ваши электронные письма будут содержать самую важную информацию, которую подписчики должны знать о вашем бизнесе.
8. Предварительный просмотр и тестирование
И последнее, но не менее важное: протестируйте свой дизайн на мобильных устройствах и компьютерах. Используйте как можно больше устройств, чтобы получить реальное представление о том, как ваш дизайн будет работать на разных устройствах. Когда вы будете готовы добавить содержимое для рассылки, снова выполните предварительный просмотр.
Конечный результат может отличаться, но он должен выглядеть примерно так:
Итак, вот оно!
Теперь у вас будет многоразовый шаблон, который вы будете использовать каждый раз, когда будете готовы создать электронное письмо.
Если вы хотите отправить следующее электронное письмо, просто сделайте копию этого шаблона с новым именем, просмотрите и измените все части сообщения, которые необходимо обновить.
Вы сможете получать свою электронную почту быстрее, чем когда-либо, чтобы вы могли вернуться к тому, что у вас получается лучше всего.
Подробнее о дизайне электронной почты .
Бесплатная регистрация
Бриа Салливан
Вы обнаружите, что я разрабатываю и провожу обучающие вебинары по маркетингу и социальным сетям, впитываю новую маркетинговую информацию, как губка, пишу или танцую сальсу и планирую свое следующее приключение в путешествии. Я курирую широкий спектр интересных самородков интернет-добра. Следуй за мной @msbriasullivan
10 лучших сайтов с бесплатными шаблонами электронной почты
Загрузите лучшие бесплатные HTML-шаблоны электронной почты, чтобы придать своему бренду профессиональный вид и начать свою следующую маркетинговую кампанию по электронной почте.
Профессиональные шаблоны электронной почты — отличная отправная точка для любого бизнеса, чтобы успешно расширить свои маркетинговые усилия по электронной почте.
Вы можете создать потрясающую маркетинговую кампанию по электронной почте за считанные минуты с помощью настраиваемого готового шаблона электронной почты.
Не волнуйтесь. Вам не нужен графический дизайнер или дизайнерское агентство, чтобы создать красивый дизайн электронной почты, который вы можете использовать (и повторно использовать) в своих почтовых кампаниях.
Существуют сотни бесплатных сайтов с шаблонами электронной почты, на которых можно найти удобные для бизнеса и бесплатные HTML-шаблоны электронной почты. 📧
Чтобы облегчить вам поиск, мы составили удобный список лучших сайтов с шаблонами электронных писем.
Where to Find Free Email Templates
Sendinblue
Stripo
Bee
Unlayer
Mailbakery
99 Designs
Klenty
Litmus
Topol
Dyspatch
Before browsing this list, remember that Редактирование HTML-шаблонов электронной почты требует небольших знаний в области программирования и некоторых дизайнерских ноу-хау.
Вам также понадобится профессиональная служба маркетинга по электронной почте для предварительного просмотра и редактирования HTML-шаблона электронной почты. Бесплатные поставщики услуг электронной почты, такие как Gmail и Outlook, работают только с электронными письмами один на один и не имеют необходимых функций конструктора электронной почты для настройки профессиональных шаблонов электронной почты.
1. Sendinblue (более 40 адаптивных шаблонов электронной почты)
Когда вы создаете бесплатную учетную запись в Sendinblue, вы получаете полный доступ к нашей галерее шаблонов и инструментам редактирования электронной почты (перетаскивание, форматированный текст и HTML-редакторы). Выберите из более чем 40 красиво оформленных и полностью адаптивных шаблонов электронной почты.
Вы также получаете доступ к ряду функций на нашей платформе электронного маркетинга, включая формы подписки по электронной почте, расширенные отчеты и неограниченное хранилище контактов. Попробуйте бесплатный план Sendinblue и отправляйте до 300 электронных писем в день совершенно бесплатно.
Итак, как работают эти бесплатные шаблоны электронной почты?
Просто выберите шаблон из нашей библиотеки из 40+ бесплатных шаблонов электронной почты и настройте его с помощью редактор перетаскивания . Перетащите и переставьте элементы, а затем отредактируйте текст напрямую. Не требуется знаний HTML или кодирования.
Редактор электронной почты Sendinblue с функцией перетаскивания
2. Stripo (более 1000 HTML-шаблонов электронной почты)
В Stripo имеется более 1000 бесплатных HTML-шаблонов электронной почты и встроенный редактор электронной почты, облегчающий настройку дизайна вашей электронной почты.
Возможность добавлять готовые интерактивные элементы, такие как кнопки с анимацией CSS, GIF-файлы, эффекты прокрутки изображений и таймеры обратного отсчета, делают Stripo выдающимся конструктором электронной почты.
Шаблоны электронных писем Stripo охватывают любой контекст: электронные письма с подтверждением, электронные письма о транзакциях, электронные письма о брошенной корзине и многое другое.
Бесплатный план Stripo позволяет хранить 5 шаблонов электронных писем с 4 бесплатными экспортами в месяц.
В Stripo есть плагин Sendinblue, который позволяет экспортировать ваши электронные письма одним щелчком мыши.
3. Bee (более 1170 HTML-шаблонов электронной почты)
BEE Free — это профессиональный редактор электронной почты с более чем 1170 HTML-шаблонами электронной почты.
Выберите из множества категорий, основанных на отрасли или случае, которые лучше всего подходят для вашего дизайна электронной почты. Например, у BEE есть огромный выбор электронных писем, специально созданных для праздничного маркетинга. ⛵
Когда вы выбрали понравившийся шаблон, настройте его с помощью оптимизированного конструктора электронной почты. 🔧
Затем загрузите ZIP-файл, содержащий HTML-код электронного письма, чтобы отправить его с помощью предпочитаемого вами инструмента электронного маркетинга.
Если вы являетесь пользователем Sendinblue, вы можете экспортировать новые шаблоны из BEE непосредственно в Sendinblue после обновления до BEEPro.
4. Unlayer (более 600 бесплатных шаблонов электронных писем без кода)
Unlayer — это профессиональный инструмент для создания электронных писем, созданный для дизайнеров-фрилансеров и маркетинговых агентств.
Его доступный интерфейс без кода достаточно прост и для тех, кто не является дизайнером.
С более чем 600 бесплатными шаблонами электронной почты вы будете избалованы выбором. Есть также множество шаблонов премиум-класса, которые особенно хорошо продуманы.
Unlayer имеет бесплатный плагин Sendinblue, который позволяет мгновенно экспортировать настроенные вами шаблоны.
5. MailBakery (более 50 HTML-шаблонов электронной почты)
MailBakery — это агентство по дизайну электронных писем, которое предоставляет фантастический репозиторий бесплатных HTML-шаблонов электронной почты.
Более 50 шаблонов электронных писем доступны бесплатно и полностью адаптивны, что означает, что их электронные письма адаптируются к разным размерам экрана и отлично выглядят на мобильных устройствах. 📱
Дизайн каждого электронного письма тщательно разработан, чтобы помочь малым предприятиям увеличить конверсию в различных отраслях, таких как недвижимость, мода, рестораны, некоммерческие организации и магазины электронной коммерции.
Загрузите HTML-файл и скопируйте и вставьте HTML-код в предпочитаемую службу создания электронной почты, чтобы настроить дизайн в соответствии с вашими потребностями.
MailBakery также предлагает индивидуальный дизайн шаблона электронной почты, если вам нужна услуга «все для меня».
6. 99Designs (45 профессиональных шаблонов электронной почты)
99designs — это онлайн-рынок графического дизайна, который объединяет компании с дизайнерами-фрилансерами.
Вы можете скачать 45 бесплатных шаблонов писем, созданных лучшими дизайнерами мира. Просто подпишитесь на их бесплатную рассылку, и вы получите ссылку на галерею шаблонов электронной почты.
Галерея состоит из 3 разных тем с 3 типами шаблонов электронной почты для каждой темы. Каждый тип шаблона также поставляется в 5 различных цветовых вариантах.
Klenty — это платформа для привлечения клиентов, которая позволяет персонализировать охват продаж и отслеживать потенциальных клиентов в любом масштабе.
Их бесплатные ресурсы включают 120 уникальных шаблонов холодных писем. У них также есть шаблоны последующих электронных писем, которые можно использовать в различных ситуациях, например, после мероприятия или для завершения информационно-пропагандистской последовательности.
8. Litmus (более 60 бесплатных адаптивных шаблонов электронной почты)
Litmus предлагает программное обеспечение для тестирования электронной почты компаниям, которые хотят убедиться, что их электронные письма правильно отображаются на различных типах устройств и во всех основных ESP.
Вы можете загрузить более 60 бесплатных HTML-шаблонов электронной почты из галереи сообщества.
Все ресурсы находятся в свободном доступе для коммерческого использования, поэтому вы можете использовать их в маркетинговых кампаниях по электронной почте.
Шаблоны электронной почты сообщества разделены на четыре полезные категории:
Шаблоны электронной почты для запуска и обновления продукта (15)
Шаблоны электронной почты для электронной коммерции (23)
Шаблоны электронной почты для управления учетными записями (10)
Шаблоны электронной почты для маркетинга продукта ( 14)
Вы также можете загрузить пакет шаблонов электронных писем для подписчиков, который включает в себя десятки шаблонов электронных писем в еще большем количестве категорий:
Приветственные письма электронные письма в текстовом стиле
9. Topol (более 150 бесплатных HTML-шаблонов электронной почты)
Topol — это конструктор электронной почты, созданный для дизайнерских команд. Он сочетает в себе удобный редактор с тонко настроенными функциями кодирования. 👨💻
Topol PRO предназначен для команд, которые хотят совместно работать над кампаниями по электронной почте, обмениваясь и отслеживая изменения в шаблонах электронной почты.
Повторно используемые блоки позволяют командам быстро создавать и тестировать новые кампании по электронной почте, заменяя небольшие разделы контента.
Теги слияния также добавляют уровень персонализации, но не являются хорошей заменой функции сегментации, имеющейся в специальном программном обеспечении для электронного маркетинга, таком как Sendinblue.
10. Dyspatch (10+ бесплатных шаблонов электронной почты с открытым исходным кодом)
Dyspatch — это конструктор шаблонов без кода, предназначенный для оснащения предприятий инструментами, необходимыми для разработки как транзакционных, так и рекламных электронных писем.
Галерея шаблонов, разработанная сообществом, доступна бесплатно. Что отличает их от других шаблонов электронной почты, так это оптимизированные для AMP компоненты. ⚙️
Вы обнаружите, что электронные письма Dyspatch загружаются намного быстрее, чем традиционные электронные письма, и разработаны с учетом подхода, ориентированного на мобильные устройства.
Использование шаблонов электронной почты в вашей следующей маркетинговой кампании
Настройка шаблона электронной почты — это только первый шаг к эффективной кампании по электронной почте.
Вам по-прежнему потребуется отличная тема, персонализированное сообщение, четкие и эффективные призывы к действию, а также регулярные A/B-тесты, чтобы точно настроить дизайн электронной почты для достижения наилучших результатов.
Все вышеперечисленные шаги можно упростить с помощью Sendinblue — универсального маркетингового инструмента для растущего бизнеса, который поможет вам превратить потенциальных клиентов в постоянных клиентов.
Получите более 40 бесплатных шаблонов электронной почты с помощью Sendinblue
Бесплатный план включает доступ к галерее шаблонов, редактору перетаскивания, 300 электронных писем в день и неограниченное хранилище контактов.
Откройте мою бесплатную учетную запись Sendinblue сейчас >>
Шаблон электронной почты Руководство по созданию шаблона электронной почты
Электронная почта была и остается королем! И этому есть две основные причины: во-первых, это разрешение, а во-вторых, это канал связи один на один. Именно поэтому, даже после своего появления 4 десятилетия назад, электронный маркетинг по-прежнему остается самым популярным средством коммуникации, позволяющим маркетологам выстраивать конструктивные отношения со своими клиентами. Но что делает для успешного дизайна шаблонов? Если разобрать слои, то ядром успешной кампании по электронной почте является привлекательный дизайн шаблона электронной почты. Знаете ли вы, что ежемесячный объем поиска шаблонов электронной почты составлял колоссальные 12100 в сентябре 2021 года? Это указывает на то, что многие маркетологи электронной почты хотят отказаться от шаблонов электронной почты по умолчанию, которые ESP предлагают в своей библиотеке шаблонов.
Мы в Email Uplers понимаем вашу боль, и эта статья представляет собой честную попытку ответить на все вопросы и устранить проблемы, связанные с созданием шаблона электронной почты в 2021 году. Если вам интересно, как создать шаблон электронной почты, мы ты накрылся.
Цель этой статьи
Дать маркетологу представление о том, что происходит за кулисами при разработке шаблона электронной почты
Помогите дизайнерам узнать о минимальном количестве элементов, необходимых для электронной почты, и о том, как добавлять различные элементы для создания разных электронных писем
Помогите разработчикам определить проблемы, с которыми они столкнулись при написании кода электронной почты, а также при его тестировании в различных почтовых клиентах
Содержание:
Что такое шаблон электронной почты?
Начиная с вашего шаблона электронной почты
Что будет содержать копия электронной почты?
Как создать шаблон электронной почты
Как закодировать шаблон электронной почты
Создание доступных электронных писем
Распространенные ошибки, которых следует избегать в шаблоне электронной почты
Эксперты говорят о шаблонах писем
Что такое шаблон письма? – Понимание основ
Электронное письмо представляет собой комбинацию строки темы, причудливой копии электронного письма, призыва к действию (CTA) и нижнего колонтитула, совместимого с CAN-SPAM. Все, что вы добавляете к этому минимуму элементов электронной почты, похоже на приправы, которые вы добавляете, чтобы придать аромат вашему шаблону электронной почты.
Держитесь до мозга костей, и вы получите электронное письмо в виде обычного текста.
Включите привлекательные изображения и красочный текст, и вы получите HTML-шаблон электронной почты.
Включите несколько анимаций CSS, и вы получите интерактивное электронное письмо.
Разве это не увлекательно?
Давайте начнем с обычной текстовой электронной почты и поймем ее значение в последнее время.
Что такое обычный текст электронной почты?
До интеграции кодирования HTML в начале 1990-х электронные письма представляли собой обычные текстовые электронные письма, доступные только в формате Unicode (т. е. только шрифт Unicode и текст, выровненный по левому краю). Даже после того, как HTML получил широкое распространение, электронные письма с открытым текстом по-прежнему сохраняли свое значение, и до настоящего времени ESP отправляют версию с открытым текстом вместе со своим аналогом в формате HTML. Кроме того, многие маркетологи электронной почты считают обязательным создание простой текстовой версии, поскольку электронные письма рискуют попасть в папки со спамом.
Преимущества использования текстовых сообщений электронной почты:
Для замены спам-фильтров некоторых почтовых клиентов, таких как Outlook и Gmail, поскольку им требуются текстовые версии сообщений электронной почты в формате HTML.
Некоторые почтовые клиенты не поддерживают HTML-версии, а значит, ваши HTML-письма рискуют попасть в спам.
Есть люди, которые предпочитают электронные письма в виде обычного текста HTML.
В то время как данные говорят о том, что электронные письма с простым текстом имеют более высокие показатели открываемости, чем электронные письма с HTML-шаблоном, сообщениям с простым текстом не хватает блеска электронных писем в формате HTML, и поэтому они в значительной степени зависят от надежной копии электронной почты для повышения рейтинга кликов.
Теперь давайте посмотрим, что может предложить HTML-почта и как создать шаблон электронной почты .
ЧТО ТАКОЕ ЭЛЕКТРОННАЯ ПОЧТА HTML И КАКИЕ ВАРИАЦИИ
Почта HTML представляет собой многофункциональную версию обычной текстовой электронной почты. Независимо от использования
или
, электронные письма в формате HTML имеют структуру, которой можно манипулировать для создания привлекательного электронного письма, подобного этому:
Источник изображения
Или готовый дизайн шаблона электронной почты, подобный этому. к Таблица TR TD:
Вот почему вам следует создавать HTML-шаблоны электронной почты:
Большинство брендов любят создавать единый интерфейс для своих веб-сайтов, электронных писем и даже целевых страниц, и HTML-письма помогают в этом.
Различные гиперссылки могут быть эстетически связаны с разными кнопками.
Изображение, как вы знаете, говорит больше, чем могут описать слова, а поддержка изображений в HTML помогает лучше общаться.
Вы можете отслеживать эффективность своей кампании, отправив электронное письмо в формате HTML.
Если следовать рекомендациям, даже сообщения электронной почты в формате HTML могут избежать спам-фильтров.
Итак, следующее, что приходит на ум, это использовать готовый шаблон или собственный профессиональный шаблон электронной почты.
ШАБЛОН НА ЗАКАЗ ИЛИ ГОТОВЫЙ ШАБЛОН – КАК СДЕЛАТЬ ВЫБОР?
ESP предоставляют библиотеку шаблонов электронной почты, которые вы можете использовать в своих почтовых кампаниях. Это очень полезно для начинающих маркетологов по электронной почте. Более того, готовые шаблоны — отличная возможность для рассылки писем в последний момент. Эти шаблоны электронной почты в основном бесплатны или доступны за небольшую плату — отличный способ снизить общую стоимость создания шаблонов электронной почты. Как мы уже упоминали, ежемесячный объем поиска шаблонов электронной почты находится на более высокой стороне; наше руководство может помочь вам создать шаблоны электронной почты с такими опциями, как бесплатные или настраиваемые шаблоны первого заказа, доступные с помощью Email Uplers.
Однако при использовании готовых шаблонов вы, как правило, идете на компромисс в отношении идентичности бренда, объема настройки и эксклюзивности. Шаблоны рассылок по электронной почте больше не подходят, поскольку большинство людей предпочитают индивидуальные электронные письма.
С другой стороны, индивидуальные шаблоны электронной почты уникальны и настраиваются в соответствии с вашими требованиями. Вы создаете фирменный стиль, который отличает вашу электронную почту от остальных (очевидно, после открытия). Создание пользовательского шаблона включает в себя гораздо больше людей, начиная с дизайна и заканчивая кодом и тестированием пользовательского шаблона электронной почты. Таким образом, вам необходимо взвесить общее время выполнения и стоимость при планировании пользовательского шаблона электронной почты. Однако хорошие вещи приходят к тем, кто ждет.
Кроме того, если вам интересно, как сделать шаблон электронной почты интерактивным, вам необходимо создать собственный шаблон электронной почты.
Вот подробное сравнение готового и пользовательского шаблона электронной почты, проверьте его >>
Отлично. Теперь, когда мы знаем основы шаблона электронной почты и его типов, давайте перейдем к реальным действиям и углубимся в то, как создать шаблон электронной почты.
Начало работы с шаблоном электронной почты
Пришло время действовать; пришло время создавать шаблоны электронной почты. Шаблоны писем похожи на одежду: каждый наряд создан для определенного случая и имеет определенную цель. В то время как приветственные письма короткие по объему и более визуально привлекательны, поскольку они являются вашим первым взаимодействием с подписчиком, электронные письма для развития лидов , как правило, носят описательный характер с отдельными кнопками CTA. Опять же, 90 617 транзакционных электронных писем 90 618 содержат квитанцию о покупке вместе с некоторыми перекрестными продажами. Итак, создавая свой первый шаблон электронной почты, вам нужно начать с…
КАКОЙ ТИП ЭЛЕКТРОННОЙ ПОЧТЫ БУДЕТ? КАКОВА ЦЕЛЬ И КАКИХ ЦЕЛЕЙ ВЫ ХОТИТЕ ДОСТИЧЬ?
В пути покупателя подписчика электронной почты существует как минимум 5 (или 6, если вы представляете бренд электронной коммерции) типы электронных писем, которые вам необходимо отправить.
1. Приветственное письмо : Электронное письмо с благодарностью подписчику за подписку. Копия электронной почты должна представлять ваш бренд, а призыв к действию должен побуждать подписчика заполнить свой профиль или обновить свои предпочтения. Источник изображения
2. Информационная рассылка по электронной почте : Это периодическое электронное письмо информирует подписчиков о вашем бренде и его продуктах/услугах. Такие письма должны заинтересовать ваших подписчиков совершить покупку у вашего бренда.
Источник изображения
3. Распродажа/объявление по электронной почте : Это электронные письма, которые превращают подписчиков электронной почты в клиентов. Это электронное письмо должно быть чисто маркетинговым по тону и должно заставить подписчика поверить, что эта покупка решит проблему, которая в первую очередь привела его к вашему бренду.
Источник изображения
4. Электронная почта для получения заказа : Электронная почта для подтверждения покупки, совершенной подписчиком. Это письмо должно инициироваться, когда подписчик совершает покупку, и может использоваться для продвижения других соответствующих продуктов, но соотношение должно составлять 80% транзакционных и 20% рекламных. Этот простой HTML-шаблон электронной почты от Polaroid эффективно доводит нас до конца.
Источник изображения
5. Письмо повторного вовлечения : Не все подписчики будут оставаться активными и продолжать открывать ваши электронные письма. Это электронное письмо подтолкнет таких бездействующих подписчиков и может вернуть их к вашему циклу продаж.
Источник изображения
6. (Для электронной коммерции) Сообщение об отказе от корзины : По многим причинам благовоспитанный подписчик может отказаться от покупки на полпути. Это токсично для вашего бизнеса, и это электронное письмо попытается вернуть таких бросивших и воссоединить их с их тележками. Обязательное электронное письмо для электронных писем электронной коммерции. Взгляните на этот простой html-шаблон электронной почты от Dote, чтобы лучше понять.
Источник изображения
Теперь, в зависимости от отрасли, к которой принадлежит ваш бренд, вам понадобится больше электронных писем, таких как электронные письма о дне рождения / годовщине, электронные письма с опросами / обзорами, электронные письма с повторным заказом и многие другие.
ГДЕ НАЙТИ ПРИМЕРЫ ШАБЛОНОВ ЭЛЕКТРОННЫХ ПОЧТОВ И ПОЛУЧИТЬ ВДОХНОВЕНИЕ
Хорошо, когда есть конкуренция. Изучая дизайн шаблонов электронной почты ваших конкурентов, вы можете понять текущие тенденции в вашей отрасли и решить, либо следовать им, либо создать новый путь для своего бренда. Независимо от того, какой вариант вы выберете, следующие инструменты помогут вам найти шаблоны электронной почты для вдохновения, чтобы вы могли оставаться впереди конкурентов.
Really Good Emails
Curated Emails
Milled
Rue La la (For Fashion)
The Best Of Email
What Will The Email Copy Contain?
В то время как дизайн электронной почты должен визуально привлекать вашего подписчика, копия электронной почты — это место, где они узнают о сообщении, которое ваше электронное письмо хочет передать. Знаете ли вы, что ваша копия электронной почты на самом деле творит чудеса задолго до того, как электронная почта будет открыта? Ну, мы говорим о «темах».
Копия электронной почты в основном содержит следующие элементы:
Предзаголовок и строка темы : Это первое, что увидят ваши подписчики. 80% открываемых электронных писем зависят от вашей темы. Ваша тема должна подсказывать, о чем ваша электронная копия, то есть цель должна быть сообщена здесь. Убедитесь, что это не вводит в заблуждение.
Основная копия : Основная часть вашего электронного письма находится в основной копии. Разговор, начатый темой, необходимо продолжить здесь. Ваше электронное письмо должно содержать жизненно важную информацию и направлять подписчика на целевую страницу для получения дополнительной информации. Итак, ваш основной текст должен быть коротким и четким.
CTA-копия : точка, где проверяется эффективность вашей основной копии, CTA-кнопка также должна иметь эффективную копию (конечно, вместе с дизайном). Копия CTA должна быть действенной, например, «Начать бесплатную пробную версию» или «Загрузить мою копию», чтобы читателю было предложено перейти по ней.
Перед тем, как вы подпишетесь: Копия нижнего колонтитула или ваша электронная подпись — это место, где вы подписываетесь, но большинство маркетологов электронной почты не используют его должным образом. Подпись электронной почты — это недвижимость, в которой небольшое количество маркетинга может быть эффективным.
Если вы ищете профессиональные примеры подписей электронной почты, вот несколько лучших дизайнов для вас.
Щелкните здесь>>
Форматирование и выравнивание текста, как бы просто это ни звучало, чрезвычайно важны, поскольку они помогают подписчикам легко просматривать вашу электронную почту. Тем не менее, ваша электронная почта имеет больше шансов на конверсию, если вы включаете…
ПЕРСОНАЛИЗАЦИЯ В ЭЛЕКТРОННОЙ ПОЧТЕ
Приблизительно 60% людей поделились, что они отказались от подписки из-за неактуального содержания электронной почты. Персонализация путем обращения к подписчику по имени — отличный шаг, но только первый шаг к завоеванию их сердец и доверия. Любой подписчик делится своим адресом электронной почты в обмен на привлекательный контент, основанный на его предпочтениях, а не на контент, который вы хотите, чтобы они читали. Для индивидуальных электронных писем вам необходимо наблюдать за их онлайн-поведением и этапами пути их покупателя, чтобы настроить контент в соответствии с их требованиями.
После того, как вы окончательно определитесь с типом электронной почты, следующим шагом будет его разработка. Дизайн шаблона электронной почты — очень важный этап, так как он создает вашу визуальную идентичность и определяет индивидуальность бренда. Итак, прежде чем вы отправите свои требования к дизайну, рассмотрите следующие предварительные условия.
Правила вашего бренда
Изображения вашей продукции
Целевая аудитория / Персона покупателя
Вы собираетесь провести A/B-тестирование?
Будет ли мобильная раскладка отдельной?
Копия содержимого электронной почты (обсуждается позже)
Гиперссылки на целевую страницу
Задействована ли какая-либо интерактивность? Если да, то какая интерактивность?
Uplers перечисляет 13 уникальных интерактивных элементов дизайна, которые вы можете использовать в своих электронных письмах. Испытайте это в своем почтовом ящике >>
Как сделать шаблон электронной почты привлекательным? Изучение мельчайших подробностей
Теперь, когда вы знаете предварительные условия, пришло время двигаться вперед, чтобы понять шаблон электронной почты с точки зрения дизайна. Дизайн электронной почты является важным фактором, когда дело доходит до электронных писем. В сочетании с копией электронного письма дизайн электронного письма является интерфейсом вашего электронного письма, который будет взаимодействовать с вашими подписчиками 9.0005
ЧТО СОДЕРЖИТ ДИЗАЙН ЭЛЕКТРОННОЙ ПОЧТЫ?
Любой дизайн электронной почты основан на 5 столпах.
Макет электронной почты : Макет электронной почты определяет размещение и иерархию различных элементов электронной почты. Хороший макет электронной почты поможет подписчику просмотреть содержимое и в то же время уловить суть вашей копии электронной почты. Существует два основных стиля макета электронной почты:
Макет с одним столбцом , в котором элементы электронной почты сгруппированы в один столбец для минимального движения глаз. Этот макет в основном предпочтителен для создания мобильной версии электронных писем, поскольку этот макет использует небольшую ширину экрана для размещения всех элементов электронной почты без помех.
Источник изображения
Макет с двумя столбцами , как следует из названия, имеет элементы электронной почты, разделенные на два разных столбца. Как правило, элементы электронной почты размещаются в виде зигзага, поскольку подписчики, как известно, сканируют в виде буквы «F». Таким образом, зигзагообразный макет в сочетании с достаточным количеством пробелов должен эффективно направлять взгляд подписчика в почтовом шаблоне HTML . Источник изображения
Верхний и нижний колонтитулы также являются частью макета электронной почты, хотя они остаются статичными для всех типов электронных писем.
Шрифты / типографика : В то время как копия электронной почты передает сообщение электронной почты, то, как вы представляете сообщение, также играет жизненно важную роль. Здесь на помощь приходит типографика и форматирование. Разные шрифты вызывают в нашем сознании разные эмоции, поэтому важно выбрать правильный шрифт. Хотя электронные письма не имеют широкой поддержки пользовательских веб-шрифтов, существуют разные способы их реализации. Ознакомьтесь с обширной инфографикой о типографике в электронных письмах >>
Цвета : Как и в типографике, разные цвета передают разные эмоции. Цвет фона, цвет кнопки CTA, цвета гиперссылок, а также изображения являются частью руководства по бренду и определяют индивидуальность электронного письма.
Изображения и визуальные носители : Изображение говорит тысячу слов. Сбалансировав текст и визуальные эффекты в своем электронном письме, вы поощряете больше взаимодействия со своими подписчиками, поскольку сообщение электронной почты не теряется за стеной слов. Это особенно важно для онлайн-ритейла и индустрии электронной коммерции, где изображение продукта улучшает описание.
Кнопка CTA : Точка, которая измеряет, насколько эффективной была ваша копия электронной почты, т. Е. Кнопка CTA — это то, что завершает дизайн вашего шаблона электронной почты. Хотя копия электронной почты может не полностью передать ваше сообщение, кнопка CTA перенаправляет подписчика на соответствующую целевую страницу, и ее нельзя упускать при разработке электронного письма.
Типографика и цвета в электронном письме являются частью принципов бренда, которым также необходимо следовать при разработке электронного письма.
ПОЧЕМУ СЛЕДУЕТ СОБЛЮДАТЬ РЕКОМЕНДАЦИИ ПО БРЕНДУ?
Популярные лидеры и ораторы привлекают большую толпу последователей благодаря своей влиятельной личности. Точно так же, чтобы сделать ваши электронные письма привлекательными, важно иметь ярко выраженную индивидуальность бренда. Вы можете легко воспроизвести индивидуальность бренда в своих электронных письмах, следуя рекомендациям бренда. Руководство по бренду — это набор правил, касающихся того, как использовать элементы вашего бренда, такие как цвета, шрифты, логотипы, водяные знаки и тон бренда.
Электронное письмо, написанное в соответствии с рекомендациями бренда, более узнаваемо и помогает подписчикам завоевать доверие к вашему бренду. К сожалению, 38% опрошенных брендов не следовали рекомендациям по брендам согласно опросу Litmus о состоянии электронной почты 2018 года, в котором приняли участие 3000 маркетологов по всему миру.
Почему визуальная иерархия может помочь повысить конверсию?
У каждой кампании, которую вы создаете, есть цель, и вы должны убедиться, что ваш подписчик не упустит ее. Таким образом, есть определенные элементы, которые ДОЛЖНЫ привлечь внимание подписчиков, когда они открывают письмо. Вот почему важно создавать визуальную иерархию в электронной почте с самого первого раза. Большинство дизайнеров электронной почты визуализируют перевернутый треугольник при разработке электронного письма (как показано ниже) и размещают наиболее важную информацию, такую как объявление о распродаже, главные изображения, кнопки CTA, кнопки навигации и т. д. таким образом, чтобы ориентироваться в структуре глаз подписчиков. от широкой дорожки, в начале, до точки, которая является центром или фокусом – кнопка CTA.
Как вы можете видеть в приведенном выше электронном письме от inVision , правильное форматирование текста и семантические теги также создают текстовую иерархию, которая помогает в визуальной иерархии.
Давайте рассмотрим два элемента визуальной иерархии, которые иногда располагаются вместе, а иногда на крайних точках.
1. Визуальное изображение героя – стоковое фото или иллюстрация
Изображение героя не борется с преступлениями и не спасает девушек, попавших в беду. на всю ширину страницы. Главные изображения помещаются в первую часть, чтобы служить введением в электронное письмо, а бренды иногда используют убедительный текст внутри изображения, чтобы побудить подписчика каким-либо образом предпринять какие-либо действия.
Главные изображения содержат либо реальную фотографию, либо иллюстрацию, чтобы создать визуальное очарование, побуждающее подписчика открыть письмо. Точно так же, как фотографии продукта в реальной жизни помогают подписчику визуализировать, иллюстрации помогают подписчикам визуализировать неосязаемую концепцию.
Прочтите этот блог, чтобы получить дополнительные сведения о добавлении визуальной иерархии (основных изображений) в электронную почту.
Фотографии в качестве основных изображений в основном используются в онлайн-торговле, электронной коммерции, туризме и индустрии гостеприимства. Ознакомьтесь со следующим письмом от HomeAway.
Источник изображения
Иллюстрации в качестве основных изображений в основном используются в отраслях, предоставляющих ИТ-услуги, SaaS или цифровые услуги, такие как это электронное письмо от Popupsmart.
Источник изображения
2. Размещение кнопки призыва к действию
Теперь это очень важно. Как было сказано ранее, кнопка CTA является свидетельством того, насколько хорошо электронное письмо смогло превратить ваших подписчиков в клиентов. Из-за этого размещение кнопки CTA является предметом споров в течение длительного времени. Большинство маркетологов убеждены, что ни один подписчик не захочет нажать кнопку CTA, не узнав больше из копии электронного письма. Тем не менее, у этой философии есть недостаток — есть вероятность, что меньше людей будут склонны прокручивать вверх, чтобы щелкнуть CTA, и снизить количество кликов, если в нижней части электронного письма нет дополнительной кнопки CTA. Итак, убедитесь, что ваше размещение CTA является точным. Вы также можете провести A/B-тестирование.
Источник изображения
С другой стороны, маркетологам удалось добиться приличного количества кликов, разместив кнопку CTA в первой части электронного письма. Взгляните на этот пример.
Источник изображения
Мы предлагаем, если ваше электронное письмо длиннее 2 прокруток, рекомендуется добавить еще одну кнопку CTA в нижней части электронного письма.
НА ЧТО КЛЮЧЕВЫЕ АСПЕКТЫ НУЖНО УЧИТЫВАТЬ ПРИ РАЗРАБОТКЕ ЭЛЕКТРОННОЙ ПОЧТЫ?
Адаптивный дизайн электронной почты
Примерно 34% электронных писем открываются на мобильных устройствах и на различных устройствах, доступных на рынке, с разными размерами экрана. Поэтому очень важно, чтобы ваши электронные письма отображались безупречно на всех устройствах ваших подписчиков. Из-за этого большинство маркетологов электронной почты предпочитают подход «сначала мобильные» при разработке своей электронной почты.
Подход, ориентированный на мобильные устройства, означает создание макета с одним столбцом шириной 600 пикселей и настройку элементов макета с двумя столбцами для просмотра на рабочем столе (только при необходимости). Дополнительно , Адаптивный дизайн шаблона электронной почты определяет следующие факторы:
Использовать текст предварительного заголовка
Использовать минимальную копию тела
Используйте четкую и удобную кнопку CTA
Увеличьте размер шрифта основного текста по сравнению с макетом рабочего стола
Размеры изображений изменены соответствующим образом
Текущие тенденции в дизайне электронной почты
Существуют различные стили дизайна, которые уже давно используются в веб-дизайне; мы наблюдали, как некоторые бренды используют то же самое в электронных письмах. В основном это дизайн электронной почты для кампании или события, но они доказывают, что дизайнеры / бренды электронной почты пытаются заставить их процветать как тенденции дизайна электронной почты.
Пересечение цветов (градиентные фоны): Один из самых популярных веб-дизайнов, градиентный фон, был омрачен введением плоского/материального дизайна в начале 2013 года. дизайнеры и бренды, такие как The Bitter Southerner и 1973, используют градиенты двух контрастных цветов в своих электронных письмах.
Источник изображения
Источник изображения
Сетки фотоальбома: Вечнозеленая тенденция дизайна, которая начала приобретать новую известность во время прошлогодней пандемии. Поскольку сетки для видеоконференций стали доминировать во все большем количестве аспектов нашей жизни, мы привыкли к ним и как к тренду в дизайне. Впоследствии электронные письма, в которых применялась эта техника, привлекали больше внимания, чем их аналоги, которые этого не делали. Хотя изначально он использовался преимущественно игроками в индустрии событий, гостиниц и недвижимости, со временем он стал часто использоваться брендами B2B, технологий и стиля жизни.
Источник изображения
Типографика: Практика дизайнеров электронной почты, использующих собственные стилизованные шрифты, осталась в прошлом. Тем не менее, дизайнеры электронной почты, использующие крупный жирный текст поверх основного изображения (как часть копии электронной почты), являются поворотом к существующей тенденции. Этот дизайн электронной почты от REI является ярким примером того же.
Источник изображения
Дизайн пустого/негативного пространства: Одной из тенденций дизайна, которая служит цели наряду с эстетикой, является не только более широкое использование пустого пространства, но и удобство чтения. копии электронной почты, но также гарантирует, что глаза подписчика электронной почты не напрягаются при беглом просмотре электронной почты. Несмотря на то, что эта тенденция продолжается уже много лет, Аплеры предсказывают, что в дополнение к пустому пространству разработчики электронной почты также будут баловаться с отрицательным пространством в дизайне электронной почты. Между тем, такие бренды, как Sugarfix и Under Armour, успешно используют пробелы в своих электронных письмах.
Источник изображения
Иллюстрации: Еще один фаворит среди большинства дизайнеров электронной почты. Иллюстрация в электронной почте дает ощущение бренда, который имеет забавный тон, не вытесняя бизнес-цели. Такие бренды, как Email Uplers и Casper, регулярно рассылают электронные письма с иллюстрациями.
Источник изображения
Ретро-футуризм: Эта концепция дизайна заимствует элементы как из прошлого, так и из будущего, и в результате ваш шаблон электронной почты представляет собой визуально ошеломляющее слияние эстетики дизайна разных эпох. В настоящее время эту тенденцию можно широко наблюдать в цифровой рекламе, рекламных щитах, сообщениях в социальных сетях и программах электронной почты. Некоторые из наиболее ярких особенностей этой эстетики дизайна — это шрифты с засечками, сплошные тени и методы печати, используемые наряду с космическими темами, внешним свечением и яркими цветами.
Источник изображения
Минимализм: В чем-то похожие на электронные письма с использованием пустого пространства, минималистичные электронные письма — это те, которые передают сообщение, используя очень мало элементов дизайна, а также компактную копию электронного письма. Следующее письмо от Output — отличная иллюстрация минималистского письма
Image Source
Контрастные цвета и пастельные тона. Одной из самых радикальных тенденций в дизайне является использование пастельных и мягких фонов с резкими и контрастными элементами; они прошли долгий путь, чтобы привести в порядок ваши 9Шаблон кампании по электронной почте 0124 ., чтобы привлечь внимание по электронной почте. Взгляните на эти примеры от Airbnb и его, чтобы получить более четкое представление. Источник изображения
Источник изображения
Стоковые, но релевантные изображения: Стоковые изображения — это благо для агентств, которые не могут тратить руки и ноги на индивидуальную фотосессию. Тем не менее, бренды сделали стоковые фотографии печально известными среди подписчиков, используя дрянные, неаутентичные, устаревшие или неактуальные стоковые изображения. Шаблон вашей кампании по электронной почте не только выглядит выдуманным, но и теряет доверие.
СОЗДАНИЕ БЕСШОВНОГО ДИЗАЙНА МЕЖДУ ЭЛЕКТРОННОЙ ПОЧТОЙ И ЦЕЛЕВОЙ СТРАНИЦЕЙ
Любая стратегия кампании по электронной почте будет неполной, если вы сосредоточитесь только на шаблоне электронной почты. Копия электронной почты имеет ограниченное пространство для сообщения всего, поэтому цель такого электронного письма — перенаправить подписчика на целевую страницу, заглянув в его интерес. Подписчики ожидают беспрепятственного перехода по всем каналам, поэтому большинство брендов стремятся поддерживать единый дизайн между электронной почтой и целевой страницей. Это означает использование одного и того же стиля дизайна, изображений и тонов как в электронных письмах, так и на целевых страницах 9.0005
Как видите, у J. Hilburn единый дизайн электронной почты и целевой страницы.
Связанная целевая страница
Как закодировать шаблон электронной почты?
Теперь, когда дизайн электронной почты готов, пришло время закодировать двумерный дизайн в HTML-дизайн. Получить идеальное отображение электронной почты во всех почтовых клиентах — это мечта, которой следует каждый маркетолог и разработчик электронной почты. Давайте заглянем за кулисы кодирования шаблона электронной почты.
Наиболее часто используемые теги
Маркетологу электронной почты не нужно совать голову в кодировку электронной почты, но базовые знания о часто используемых тегах HTML в кодировании электронной почты могут помочь вам устранить незначительные ошибки в ваших электронных письмах путем самим собой.
Тег HTML
Описание
Любое руководство по стилю или медиазапрос размещается в разделе заголовка. Этот раздел не виден конечному пользователю.
Это основная часть вашего электронного письма, и все, что здесь размещено, видно подписчику.
Used to create a table
Creates a row within the table
Creates a cell within the row
Используется для создания гиперссылок на все, что находится между
Указывает, какое изображение из источника следует встроить Все размещенное здесь будет отображаться как обычный текст
Создает упорядоченный/нумерованный список
Создает неупорядоченный/маркированный список
Добавляет элемент списка
Реализует стиль для текста в соответствии с указанной таблицей стилей задействованные навороты будут отлично отображаться во всех почтовых клиентах без особых проблем. Тем не менее, важно позаботиться о рендеринге и обходных путях для 3 основных почтовых клиентов:
Apple Mail 9.0024
Gmail
Адаптивный дизайн
Несовместимость у пользователей без идентификатора Gmail
Материальный дизайн — это глюк дизайна электронной почты
Outlook
Фоновое изображение поддерживает
Маркированный список
Масштабирование точек на дюйм
Ненужный интервал
С КАКИМ ОБЫЧНЫМ ПРОБЛЕМОЙ?
VS
HTML в основном использовался для кодирования веб-страниц, и разработчики переняли эту практику для кодирования электронных писем. В то время как кодирование веб-страниц превратилось в обеспечение лучшего взаимодействия с пользователем с использованием различных технологий кодирования, электронные письма застряли в кодировании с использованием макета
.
В то время как почтовые клиенты, такие как Apple Mail, почта iOS, Gmail и Yahoo, поддерживают html-тег
, разработчики электронной почты по-прежнему используют табличный макет, поскольку Microsoft Outlook по-прежнему привязан к доисторическим механизмам рендеринга, которые не поддерживают
. Каждый раздел
может быть вложен в отдельный
, но это увеличит вес кода. Превысьте ограничение в 120 КБ, и Gmail обрежет ваше письмо >>
КОДИРОВАНИЕ ДЛЯ МАКСИМАЛЬНОЙ СОВМЕСТИМОСТИ ИЛИ ИЗБИРАТЕЛЬНЫЕ ПОЧТОВЫЕ КЛИЕНТЫ?
Различные почтовые клиенты используют разные механизмы рендеринга для рендеринга электронной почты. Таким образом, есть вероятность, что некоторые из ваших подписчиков электронной почты не смогут увидеть письмо так, как вы его визуализировали. В то время как «Просмотр онлайн» поможет подписчикам увидеть исходное письмо, но требует больше кликов, и это может быть бесполезно с точки зрения конверсии.
В такой момент вам нужно взвесить все за и против и закодировать электронную почту для максимальной совместимости. Если вы включаете в свое электронное письмо интерактивный элемент, рекомендуется добавьте резервную поддержку , но это ограничит ваш творческий потенциал. Кроме того, вы также можете сегментировать свой список адресов электронной почты на основе почтовых клиентов и специально отправлять электронную почту только тем подписчикам, у которых есть поддерживающие почтовые клиенты.
НЕКОТОРЫЕ СВЕДЕНИЯ О ВСТАВЛЕНИИ CSS
Разработчики веб-страниц указывают таблицы стилей либо в разделе
, либо связывая его с внешней таблицей стилей. Разработчики электронной почты не имеют такой свободы и должны встраивать их. Это увеличивает общий объем кода, но снижает общую скорость загрузки электронной почты. Какие инструменты использовать для тестирования вашего шаблона электронной почты
Шаблон электронной почты, который не прошел строгий контроль качества или процесс тестирования, является рецептом быстрого сокращения ваших подписчиков электронной почты, а также признаком неопытности маркетолога электронной почты. Uplers предоставляет написанные вручную шаблоны электронной почты, которые тестируются на более чем 40 почтовых клиентах. Тем не менее, если вы внесете какие-либо изменения, рекомендуется протестировать ваши шаблоны электронной почты после того, как ваш разработчик электронной почты отправит их.
Рендеринг шаблона электронной почты
EmailonAcid
Лакмус
Проверка HTML
HTMLemailcheck
Встраивание CSS
Litmus Builder
Вставка CSS от Campaign Monitor
Вставка CSS от HTMLemail. io
Специальные возможности (обсуждается позже)
IA Toolkit
Инструменты Google для разработчиков специальных возможностей
Волновой инструмент
Создание доступных электронных писем
Доступность в электронных письмах была популярной темой, и все подчеркивали ее важность. Разработка для доступности означает соблюдение определенных правил и соблюдение определенных ограничений при разработке и написании кода электронной почты. Ознакомьтесь с этой проницательной инфографикой о доступности электронной почты , созданной Uplers в сотрудничестве с энтузиастом доступности Полом Эйри.
Следование этим рекомендациям упрощает доступ к электронной почте для более чем миллиарда человек по всему миру, которые тем или иным образом борются с инвалидностью, а также делает электронную почту понятной для остальных ваших подписчиков. Кроме того, это значительно улучшит конверсионный потенциал вашего существующего списка рассылки.
4 вещи, которые следует учитывать при кодировании
Используйте семантический код : Люди полагаются на программу чтения с экрана для «чтения» электронных писем. Используя соответствующий семантический код для заголовка и абзацев
, программы чтения с экрана могут различать их и превращать чтение электронной почты в приятное занятие.
Добавьте соответствующий заголовок : Добавление заголовка в ваши электронные письма может удваиваться как текст предварительного заголовка, а также помочь вашему подписчику электронной почты получить некоторый контекст, полагаясь на программы чтения с экрана.
Использовать таблицы в качестве презентации : Добавив role=»Presentation» к каждой таблице, программа чтения с экрана будет читать содержимое вашего электронного письма, а не каждую ячейку.
Вместите достаточно свободного места : Пустое пространство — лучший друг любого, кто собирается читать вашу электронную почту на устройстве, которое держат на расстоянии вытянутой руки, находясь в переполненном метро. Пробел обеспечивает передышку между различными элементами в вашем электронном письме и помогает подписчику просмотреть всю копию электронного письма.
Каких распространенных ошибок следует избегать в шаблоне электронной почты?
Баланс между продвижением и решением проблем : Согласно входящему маркетингу, ваши клиенты должны обращаться к вашему бренду, а не наоборот. Итак, когда они подписываются на ваш бренд, они верят, что ваши продукты / услуги решат их проблемы. Некоторые маркетологи, как правило, переходят черту и начинают продвигать свои предложения, в то время как решение проблем остается на втором плане.
Решение : Шаблоны транзакционной электронной почты всегда должны быть на 80% транзакционными и на 20% рекламными. Точно так же при создании шаблона электронной почты для автоматизации взращивания потенциальных клиентов основное внимание должно быть уделено обучению подписчика.
Электронная почта с одним изображением: Эту ошибку допускает большинство маркетологов по электронной почте. Почтовые клиенты по умолчанию отключают изображения, и если ваша копия электронной почты представляет собой текст, включенный в изображение, есть большая вероятность, что он может быть скрыт. Еще хуже, когда маркетологи не добавляют к изображению альтернативный текст.
Решение : Не размещайте сообщение электронной почты на одном изображении и всегда добавляйте соответствующий альтернативный текст к изображениям электронной почты.
Неразборчивая копия электронной почты: Пользовательские шрифты выглядят круто, но теряют очарование, если не могут передать сообщение в вашей копии электронной почты. Некоторые шрифты хорошо выглядят при использовании в заголовке и становятся неразборчивыми при использовании в абзаце текста. Кроме того, важно обеспечить свободное пространство, добавив надлежащий межстрочный интервал между словами в абзаце и соответствующую длину строки.
Нижний колонтитул, не совместимый с CAN-SPAM: Согласно закону CAN-SPAM 2009, любой бренд, рассылающий маркетинговые или коммерческие электронные письма, должен включать определенную информацию в свой нижний колонтитул, чтобы соответствовать закону CAN-SPAM. С точки зрения шаблона электронной почты, электронное письмо должно включать действительный физический адрес бренда, ссылку для отказа от подписки в конце, то есть нижний колонтитул электронного письма, чтобы избежать серьезных штрафов.
Вводящая в заблуждение копия электронной почты: Точно так же маркетологи должны держаться подальше от вводящей в заблуждение копии электронной почты, так как это поможет вам получить лишь несколько кликов, но это дорого вам обойдется, поскольку ваши подписчики могут почувствовать себя обманутыми, и это приведет к отказу от подписки. Интернет-провайдеры отслеживают эти отказы от подписки и могут помечать ваш адрес электронной почты как спам и всегда нарушать доставляемость вашей электронной почты — отправляя вашу электронную почту в СПАМ. Кроме того, некоторые методы оформления электронной почты могут привести к тому, что ваша электронная почта будет помечена как СПАМ. Держитесь подальше, узнав о как дизайн электронной почты может спровоцировать спам-ловушки и как их избежать.
Не A/B-тестирование: Самая начинающая ошибка, которую склонны совершать большинство маркетологов по электронной почте, — это убеждение, что они точно знают, что нужно/что ищут их подписчики. К несчастью для них, времена меняются, вкусы со временем меняются. Поэтому рекомендуется провести A/B-тестирование ваших шаблонов электронной почты, чтобы проверить, что работает, а что можно улучшить.
Шаблоны электронной почты являются неотъемлемой частью вашей маркетинговой стратегии по электронной почте. Понимание того, что происходит за кулисами создания шаблонов электронной почты, может помочь вам создавать лучшие шаблоны электронной почты.
Разговор экспертов
Мы задавали экспертам различные вопросы о том, что они думают о шаблонах электронной почты, и вот что они должны были ответить.
Sam Hurley
John Thies
Matthew Smith
Kath Pay
Kait сливочник
Dave Charest
Annette West
Erik Harbison
Dennis Dayman
Михал Лещински
Ник Кроуфорд
Сайед Балхи
Nout Boctor-Smith
Alex Papadopulos
John J. Walsh
Paul King
Вероника Уильямс
Тамми Майерс
19 9060
Сэм Херли
Основатель @ Optime-Eyez
9
11111111198
9
1111111111198.
A: #1 МЫСЛЬ: Самые плохие я получаю каждый день! #2 МЫСЛЬ: Желание, чтобы люди тратили больше времени/заботы на то, чтобы шаблоны были личными.
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Само собой разумеется, но вам нужна профессиональная подпись и/или нижний колонтитул — как для вашего бренда, так и для личных писем. Это многое значит для первого впечатления.
Шаблон № 5: «Специальный» шаблон [созданный HTML / выдающийся]
В: Вы верите в отправку инновационных электронных писем (запланированных на месяцы вперед) или простых электронных писем (отнимающих меньше времени)?
A: Лучше всего попробовать смесь обоих, и вы никогда не узнаете, если не будете экспериментировать!
Все зависит от того, чего ожидает ВАША целевая аудитория, и для каждого бизнеса потребуются разные стратегии.
Например, я считаю, что результаты лучше при отправке простых электронных писем, хотя красиво оформленные шаблоны, вероятно, будут работать гораздо лучше для бренда домашнего декора… Применяйте разные стили, проводите сплит-тесты и измеряйте производительность!
В: На какие 3 вещи вы обращаете внимание в первую очередь, открывая только что полученное электронное письмо?
A: «Тема, адрес электронной почты, форматирование, подпись и язык!
Всего одно из них может оттолкнуть меня навсегда… например, электронное письмо, пришедшее с адреса rankfastSEO@gmail. com, или скопированный и вставленный шаблон для информационно-пропагандистской деятельности, в котором буквально написано «Привет, имя». ** ЛИЦО ЛАДОНИ ** Звучит глупо, но это происходит ежедневно! Будьте внимательны к деталям, потому что КАЖДАЯ деталь имеет значение, когда речь идет об электронной почте».
John Thies
CEO/Co-Founder of EmailOnAcid
Q: First мысли, которые приходят вам в голову, когда вы слышите слово «Шаблоны электронной почты»?
А: Когда я думаю о «Шаблонах электронной почты», моя первая мысль — это библиотека электронных писем для удовлетворения потребностей бизнеса в электронной почте, которую не нужно создавать заново для каждой кампании. Они состоят из информационных бюллетеней, транзакционных, рекламных, информационных, обновлений продуктов, онбординга и многих других.
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Информационный бюллетень, транзакционные и вводные (приветственные письма)
В: Вы верите в отправку инновационных электронных писем (запланированных на месяцы вперед) или простых электронных писем (отнимающих меньше времени)?
A: Я думаю, что это комбинация двух. В Email on Acid мы делаем и то, и другое. Мы хотим вдохновить маркетологов по электронной почте на то, что они могут делать с помощью электронной почты, а также иметь возможность использовать возможности электронной почты, регулярно взаимодействуя с нашими подписчиками. Инновационная разработка электронной почты может занять много времени и средств, что снижает рентабельность кампании.
В: Какие 3 вещи вы замечаете в первую очередь, когда открываете только что полученное электронное письмо?
Текст предварительного заголовка (предварительно открытый)
Пробел
Calls-to-action
Read Other Experts>>
Matthew Smith
Founder @ Really Good Emails
В: Первая мысль, которая приходит вам на ум при слове «Шаблоны электронной почты»?
A: Дешево, как стоковые фотографии. Шаблоны веб-сайтов — это то, что уже сделано, а не инструмент. Это кажется дешевым.
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Добро пожаловать, Информационный бюллетень, Список, Серия статей, Статья, Спасибо, Отписаться, Опрос.
В: Вы верите в отправку инновационных электронных писем (запланированных на месяцы вперед) или простых электронных писем (отнимающих меньше времени)?
A: Оба подходят. Зависит от аудитории. Иногда оба подходят для одной и той же аудитории.
В: На какие 3 вещи вы обращаете внимание в первую очередь, открывая только что полученное электронное письмо?
A: Это то, что я думал, согласно теме письма? Это кратко и ясно? Это ценно?
Read Other Experts>>
Kath Pay
CEO @ Holisticemailmarketing
Q: Первая мысль, которая приходит вам на ум при слове «Шаблоны электронной почты»?
A: Стратегический, Простота использования
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Мастер-шаблон, из которого можно создавать все электронные письма.
В: Вы верите в отправку инновационных электронных писем (запланированных на несколько месяцев вперед) или простых электронных писем (отнимающих меньше времени)?
A: Оба – это зависит от цели письма и аудитории. Сказав это, только потому, что вы используете шаблон, который позволяет вам быстро и легко создавать электронные письма, не означает, что они должны быть простыми. Мы разрабатываем мастер-шаблоны, которые очень наглядны и предусматривают инновации в соответствующих модулях шаблона, но из которых легко создать электронное письмо.
В: Какие 3 вещи вы замечаете в первую очередь, когда открываете только что полученное электронное письмо?
A: From name, Subject line and preheader
Read Other Experts>>
Kait Creamer
Digital Marketing менеджер | Бродячая Кейт
В: Первая мысль, которая приходит вам в голову при слове «Шаблоны электронной почты»?
A: Экономия времени
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Ну, это полностью зависит от аудитории. Для своих рынков я чаще всего использую шаблоны веб-семинаров, рекомендуемого контента блогов, информационных бюллетеней, приветственных и ознакомительных/образовательных шаблонов.
В: Вы верите в отправку инновационных электронных писем (запланированных на месяцы вперед) или простых электронных писем (отнимающих меньше времени)?
Ответ: На самом деле я не против обычных электронных писем. Я думаю, что содержание электронной почты — это то, что сияет чаще всего. Благодаря продуманному дизайну вам не потребуется много флэш-памяти. Приятно радоваться инновационным электронным письмам, когда есть время, но это не та роскошь, которую мы часто себе позволяем.
В: На какие 3 вещи вы обращаете внимание в первую очередь, открывая только что полученное электронное письмо?
Общее сообщение
Способность понимать CTA
Визуальная иерархия
Read Other Experts>>
Dave Charest
Content Marketing Director at Constant Contact
В: Первая мысль, которая приходит вам на ум при слове «Шаблоны электронной почты»?
A: Начальный дизайн, который можно легко настроить в соответствии с вашими потребностями.
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Добро пожаловать, День рождения, Годовщина, Праздники, Распродажи, Объявления, Спасибо, Информационный бюллетень и Приглашение.
В: Вы верите в отправку инновационных электронных писем (запланированных на месяцы вперед) или простых электронных писем (отнимающих меньше времени)?
А: Оба. Используйте электронную почту, которая лучше всего соответствует цели и характеру вашего бизнеса.
В: Какие 3 вещи вы замечаете в первую очередь, когда открываете только что полученное электронное письмо?
Ответ: Изображение, заголовок, призыв к действию.
Read Other Experts>>
Annette West
Project Manager @ NewZapp Email Marketing
В: Первая мысль, которая приходит вам на ум при слове «Шаблоны электронной почты»?
A: Библиотека вариантов
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Добро пожаловать, дайджест новостей, объявление
В: Вы верите в отправку инновационных электронных писем (запланированных на месяцы вперед) или простых электронных писем (отнимающих меньше времени)?
A: Я верю в золотую середину, так как планирование на несколько месяцев вперед — это роскошь, которая не всегда подходит для маркетинга МСБ
В: Какие 3 вещи вы замечаете в первую очередь, когда открываете только что полученное электронное письмо?
Строка темы и текст предварительного просмотра перед открытием.
Влияет ли электронная почта на визуальное восприятие и дает ли мне ключевую информацию до того, как потребуется прокрутка?
Если это не наш, как мы могли бы сделать его лучше?
Читать других экспертов>>
Эрик Харбисон
CMO @ AWEBER
3.
A: Часто упускаемый из виду важный элемент успешной кампании по электронной почте.
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
А: Независимо от типа бизнеса или отрасли, должен быть шаблон, ориентированный на изображение (главное изображение, изображение продукта), и краткий «простой» текстовый шаблон.
В: Вы верите в отправку инновационных электронных писем (запланированных на месяцы вперед) или простых электронных писем (отнимающих меньше времени)?
A: Я считаю, что необходимо сбалансировать оба. Выпуски новых функций/продуктов могут потребовать более комплексного подхода к продвижению, который включает в себя более надежную электронную почту с большим количеством изображений. Принимая во внимание, что быстрое обновление, совет или простое «спасибо» вашему подписчику с полностью текстовым электронным письмом могут укрепить взаимодействие и доверие.
В: Какие 3 вещи вы замечаете в первую очередь, когда открываете только что полученное электронное письмо?
Текст перед заголовком — стали одержимы тем, используют ли его бренды и как.
CTA — сканирование обещания «WIIFM (Что в нем для меня)» и если это текстовая ссылка или кнопка.
Подпись — насколько личным должен быть бренд. Использовать отметку «Команда»? Выстрел в голову от одного человека? Я думаю, что личный контакт важен как ключевой элемент общего процесса построения доверия с людьми, которые согласились присоединиться к вашему списку.
Read Other Experts>>
Dennis Dayman
Chief Privacy Officer, Return Path
В: Первая мысль, которая приходит вам на ум при слове «Шаблоны электронной почты»?
А: Безличный. Ничто так не кричит «безлично», как шаблонное электронное письмо. Большинство брендов используют шаблоны, но в качестве сформулированного подхода к дизайну сообщений на этом они и останавливаются. Настройка является ключевым. Да, шаблоны могут помочь сохранить постоянный тон в ваших электронных письмах, когда вы используете шаблоны, но я чувствую, что большинство маркетологов используют это как предлог, чтобы не выходить за рамки установления связи с использованием данных, которые у них уже есть о вас, чтобы действительно персонализировать их больше, чем просто Привет .
Отправка списка по электронной почте должна быть похожа на отправку электронной почты другу, и содержание этого сообщения должно отражать это. Конечно, вы можете сказать, что используете шаблоны электронной почты, но давайте использовать тип шаблонов, которые помогают сформулировать внешний вид и брендинг, но убедитесь, что сам контент персонализирован для пользователя и основан на прошлых взаимодействиях, будь то покупки или их посещение вашего веб-сайта.
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Я бы сказал такие вещи, как приветствие, триггер, удержание, рекомендацию или скидку, отказ от карты, подтверждение заказа, может быть, даже опрос, и, что не менее важно, спасибо. Все это в какой-то момент нужно будет использовать в жизненном цикле обычного клиента, который что-то покупает для вас или привлекает. Эти электронные письма помогают повысить конверсию и убедить существующих клиентов совершить покупку снова, и их следует настроить как можно скорее.
В: Вы верите в отправку инновационных электронных писем (запланированных на месяцы вперед) или простых электронных писем (отнимающих меньше времени)?
A: Это действительно зависит от нескольких факторов. Такие вещи, как если бы это B2C против B2B. B2B обычно имеет более длительный цикл продаж, когда в B2C покупатель уже провел большое исследование самостоятельно или, возможно, посетил магазин, чтобы увидеть продукт, прежде чем отправиться в Интернет, чтобы найти более низкую цену. Я всегда был поклонником данных, да, я знаю, что это звучит странно сейчас в моей карьере сотрудника по вопросам конфиденциальности, но вы можете уважительно и правильно использовать данные, чтобы установить более тесную и более значимую связь с покупателем, если вы перешли все свои границы. Т и расставьте точки над I, как говорится.
Теперь, есть некоторые электронные письма, которые должны быть простыми и быстрыми, обычно предупреждающие электронные письма об изменениях рейса или задержке и т. д., которые должны быть доставлены быстро и с использованием меньшей пропускной способности, но да, мне нравится, когда бренды и маркетологи пытаются по крайней мере, знать, что может произойти в будущем, особенно для компаний с несколькими подразделениями, которые могут отправлять электронные письма одному и тому же человеку по разным причинам, и ДОЛЖНЫ знать, утомляет ли сам бренд пользователя. Итак, небольшая подготовка и использование данных, на мой взгляд, сейчас плохая вещь в сегодняшнем перегруженном мире информации.
В: Какие 3 вещи вы замечаете в первую очередь, когда открываете только что полученное электронное письмо?
A: Отправитель, в котором я ищу статус наших отношений и какой приоритет получит это письмо. Строка темы, чтобы понять еще раз, какова цель сообщения и снова, где оно вызывает в приоритете ИЛИ, если я буду продолжать читать его в содержании. И наконец, последний, но не менее важный, первый абзац, чтобы увидеть, какой тон мне посылает отправитель. Если может быть какое-то действие, которое мне нужно, чтобы прочитать сообщение или сохранить это сообщение для чего-то другого, более важного.
Read Other Experts>>
Michal Leszczynski
Content Marketing Manager @getresponse
В: Первая мысль, которая приходит вам на ум при слове «Шаблоны электронной почты»?
A: Многоразовые элементы, которые помогут вам запустить кампанию в течение нескольких часов.
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: В основном это зависит от отрасли, но ни в коем случае нельзя пропускать эти три: приветственное письмо, сообщение с благодарностью после покупки и опрос клиентов. Эти трое не только помогут вам построить долгосрочные отношения с вашей аудиторией, но и снабдят вас знаниями, которые сделают ваши кампании более целенаправленными и эффективными.
В: Вы верите в отправку инновационных электронных писем (запланированных на месяцы вперед) или простых электронных писем (отнимающих меньше времени)?
A: Используйте шаблоны, когда это возможно, но если вы хотите выделить одну конкретную кампанию, то наденьте свою творческую шляпу. Только самые креативные имеют шанс стать вирусными.
В: На какие 3 вещи вы обращаете внимание в первую очередь, открывая только что полученное электронное письмо?
A: Строка темы, заголовок и главное изображение электронной почты — они либо улучшают, либо портят мой опыт работы с электронной почтой.
Читать других экспертов>>
Nick Crawford
Director & Principal Consultant @ twistconsultancy
Q: First thought that comes to что вы думаете, услышав слово «Шаблоны электронной почты»?
A: Простой, удобный, последовательный и протестированный для рендеринга в почтовых клиентах. Ограничительный, повторяющийся и может уменьшить творческое исполнение.
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Если вы хотите работать с отдельными шаблонами, основывайтесь на ваших текущих наиболее распространенных или успешных отправках. Приветствие, солюс, информационный бюллетень и простая открытка (короткое изображение и текст, которые можно использовать для большинства специальных нужд). Более гибким подходом было бы создание единого модульного шаблона, в котором наиболее часто используемые параметры макета контента расположены в строках блоков контента. которые можно снимать и перемещать по мере необходимости.
В: Вы верите в отправку инновационных электронных писем (запланированных на месяцы вперед) или простых электронных писем (отнимающих меньше времени)?
A: Есть место для обоих. Если у вас есть четкое представление о том, что вы хотите сказать, лучший подход для этого сегмента аудитории и какое действие вы хотите, чтобы читатель предпринял, вы сможете Сопоставьте подход с богатым содержанием или ограничениями ресурсов/времени с более простым, но эффективным исполнением.
В: На какие 3 вещи вы обращаете внимание в первую очередь, открывая только что полученное электронное письмо?
Изображение баннера — было ли оно сделано для того, чтобы усердно работать и отражать ключевое сообщение и ценность (или это просто стандартное или общее изображение бренда без дополнительной информации, относящейся к этому содержимому электронной почты)
Большие блоки текста (выглядит так, что это электронное письмо потребует усилий, чтобы его впитать)
Выглядит ли заголовок или ключевой баннер как полезный для меня (должен ли я потратить больше времени на полное прочтение этого письма)
Читать других экспертов>>
Syed Balkhi
Entrepreneur venture OptinMonster
Q: First thought that comes to your mind услышав слово «Шаблоны электронной почты»?
A: Отличная отправная точка для тех, кто плохо знаком с маркетингом по электронной почте, но ничто не сравнится с непрерывным A/B-тестированием для максимизации конверсий.
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Приветственное письмо, новая запись в блоге, электронное письмо с отзывом от генерального директора, и мы скучаем по вам по электронной почте, чтобы вернуть ушедших клиентов.
В: Вы верите в отправку инновационных электронных писем (запланированных на месяцы вперед) или простых электронных писем (отнимающих меньше времени)?
A: Думаю, чем меньше фантазии, тем лучше. Иногда слишком много изображений выглядит слишком корпоративно, и клиенты хотят знать, что они разговаривают с человеком. Вот почему вы заметите, что большинство наших электронных писем приходят от людей, которым вы можете ответить по электронной почте.
В: Какие 3 вещи вы замечаете в первую очередь, когда открываете только что полученное электронное письмо?
Ответ: От кого? Чего они хотят? Это важно?
Read Other Experts>>
Nout Boctor-Smith
Email Marketing Manager @ Red Hat
В: Первая мысль, которая приходит вам на ум при слове «Шаблоны электронной почты»?
A: Шаблон электронной почты представляет собой повторно используемый HTML-файл, который включает HTML и CSS, а также замещающие изображения и текст, из которых вам нужно будет заменить только копию и изображения. Мне нравится использовать аналогию с чертежом и домом. Шаблон электронного письма — это план, а само ваше электронное письмо — дом.
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Это действительно зависит от того, каким типом маркетинга вы занимаетесь и хотите ли вы использовать основные шаблоны со всеми доступными элементами для создания ваших конкретных шаблонов. Я занимаюсь маркетингом B2B (технологиями), поэтому рекомендую следующие типы шаблонов: информационные бюллетени, приглашения на веб-семинары, приглашения на мероприятия, загрузка активов, обновления продуктов. Если вы занимаетесь маркетингом B2C, вам понадобятся шаблоны продуктов для продаж, новых продуктов,
. ?
Ответ: Я верю в отправку обоих. Я бы порекомендовал для этого правило 80/20, согласно которому 80% ваших электронных писем планируются заранее, а 20% носят более ситуативный характер. Конечно, каждая компания будет отличаться.
В: На какие 3 вещи вы обращаете внимание в первую очередь, открывая только что полученное электронное письмо?
Заголовки, копия кнопки
Как электронное письмо отображается в моем почтовом клиенте или на моем телефоне: отвечает ли оно, используются ли изображения высокого разрешения, хорошо ли выглядит электронное письмо без emai
Какое предложение или ценность представлены.
Read Other Experts>>
Alex Papadopulos
Head of Operations @ striata
В: Первая мысль, которая приходит вам на ум при слове «Шаблоны электронной почты»?
А: Простой, удобный, последовательный и протестированный для рендеринга в почтовых клиентах. Ограничительный, повторяющийся и может уменьшить творческое исполнение.
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Приветственное письмо, Сезонные маркетинговые письма, Триггерные письма, такие как электронные письма после покупки и брошенной корзины, а также административные электронные письма, такие как потерянный пароль, создание новой учетной записи и связанные с выставлением счетов электронные письма, Информационные бюллетени
В: Вы верите в отправку инновационных электронных писем (запланированных на месяцы вперед) или простых электронных писем (отнимающих меньше времени)?
A: Есть место для обоих. Если у вас есть четкое представление о том, что вы хотите сказать, лучший подход для этого сегмента аудитории и какое действие вы хотите, чтобы читатель предпринял, вы сможете Сопоставьте подход с богатым содержанием или ограничениями ресурсов/времени с более простым, но эффективным исполнением.
В: На какие 3 вещи вы обращаете внимание в первую очередь, открывая только что полученное электронное письмо?
Изображение баннера — было ли оно сделано для того, чтобы усердно работать и отражать ключевое сообщение и ценность (или это просто стандартное или общее изображение бренда без дополнительной информации, относящейся к этому содержимому электронной почты)
Большие блоки текста (выглядит так, что это электронное письмо потребует усилий, чтобы его впитать)
Выглядит ли заголовок или ключевой баннер как полезный для меня (должен ли я потратить больше времени на полное прочтение этого письма)
John Walsh
Email Marketing Specialist at Billy Graham Evangelistic Association,
Q: First thought that comes to your mind on hearing слово «Шаблоны электронной почты»?
A: Мобильный адаптивный код, который позволяет маркетологам по электронной почте быстро и легко добавлять контент, изображения, ссылки, источники ссылок и позволяет им перемещать эти элементы в любом порядке.
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Шаблон информационного бюллетеня, просто оформленное электронное письмо с одним изображением, текстом и одним призывом к действию, а также адаптивный скелетный шаблон, в который я могу быстро добавить контент, изображения и ссылки, которые мне нужны.
В: Вы верите в отправку инновационных электронных писем (запланированных на месяцы вперед) или простых электронных писем (отнимающих меньше времени)?
А: Мы верим в отправку обоих типов электронных писем, инновационных и простых текстов. Планирование нашей кампании по электронной почте на конец года начинается в августе и будет включать наши самые инновационные электронные письма, в том числе те, в которых мы используем GIF-файлы. Я также считаю важным отправлять электронные письма в виде простого текста, чередуя их с электронными письмами в формате HTML. Наши информационные бюллетени в значительной степени полагаются на HTML. Когда мы отправляем электронные письма с благодарностью и простые электронные письма с одним призывом к действию, мы используем обычный текст. Я считаю, что это кажется более личным, как электронное письмо, которое вы получили бы от друга.
В: Какие 3 вещи вы замечаете в первую очередь, когда открываете только что полученное электронное письмо?
A: Чувствуется ли это, выглядит и звучит личным, подумал ли я, заинтересует ли меня это электронное письмо? Он слишком занят? Если изображений слишком много, много цвета и куча ссылок, я обычно их пропускаю. У кого есть время? Наконец, как маркетолог по электронной почте, я замечаю, есть ли что-то инновационное или обычное в электронной почте, что-то, что привлекает мое внимание. Мне нравится немного причудливости, поэтому своевременный GIF, анимация или викторина приветствуются.
.
В: Первая мысль, которая приходит вам на ум при слове «Шаблоны электронной почты»?
A: Предварительно разработанные макеты, требующие минимальных усилий для адаптации к будущему использованию.
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
В: Вы верите в отправку инновационных электронных писем (запланированных за несколько месяцев) или простых электронных писем (отнимающих меньше времени)?
A: Хотя есть время и место для простой электронной почты, мы предпочитаем планировать креативные электронные письма, которые привлекут подписчиков.
В: Какие 3 вещи вы замечаете в первую очередь, когда открываете только что полученное электронное письмо?
A: Header image, interactivity and CTA’s
Veronica Williams
Senior Email Marketing Specialist @simpleviewinc
В: Первая мысль, которая приходит вам на ум при слове «Шаблоны электронной почты»?
A: Инструмент для технических и нетехнических пользователей, позволяющий радовать и информировать своих подписчиков простым в использовании способом.
В: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Поскольку я работаю с DMO (организациями целевого маркетинга), их библиотеки шаблонов будут немного отличаться от большинства:
Информационный бюллетень
Приглашение/Регистрация
Объявление
Пресс-релиз
Добро пожаловать/Спасибо за регистрацию
Книга заявок/предложение/руководство по продажам
В: Вы верите в отправку инновационных электронных писем (запланированных за несколько месяцев вперед) или простых электронных писем (отнимающих меньше времени)?
A: Существует золотая середина между чрезмерным планированием и чрезмерным упрощением электронных писем, которую, как мне кажется, смогли охватить клиенты, с которыми я работаю, DMO. Вместе мы работаем над информационными бюллетенями в зависимости от типа, а затем планируем исходя из этого. Например, большие ежемесячные электронные письма, которые рассылаются всей их базе подписчиков, иногда планируются за несколько месяцев вперед — зная, что есть части, которые необходимо добавить прямо перед отправкой, чтобы зафиксировать события, происходящие вокруг отправки электронной почты.
С другой стороны, существуют еженедельные информационные бюллетени для участников/партнеров, которые не столь причудливы и более утилитарны по своей природе. У них гораздо меньший период планирования из-за еженедельного характера. Мысль, с которой я хотел бы вас оставить, заключается в том, что вам не нужно быть на той или иной стороне запланированного электронного письма — вы можете найти то, что подходит для того типа электронного письма, которое вы отправляете, и заставить это работать на вас. .
В: На какие 3 вещи вы обращаете внимание в первую очередь, открывая только что полученное электронное письмо?
Я смотрю, не сломано ли где-нибудь — наверное, привычка, которую я просто не могу сломать — лол!
Я ищу любые интерактивные элементы, чтобы увидеть, как они работают и сколько людей используют их в реальной жизни — у меня есть Gmail, поэтому они *могут* там работать.
Затем я смотрю на их макет, чтобы увидеть, какие типы статей/типы разделов используются, и, конечно же, сравниваю его с шаблонами, над которыми я работаю, чтобы увидеть, как я могу улучшить свой!
Tammi Myers
Senior Email Marketing Manager @ Zumba
Q: First thought that comes to your mind on слышите слово «Шаблоны электронной почты»?
A: Руководства по обеспечению единообразия стиля бренда и кроссбраузерной визуализации.
Вопрос: Какие шаблоны электронной почты обязательны в библиотеке шаблонов маркетолога по электронной почте?
A: Общее уведомление, информационный бюллетень, распродажа, электронная торговля/рекомендуемые продукты, корзина/отказ от просмотра
Q: Верите ли вы в отправку инновационных электронных писем (запланированных за несколько месяцев) или простых электронных писем (менее кропотливый)?
A: Всегда стремимся к инновационным электронным письмам, но по-прежнему реалистично оцениваем наше фактическое время обработки.
В: Какие 3 вещи вы замечаете в первую очередь, когда открываете только что полученное электронное письмо?
A: Логотип/личность отправителя, изображения и любые основные заголовки.
Шаблоны электронной почты являются неотъемлемой частью вашей маркетинговой стратегии электронной почты. Понимание того, что происходит за кулисами создания шаблонов электронной почты, может помочь вам создать шаблон электронной почты, который приносит результаты. Это руководство поможет вам создать шаблоны электронной почты Mailchimp, шаблоны электронной почты Pardot, шаблоны электронной почты Marketo, шаблоны электронной почты Salesforce и другие ESP.
Хотите поделиться своим опытом работы с шаблонами электронной почты? Помогите нам по номеру , ответив на несколько вопросов здесь , и у вас появится шанс попасть в избранное.
Полезные часто задаваемые вопросы
В) Я хочу создать адаптивный HTML-шаблон электронной почты. Вы можете помочь мне с этим?
A) Да, мы можем помочь вам создать индивидуальный, адаптивный HTML-шаблон электронной почты. Как только ваша электронная почта закодирована, наши эксперты проверяют шаблон электронной почты в более чем 40 почтовых клиентах и более чем на 15 устройствах и различных браузерах на предмет отзывчивости, чтобы обеспечить удобство для ваших подписчиков.
В) Можете ли вы порекомендовать службу, которая предоставляет бесплатное кодирование шаблонов электронной почты?
A) Что ж, вам не нужно далеко ходить, чтобы бесплатно закодировать свой шаблон электронной почты. Мы с радостью примем ваш первый заказ и бесплатно предоставим вам пиксельный шаблон электронной почты стоимостью 131 доллар США. Ознакомьтесь с нашим бесплатным сервисом для первого заказа, особенно для создания шаблонов электронной почты.
В) Я не знаю, как кодировать HTML-шаблоны электронной почты. Могу ли я нанять у вас эксперта по HTML для выполнения этой работы?
А) Да, конечно. Кодирование электронной почты в формате HTML может стать слишком техническим и сложным. В таких случаях мы рекомендуем вам нанять разработчика электронной почты html из Email Uplers. Учитывая требования вашего проекта, мы предоставим разработчика, который будет работать специально для вас. Наши разработчики являются сертифицированными экспертами в более чем 50 ESP (таких как Mailchimp, Marketo, Klaviyo, SFMC и т. д.). Они также будут выполнять контроль качества разработанных шаблонов электронной почты в более чем 40 почтовых клиентах, более чем на 15 устройствах и в различных браузерах, чтобы обеспечить удобство работы пользователей. Узнайте больше о специализированных HTML-разработчиках электронной почты, которых вы можете нанять в Email Uplers.
В) Можете ли вы помочь мне создать несколько HTML-шаблонов электронной почты?
A) Email Uplers — это маркетинговое агентство по электронной почте с полным спектром услуг, помогающее клиентам создавать шаблоны электронной почты, поддерживать работу с электронной почтой и выделенную группу ресурсов. Итак, есть несколько сервисов, которые вы можете выбрать для создания шаблонов электронной почты, в зависимости от ваших конкретных требований. Вы можете поделиться с нами краткой информацией, и мы напишем для вас HTML-код электронного письма. Другой вариант — наш основной модульный сервис шаблонов электронной почты; благодаря этому вы можете создать столько шаблонов электронной почты из одного основного шаблона. Кроме того, вы можете нанять выделенного ресурса, который будет работать на вас над созданием шаблона электронной почты, хотя и удаленно.
В) Можете ли вы помочь мне создать HTML в Gmail и Outlook?
А) Да. Наша команда экспертов по электронной почте работает в соответствии с вашими требованиями, целевыми устройствами и поставщиками услуг электронной почты ваших подписчиков. Мы поможем вам разработать и закодировать шаблон электронной почты с идеальной точностью до пикселя. Кроме того, мы тестируем шаблон электронной почты и его код на 50+ ESP и 40+ почтовых клиентах, включая популярные клиенты, такие как Outlook, Gmail, приложение Gmail, Apple Mail, Windows 10 Mail, ThunderBird 60, AOL Mail, Office 365, Yahoo Mail, iPhone, iPad, iPad Mini, iPad Pro и так далее.
Вам понравился этот пост? Поделись!
Скопировано в буфер обмена
8 Конструкторы электронной почты с перетаскиванием, о которых должен знать каждый
Тот факт, что электронный маркетинг помогает развивать ваш бизнес и увеличивает взаимодействие с подписчиками, неудивителен. Отправка электронных писем исключительно в виде обычного текста — это верный способ упустить глаза читателя и оставить вашу электронную почту незамеченной в почтовых ящиках получателей. Однако с помощью конструктора электронной почты вы сможете легко создавать классные и отзывчивые шаблоны.
В этом посте мы собрали восемь мощных, но интуитивно понятных конструкторов электронных писем, чтобы вы могли выбрать тот, который вдыхает комфорт в процесс создания электронной почты.
Краткий обзор функциональности лучших конструкторов шаблонов электронной почты
Если вы хорошо разбираетесь в HTML-коде, вы можете самостоятельно создать шаблон электронной почты с нуля. Кроме того, вы можете положиться на конструктор электронной почты с перетаскиванием, чтобы создать шаблон электронной почты с помощью редакторов WYSIWYG (что вы видите, то и получаете).
Конструкторы шаблонов электронной почты обладают следующими преимуществами:
Они быстрые и удобные . У вас есть набор готовых шаблонов и дизайнов, которые вы можете настроить в соответствии со своими потребностями, добавляя или удаляя кнопки, блоки с изображениями, текстом и используя цвета, представляющие ваш бренд.
Это онлайн-инструменты . Вам не нужно устанавливать какое-либо программное обеспечение, потому что конструктор автоматически сохраняет ваши сеансы, позволяет вам вернуться к своим шаблонам и повторно использовать или редактировать их в любое время.
Их можно редактировать . Вы можете использовать готовые блоки и шаблоны и изменять код или параметры по своему вкусу и потребностям.
Если вы все еще считаете, что конструкторы электронной почты с перетаскиванием не годятся и не оправдают ваших ожиданий, взгляните на список инструментов, которые мы собрали, чтобы проверить их функциональность.
На первый взгляд, все конструкторы писем с перетаскиванием кажутся очень похожими. Однако некоторые функции и характеристики могут иметь большое значение, поэтому мы хотим, чтобы вы знали, на что обращать внимание.
Дважды проверьте, предоставляет ли выбранное вами программное обеспечение электронной почты:
Очистить адаптацию . Чем он более интуитивно понятен, тем быстрее вы сможете перейти к созданию своей кампании по электронной почте, особенно в тех случаях, когда вам это нужно сделать еще вчера.
Богатый выбор шаблонов . Количество имеет значение, но еще важнее иметь разнообразные коллекции шаблонов на любой случай.
Редактор HTML . Рано или поздно вам может понадобиться импортировать собственные HTML-элементы или создавать шаблоны электронной почты с нуля.
Различные поддерживаемые форматы файлов . Текста и изображений не всегда достаточно — привлекательный контент, такой как GIF-файлы и видео, имеет больше шансов привлечь внимание получателей.
Дополнительные библиотеки контента . Это необязательная, но чрезвычайно полезная функция. Если выбранный вами конструктор шаблонов электронной почты предоставит вам доступ к стандартной библиотеке, это позволит вам создавать шаблоны еще быстрее.
Совместимость и бесшовный экспорт . Отличный конструктор шаблонов писем никогда не бывает самостоятельным решением — он должен легко стать неотъемлемой частью вашего существующего маркетингового инструментария.
Доступная опора . Ошибка, которую можно было бы избежать, или неожиданный простой системы могут стоить вам десятков клиентов. Убедитесь, что служба поддержки всегда находится в пределах досягаемости и готова действовать быстро.
Гибкие тарифные планы . Вы хотите быть уверены, что платите только за те функции, которые вам действительно нужны.
Понимание этих основных критериев поможет вам принять взвешенное решение.
Мы составили список лучших редакторов электронной почты с функцией перетаскивания, которые являются экономичными и простыми в использовании.
SendPulse
SendPulse предлагает удобный конструктор писем с перетаскиванием для создания и настройки шаблонов писем с высокой конверсией. Он также дает вам необходимые инструменты для создания собственных шаблонов с нуля. Точно так же импорт собственного HTML-кода не будет проблемой.
Этот конструктор шаблонов электронной почты содержит более 100 готовых шаблонов и компонентов. Это также позволяет вам добавлять и сохранять элементы, которые вы хотите использовать в своих будущих шаблонах. Чтобы сделать ваши электронные письма более эффективными, добавьте кнопки призыва к действию и платежи, дополните их GIF-файлами и видео и используйте умную персонализацию — все это можно сделать в визуальном конструкторе SendPulse, совершенно без кода.
Что еще более важно, SendPulse позволяет с легкостью автоматизировать, тестировать, отправлять и анализировать ваши кампании. Вы можете сделать это сразу после того, как закончите редактирование — нет необходимости экспортировать ваши шаблоны куда-то еще. Кроме того, вы можете связаться со службой поддержки 24/7, если у вас возникнут проблемы.
Его интерфейс довольно прост:
Интерфейс редактора перетаскивания SendPulse
Вот наш секрет — когда вы регистрируетесь и начинаете использовать конструктор шаблонов писем, вы также получаете доступ к другим маркетинговым продуктам и функциям SendPulse, таким как наши:
конструктор форм подписки;
средства автоматизации и аналитики электронной почты;
CRM;
конструктор чат-ботов;
конструктор целевых страниц
;
создатель онлайн-курсов;
услуга массовой рассылки SMS;
веб-push-уведомления.
Хорошая новость заключается в том, что вы можете оценить все эти инструменты из одного места, без беспорядка, перерасхода средств или 10+ открытых вкладок в вашем браузере.
Мы создали письмо с обновлением нашего блога с помощью этого конструктора шаблонов писем — вот как оно выглядит:
Шаблон письма, созданный с помощью редактора перетаскивания SendPulse
Цены : бесплатно, если вы отправляете электронные письма менее чем 500 подписчикам; более продвинутые планы стоят 6–10 долларов в месяц. Вы можете сэкономить 20%, оплачивая ежегодно. Также можно платить только за точное количество писем, которые вы хотите отправить.
Stripo
Stripo предлагает открытую библиотеку с более чем 900 предварительно разработанными шаблонами электронной почты, расширенными строительными блоками для демонстрации ваших продуктов и встроенным фоторедактором. Вы можете использовать готовые модули HTML и CSS или создавать и сохранять свои собственные. Кроме того, вы также можете сохранить активы своего бренда и получить к ним доступ одним щелчком мыши.
На каждом созданном вами шаблоне будет логотип Stripo, но вы можете удалить его, даже если вы являетесь пользователем бесплатного плана. С Stripo вы можете экспортировать свой шаблон в Gmail, Outlook и другие ESP или загрузить его в формате PDF, HTML или PNG. Сервис даже позволяет вам создавать контент на основе AMP на бесплатном плане.
Этот инструмент также позволяет вам назначать роли и предоставлять разрешения в вашей команде. Служба поддержки Stripo доступна в рабочие дни, но только в утренние часы. Хотя вам не придется часто к ним обращаться, так как интерфейс конструктора настолько прост, насколько это возможно. Вы можете изменить внешний вид и содержимое своего электронного письма, переключаясь между двумя вкладками в едином меню.
Интерфейс Stripo
Теперь давайте посмотрим на пример электронного письма на основе Stripo, которое вы можете настроить за считанные минуты:
Пример одного из настраиваемых шаблонов Stripo
Цена : бесплатный базовый план, 12,50 долларов в месяц за бизнес-план и 40 долларов за агентский план. Выбрав годовой план, вы получите два месяца бесплатно.
Chamaileon
Chamaileon предлагает более 100 готовых шаблонов электронной почты и более 1000 блоков шаблонов. Он также позволяет экспортировать ваши творения непосредственно в шесть ESP. Пользователи бесплатного плана могут экспортировать до пяти созданных шаблонов, но только в формате HTML. Вы также можете импортировать свой собственный HTML-шаблон и изменить его в соответствии с вашими потребностями.
Chamaileon немного дороже своих конкурентов, но пусть вас не пугает высокая цена — самый дешевый план включает не одного, а пяти пользователей и пять интеграций. Кроме того, этот инструмент предлагает несколько функций уровня предприятия:
совместная работа в реальном времени;
бесплатный доступ к библиотеке стоковых фотографий Pexels;
организованная библиотека ресурсов электронной почты;
общая ссылка для предварительного просмотра электронной почты;
рабочий процесс на основе проверки и утверждения.
Интерфейс Chamaileon очень интуитивно понятен — вы редактируете структуру письма с помощью левой вкладки и настраиваете его содержимое на правой вкладке.
Интерфейс Chamaileon
А вот пример письма, созданного с использованием одного из шаблонов Chamaileon:
Пример письма, созданного с использованием одного из шаблонов Chamaileon
Цены : 14-дневная бесплатная пробная версия, 150 долларов в месяц за Стандартный план и 250 долларов за Премиум-план. Также есть множество платных дополнений. Вы можете сэкономить до 500 долларов США, выбрав годовой платеж.
BEE Free и BEE Pro
BEE — очень универсальный продукт, который предлагает три версии для удовлетворения различных потребностей пользователей:
Free — легкий конструктор электронных писем с сотнями красивых шаблонов и возможностью экспорта в HTML.
Pro — универсальный конструктор электронной почты, страниц и форм с более чем 1010 шаблонами, вариантами брендинга, инструментами для совместной работы и различными вариантами экспорта (HTML, PDF, интеграция с другими инструментами).
Плагин
— встраиваемая и настраиваемая версия для SaaS и разработчиков.
BEE Pro создан специально для предпринимателей, команд и агентств, поэтому мы рекомендуем его для коммерческого использования. Он позволяет создавать, сохранять и повторно использовать контент, оставлять комментарии к отдельным элементам, настраивать пользовательские настройки, назначать роли и мгновенно просматривать электронные письма на мобильных устройствах, сканируя QR-код. Вы можете объединять теги для создания персонализированного и динамического контента и легко экспортировать его в HubSpot, ActiveCampaign, Campaign Monitor, Constant Contact, Klaviyo и т. д.
Давайте посмотрим, как выглядит рабочее пространство BEE Pro:
Интерфейс BEE Pro
BEE Pro позволяет создавать эффективные и красивые электронные письма, такие как это:
Пример электронного письма, созданного с помощью BEE Pro
Цены : бесплатно с ограниченной функциональностью , Pro от 15 до 120 долларов в месяц с 15-дневной бесплатной пробной версией. BEE также доступен в виде плагина с расширенной функциональностью за 250 долларов в месяц или больше. Сэкономьте до 17% при оплате за год.
Открытки
Открытки — это конструктор электронной почты с возможностью перетаскивания, который поддерживает простое редактирование кода и предлагает более 100 модулей шаблонов. Вы можете добавить 900+ шрифтов Google и внешних изображений для ваших писем. Наличие истории версий поможет вам более эффективно сотрудничать с членами вашей команды. Экспортируйте свои электронные письма в HubSpot или загрузите их в формате HTML или ZIP, когда они будут готовы.
В Postcards нет полностью готовых макетов электронной почты, но вы можете быстро создать собственную структуру электронной почты, добавляя и перемещая настраиваемые блоки (модули). Вы найдете доступные модули в левом меню, классифицированные по функциям или назначению.
Рабочее пространство Postcards
С помощью Postcards вы можете легко создавать не только коммерческие, но и информационные письма. Все модули готовы к работе с мобильными устройствами и будут идеально смотреться на любом устройстве.
Пример электронного письма, созданного с помощью модулей Postcards
Цена : бесплатно с базовыми функциями, от 24 до 39 долларов в месяц за дополнительные функции. Сэкономьте 72 доллара США или больше, выбрав годовую подписку.
Topol.io
Topol.io предоставляет вам более 150 шаблонов электронной почты и позволяет создавать повторно используемые настраиваемые блоки и использовать собственный HTML-код. Добавьте теги слияния для большей персонализации и показа продуктов с вашего веб-сайта в ваших электронных письмах с помощью XML-каналов.
Вы можете сотрудничать с членами вашей команды и клиентами, чтобы вместе создавать электронные письма. Topol.io предоставляет вам доступ к Pexels — бесплатной стоковой библиотеке. Вы можете легко экспортировать свои электронные письма в свою любимую почтовую программу или загружать их в формате HTML или JSON. Topol.io также предлагает поддержку в обычное рабочее время.
Интерфейс в Topol.io
Этот инструмент имеет разнообразный набор шаблонов для различных коммерческих целей:
Пример шаблона от Topol.io
Цены : 14-дневная бесплатная пробная версия и ограниченный бесплатный план для личного использования. План для команд стоит 15 долларов в месяц или 10 долларов в месяц при ежегодной оплате.
Unlayer
Unlayer помогает разрабатывать и настраивать шаблоны электронной почты самостоятельно или в команде. Вы можете пригласить клиентов просмотреть черновик, назначить роли, ограничить доступ или запретить определенные действия, чтобы сделать совместную работу простой и безопасной. Сохраняйте пользовательские шаблоны и блоки и легко переключайтесь между различными кампаниями благодаря тегам и быстрому внутреннему поиску.
Также легко вставлять теги слияния, ссылки для отказа от подписки и другие специальные ссылки, совместимые с любым программным обеспечением электронной почты, которое вы предпочитаете. Unlayer предлагает прямой экспорт электронной почты во многие ESP и возможность загрузки электронной почты в виде файлов ZIP, HTML или PDF. Инструмент имеет соответствующие пакеты шаблонов электронной почты для всех типов предприятий и некоммерческих организаций. С платным планом для команд вы можете использовать бесплатные стоковые фотографии в своих электронных письмах.
Unlayer имеет единое меню, в котором вы можете редактировать структуру, содержание и внешний вид вашего шаблона электронной почты:
Интерфейс Unlayer
Некоторые шаблоны электронной почты Unlayer даже позволяют вставлять реальные отзывы клиентов:
Пример электронного письма, созданного с помощью Unlayer
Цены : ограниченный бесплатный план и 14-дневная бесплатная пробная версия для платных планов. Тариф для фрилансеров стоит 15 долларов в месяц, для команд — 30 долларов в месяц.
MailerSend
MailerSend — это инструмент, созданный специально для создания и отправки транзакционных электронных писем для электронной коммерции и SaaS. Если вы ищете динамичные, но чистые шаблоны в сочетании с выдающейся функциональностью и гибкостью, не ищите дальше. В дополнение к конструктору электронной почты с функцией перетаскивания, MailerSend также предлагает конструктор электронной почты HTML и редактор электронной почты с форматированным текстом.
Это программное обеспечение позволяет не только создавать, но и отправлять массовые электронные письма, отслеживать их эффективность и отслеживать широкий спектр показателей. Он ориентирован на работу в команде, поэтому вы можете легко сотрудничать и отслеживать изменения в своих электронных письмах.
Интерфейс MailerSend
С MailerSend вы можете демонстрировать свои продукты, сообщения в блогах или динамический контент в своих электронных письмах без написания единой строки кода.
Пример электронного письма, которое вы можете создать с помощью шаблонов MailerSend
Цены : 12 000 бесплатных писем в бесплатном плане, затем от 25 долларов в месяц, в зависимости от того, сколько писем вы планируете отправить.
Теперь, когда мы рассмотрели восемь платных и бесплатных конструкторов электронных писем, давайте сравним их в следующем кратком обзоре функций.
Количество шаблонов
Импорт HTML
Поддержка видео
Поддержка GIF
Кнопки социальных сетей
Инструменты для совместной работы
SendPulse
100+
+
+
+
+
+
Полоса
900+
+
+
–
+
+
Шамейлеон
100+
+
+
–
+
++
BEE Free и BEE Pro
1000+
+
+
+
+
+
Открытки
Более 100 готовых блоков
–
–
–
+
++
Топол. ио
150+
+
+
+
+
+
Укладчик
600+
+
+
–
+
+
MailerSend
30
+
–
–
+
++
Мы считаем, что с этим обзором лучших разработчиков шаблонов электронной почты поиск подходящего не должен быть похож на поиск иголки в стоге сена. Определите цели своей кампании по электронной почте, вдохновитесь просмотром своего календаря маркетинга по электронной почте и без труда создайте шаблон класса А. Удачи!
Создание шаблона электронной почты
В этой статье рассказывается, как создавать, настраивать и управлять шаблонами электронной почты.
На панели инструментов Braze есть редактор шаблонов электронной почты, который позволяет создавать индивидуальные привлекательные электронные письма и сохранять их для последующего использования в кампаниях. Вы также можете загрузить свой собственный HTML-шаблон электронной почты.
Создание шаблона
Шаг 1. Перейдите к редактору шаблонов электронной почты
На левой панели навигации щелкните Templates & Media в разделе Engagement . Это откроет галерею шаблонов электронной почты .
Шаг 2. Создайте или выберите шаблон
Теперь вы можете создать новый шаблон или отредактировать существующий шаблон (обычный или адаптивный для мобильных устройств) с помощью редактирования с помощью перетаскивания или стандартного интерфейса HTML. Если вы хотите создать новый шаблон, вы можете выбрать один из готовых шаблонов Braze или создать новый макет.
примечание:
Все существующие пользовательские HTML-шаблоны необходимо создать заново с помощью редактора перетаскивания.
Шаг 3: Настройте свой шаблон
Вы можете написать свое сообщение в редакторе форматированного текста или, при желании, перейти в наш HTML-редактор или редактор Drag & Drop, чтобы настроить содержимое. После выбора вы перейдете к выбранному редактору. Появится значок HTML Editor или Drag-and-Drop Editor , указывающий на то, что вы собираетесь использовать этот режим редактирования для создания шаблона.
важно:
При создании копии шаблона электронной почты не переключайтесь между различными типами редактора (HTML/Блочный/Классический), так как это может привести к смещению ранее созданного HTML, что приведет к проблемам с отображением.
Braze по умолчанию добавит нижний колонтитул со ссылкой для отказа от подписки внизу ваших электронных писем в формате HTML. Вы можете настроить этот нижний колонтитул на вкладке Настройки электронной почты страницы Управление настройками . Для получения дополнительной информации прочитайте нашу документацию по пользовательскому нижнему колонтитулу.
Чтобы ввести строку темы, нажмите Изменить информацию об отправке .
Чтобы войти в надежный редактор электронной почты, нажмите Изменить текст сообщения . При желании используйте раскрывающийся список на вкладке Body , чтобы выбрать редактор электронной почты Classic, Block, HTML или Plaintext. На соседней панели показан предварительный просмотр создаваемого электронного письма в режиме реального времени.
важно:
Помните: при составлении копии шаблона электронной почты не переключайтесь между различными типами редактора (HTML/Блочный/Классический), поскольку это может привести к смещению ранее созданного HTML, что приведет к проблемам с отображением. 9.’, ‘\u&’, »)`
Редактирование перетаскиванием разделено на три раздела: Настройки отправки , Содержимое и Предварительный просмотр и тестирование .
Настройки отправки
В разделе Настройки отправки можно настроить адрес отправителя и адресата для ответа, а также указать строку темы или предварительный заголовок.
примечание:
Расширенный функционал появится в кампании или Canvas composer. В расширенных функциях вы можете изменить свои встроенные настройки CSS, установить адрес электронной почты скрытой копии и ввести заголовок или дополнительные пары ключ-значение (если настроено).
Content
Раздел Content содержит редактор. В этом разделе есть три ключевых компонента.
Это очень полезно для быстрого построения последовательного сообщения.
Предварительный просмотр и тестирование
Раздел Предварительный просмотр и тестирование позволяет вам предварительно просмотреть вашу электронную почту на основе разных пользователей.
Случайный пользователь: Braze случайным образом выберет пользователя из базы данных и просмотрит электронное письмо на основе его атрибутов/информации о событии.
Примечание. Этот пользователь может или не может быть частью ваших критериев сегментации. После этого выбирается сегментация, поэтому на данный момент Braze не знает о вашей целевой аудитории.
Выберите пользователя: Вы можете выбрать конкретного пользователя на основе его адреса электронной почты или external_id . Предварительный просмотр сообщения электронной почты будет основан на атрибутах этого пользователя и информации о событии
.
Пользовательский пользователь: Вы можете настроить пользователя. Braze предложит ввод для всех доступных атрибутов и событий. Вы можете ввести любую информацию, которую хотите видеть в электронном письме для предварительного просмотра.
Inbox Vision в настоящее время недоступен на этом этапе тестирования и будет доступен в будущем.
совет:
Чтобы узнать больше о различных компонентах редактирования с помощью перетаскивания, посетите наши статьи документации по редактору перетаскивания здесь.
Braze по умолчанию добавит нижний колонтитул со ссылкой для отказа от подписки внизу вашего электронного письма. Вы можете [настроить этот нижний колонтитул][cf] на вкладке Настройки электронной почты на странице Управление настройками .
Шаг 4a: Проверка на наличие ошибок электронной почты
Ошибки электронной почты представлены на Вкладка «Создать» рабочего процесса сообщения. Ошибки мешают вам двигаться вперед. «Предупреждения» означают напоминания, которые помогут вам следовать рекомендациям. В зависимости от вашего бизнеса, вы можете игнорировать их.
Вот список ошибок, которые учитываются в нашем редакторе:
Неверный синтаксис Liquid
Тела электронной почты размером более 400 КБ; тела настоятельно рекомендуется быть меньше 102kb
Шаблоны без ссылки отписки
Письма с пустым полем Тело или Тема
Письма без ссылки для отписки
Шаг 4b. Предварительный просмотр и проверка сообщения
После того, как вы закончите создание шаблона, вы можете протестировать его перед отправкой.
В нижней части обзорного экрана нажмите Предварительный просмотр и проверка . Здесь вы можете просмотреть, как ваша электронная почта будет отображаться в папке «Входящие» клиента. Если выбран параметр Предварительный просмотр от имени пользователя , вы можете просмотреть свою электронную почту от имени случайного пользователя, выбрать определенного пользователя или создать пользовательского пользователя. Это позволяет проверить правильность работы подключенного контента и вызовов персонализации.
Вы также можете переключаться между настольным, мобильным и открытым текстом, чтобы понять, как ваше сообщение будет выглядеть в разных контекстах.
Когда вы будете готовы к окончательной проверке, выберите Test Send и отправьте тестовое сообщение себе или группе тестировщиков контента, чтобы убедиться, что ваша электронная почта правильно отображается на различных устройствах и в почтовых клиентах.
Если вы видите какие-либо проблемы с вашим шаблоном или хотите внести какие-либо изменения, нажмите Изменить адрес электронной почты , чтобы вернуться в редактор.
Шаг 5: Сохраните шаблон
Обязательно сохраните шаблон, нажав Сохранить шаблон . Теперь вы готовы использовать этот шаблон в любой выбранной вами кампании или компоненте Canvas. Чтобы получить доступ к шаблону, выберите способ редактирования, с помощью которого вы его создали, а затем выберите его в списке доступных шаблонов.
примечание:
Если вы внесете какие-либо изменения в существующий шаблон, эти изменения не будут отражены в кампаниях, созданных с использованием предыдущих версий этого шаблона.
Использование ваших шаблонов в кампаниях API
Чтобы использовать вашу электронную почту для кампании API, вам потребуется email_template_id , который можно найти в нижней части любого шаблона электронной почты, созданного в Braze.
Вы можете дублировать и архивировать шаблоны электронной почты! Узнайте больше о создании шаблонов и творческого контента и управлении ими в разделе «Шаблоны и мультимедиа».
09.2022
Шаблоны электронной почты содержат указанные вами предварительно заданные данные, то есть не требуется вводить для каждой из статей одну и ту же информацию.
Изображение будет доступно при наличии доступа к веб-сайта.
В противном случае текст в строке «Тема» будет перезаписан.
Для создания шаблонов электронной почты по умолчанию доступен устаревший редактор шаблонов электронной почты. Однако расширенный редактор шаблонов электронной почты отображается как вариант, если он включен вашим администратором.
Предварительно просмотрите шаблоны, чтобы выбрать тот, который лучше всего соответствует вашим потребностям. Вы можете изменить его по мере необходимости позже.
Просто выберите нужный шаблон и отредактируйте его.
Меняем его на белый.
Весь контент должен быть согласован между собой и доносить основную мысль. Не нужно вставлять котиков в письмо только потому, что они милые и всем нравятся, если ваша компания никак не связана с животными.
Непосредственно этот шаблон подойдет для кафе, ресторанов, кейтерингов и сервисов доставки, чтобы рассылать свои предложения клиентам и подписчикам. Но его можно адаптировать и для других бизнесов.
Может, он о них забыл? Или не нашел, вернувшись на сайт? Что ж, брошенный просмотр ему напомнит. Шаблон для такого письма уже есть в системе eSputnik. Кроме тех товаров, которые посетитель посмотрел на сайте магазина, мы предлагаем добавить рекомендационный блок:
com;»arcadeExpression()»;
Используйте их в нескольких проектах;
Теперь этот процесс максимально упрощен.
Вы можете сделать это с помощью бесплатного инструмента выбора цвета под названием Color Cop. Как только вы определите 6-значный шестнадцатеричный код, за которым следует знак «#», примените его к своему шаблону, как показано в этом примере:
Попробуйте бесплатный план Sendinblue и отправляйте до 300 электронных писем в день совершенно бесплатно.
Просто подпишитесь на их бесплатную рассылку, и вы получите ссылку на галерею шаблонов электронной почты.
Он сочетает в себе удобный редактор с тонко настроенными функциями кодирования. 👨💻
⚙️
Все, что вы добавляете к этому минимуму элементов электронной почты, похоже на приправы, которые вы добавляете, чтобы придать аромат вашему шаблону электронной почты.
Кроме того, многие маркетологи электронной почты считают обязательным создание простой текстовой версии, поскольку электронные письма рискуют попасть в папки со спамом.
Электронная почта для получения заказа : Электронная почта для подтверждения покупки, совершенной подписчиком. Это письмо должно инициироваться, когда подписчик совершает покупку, и может использоваться для продвижения других соответствующих продуктов, но соотношение должно составлять 80% транзакционных и 20% рекламных. Этот простой HTML-шаблон электронной почты от Polaroid эффективно доводит нас до конца.
Обязательное электронное письмо для электронных писем электронной коммерции. Взгляните на этот простой html-шаблон электронной почты от Dote, чтобы лучше понять.
Знаете ли вы, что ваша копия электронной почты на самом деле творит чудеса задолго до того, как электронная почта будет открыта? Ну, мы говорим о «темах».
Копия CTA должна быть действенной, например, «Начать бесплатную пробную версию» или «Загрузить мою копию», чтобы читателю было предложено перейти по ней.
Персонализация путем обращения к подписчику по имени — отличный шаг, но только первый шаг к завоеванию их сердец и доверия. Любой подписчик делится своим адресом электронной почты в обмен на привлекательный контент, основанный на его предпочтениях, а не на контент, который вы хотите, чтобы они читали. Для индивидуальных электронных писем вам необходимо наблюдать за их онлайн-поведением и этапами пути их покупателя, чтобы настроить контент в соответствии с их требованиями.
Испытайте это в своем почтовом ящике >> 
Этот макет в основном предпочтителен для создания мобильной версии электронных писем, поскольку этот макет использует небольшую ширину экрана для размещения всех элементов электронной почты без помех..jpg)
Здесь на помощь приходит типографика и форматирование. Разные шрифты вызывают в нашем сознании разные эмоции, поэтому важно выбрать правильный шрифт. 
д. таким образом, чтобы ориентироваться в структуре глаз подписчиков. от широкой дорожки, в начале, до точки, которая является центром или фокусом – кнопка CTA.
Точно так же, как фотографии продукта в реальной жизни помогают подписчику визуализировать, иллюстрации помогают подписчикам визуализировать неосязаемую концепцию.
Из-за этого размещение кнопки CTA является предметом споров в течение длительного времени. Большинство маркетологов убеждены, что ни один подписчик не захочет нажать кнопку CTA, не узнав больше из копии электронного письма. Тем не менее, у этой философии есть недостаток — есть вероятность, что меньше людей будут склонны прокручивать вверх, чтобы щелкнуть CTA, и снизить количество кликов, если в нижней части электронного письма нет дополнительной кнопки CTA. Итак, убедитесь, что ваше размещение CTA является точным. Вы также можете провести A/B-тестирование.
Поэтому очень важно, чтобы ваши электронные письма отображались безупречно на всех устройствах ваших подписчиков. Из-за этого большинство маркетологов электронной почты предпочитают подход «сначала мобильные» при разработке своей электронной почты.
В основном это дизайн электронной почты для кампании или события, но они доказывают, что дизайнеры / бренды электронной почты пытаются заставить их процветать как тенденции дизайна электронной почты.
Хотя изначально он использовался преимущественно игроками в индустрии событий, гостиниц и недвижимости, со временем он стал часто использоваться брендами B2B, технологий и стиля жизни.
Несмотря на то, что эта тенденция продолжается уже много лет, Аплеры предсказывают, что в дополнение к пустому пространству разработчики электронной почты также будут баловаться с отрицательным пространством в дизайне электронной почты. Между тем, такие бренды, как Sugarfix и Under Armour, успешно используют пробелы в своих электронных письмах.
В настоящее время эту тенденцию можно широко наблюдать в цифровой рекламе, рекламных щитах, сообщениях в социальных сетях и программах электронной почты. Некоторые из наиболее ярких особенностей этой эстетики дизайна — это шрифты с засечками, сплошные тени и методы печати, используемые наряду с космическими темами, внешним свечением и яркими цветами.
, чтобы привлечь внимание по электронной почте. Взгляните на эти примеры от Airbnb и его, чтобы получить более четкое представление. 
Подписчики ожидают беспрепятственного перехода по всем каналам, поэтому большинство брендов стремятся поддерживать единый дизайн между электронной почтой и целевой страницей. Это означает использование одного и того же стиля дизайна, изображений и тонов как в электронных письмах, так и на целевых страницах 9.0005
Тем не менее, важно позаботиться о рендеринге и обходных путях для 3 основных почтовых клиентов:
Каждый раздел
io
Пробел обеспечивает передышку между различными элементами в вашем электронном письме и помогает подписчику просмотреть всю копию электронного письма.
Кроме того, некоторые методы оформления электронной почты могут привести к тому, что ваша электронная почта будет помечена как СПАМ. Держитесь подальше, узнав о как дизайн электронной почты может спровоцировать спам-ловушки и как их избежать. 
Walsh 
com, или скопированный и вставленный шаблон для информационно-пропагандистской деятельности, в котором буквально написано «Привет, имя». 
Они состоят из информационных бюллетеней, транзакционных, рекламных, информационных, обновлений продуктов, онбординга и многих других.
Для своих рынков я чаще всего использую шаблоны веб-семинаров, рекомендуемого контента блогов, информационных бюллетеней, приветственных и ознакомительных/образовательных шаблонов.
Использовать отметку «Команда»? Выстрел в голову от одного человека? Я думаю, что личный контакт важен как ключевой элемент общего процесса построения доверия с людьми, которые согласились присоединиться к вашему списку.
д., которые должны быть доставлены быстро и с использованием меньшей пропускной способности, но да, мне нравится, когда бренды и маркетологи пытаются по крайней мере, знать, что может произойти в будущем, особенно для компаний с несколькими подразделениями, которые могут отправлять электронные письма одному и тому же человеку по разным причинам, и ДОЛЖНЫ знать, утомляет ли сам бренд пользователя. Итак, небольшая подготовка и использование данных, на мой взгляд, сейчас плохая вещь в сегодняшнем перегруженном мире информации.
Если может быть какое-то действие, которое мне нужно, чтобы прочитать сообщение или сохранить это сообщение для чего-то другого, более важного.
Эти трое не только помогут вам построить долгосрочные отношения с вашей аудиторией, но и снабдят вас знаниями, которые сделают ваши кампании более целенаправленными и эффективными.
Ограничительный, повторяющийся и может уменьшить творческое исполнение.
Мне нравится использовать аналогию с чертежом и домом. Шаблон электронного письма — это план, а само ваше электронное письмо — дом.
Конечно, каждая компания будет отличаться.
Ограничительный, повторяющийся и может уменьшить творческое исполнение.
Наши информационные бюллетени в значительной степени полагаются на HTML. Когда мы отправляем электронные письма с благодарностью и простые электронные письма с одним призывом к действию, мы используем обычный текст. Я считаю, что это кажется более личным, как электронное письмо, которое вы получили бы от друга.
Например, большие ежемесячные электронные письма, которые рассылаются всей их базе подписчиков, иногда планируются за несколько месяцев вперед — зная, что есть части, которые необходимо добавить прямо перед отправкой, чтобы зафиксировать события, происходящие вокруг отправки электронной почты.
Вы можете помочь мне с этим? 
Могу ли я нанять у вас эксперта по HTML для выполнения этой работы? 
Итак, есть несколько сервисов, которые вы можете выбрать для создания шаблонов электронной почты, в зависимости от ваших конкретных требований. Вы можете поделиться с нами краткой информацией, и мы напишем для вас HTML-код электронного письма. Другой вариант — наш основной модульный сервис шаблонов электронной почты; благодаря этому вы можете создать столько шаблонов электронной почты из одного основного шаблона. Кроме того, вы можете нанять выделенного ресурса, который будет работать на вас над созданием шаблона электронной почты, хотя и удаленно.
org/ListItem»> Критерии выбора лучшего конструктора шаблонов писем
org/ListItem»> MailerОтправить
Количество имеет значение, но еще важнее иметь разнообразные коллекции шаблонов на любой случай.
Это также позволяет вам добавлять и сохранять элементы, которые вы хотите использовать в своих будущих шаблонах. Чтобы сделать ваши электронные письма более эффективными, добавьте кнопки призыва к действию и платежи, дополните их GIF-файлами и видео и используйте умную персонализацию — все это можно сделать в визуальном конструкторе SendPulse, совершенно без кода.
Кроме того, вы также можете сохранить активы своего бренда и получить к ним доступ одним щелчком мыши.
Выбрав годовой план, вы получите два месяца бесплатно.
BEE также доступен в виде плагина с расширенной функциональностью за 250 долларов в месяц или больше. Сэкономьте до 17% при оплате за год.
Все модули готовы к работе с мобильными устройствами и будут идеально смотреться на любом устройстве.
Topol.io также предлагает поддержку в обычное рабочее время.
Unlayer предлагает прямой экспорт электронной почты во многие ESP и возможность загрузки электронной почты в виде файлов ZIP, HTML или PDF. Инструмент имеет соответствующие пакеты шаблонов электронной почты для всех типов предприятий и некоммерческих организаций. С платным планом для команд вы можете использовать бесплатные стоковые фотографии в своих электронных письмах.
Если вы ищете динамичные, но чистые шаблоны в сочетании с выдающейся функциональностью и гибкостью, не ищите дальше. В дополнение к конструктору электронной почты с функцией перетаскивания, MailerSend также предлагает конструктор электронной почты HTML и редактор электронной почты с форматированным текстом.