Редактор писем html: Stripo — бесплатный конструктор email-шаблонов: визуальный и HTML редакторы | Дропшиппинг

Содержание

Какой конструктор писем использовать в 2022 году: обзор сервисов

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

В 2022 году российский рынок email-маркетинга перенёс встряску: из страны ушли некоторые платформы и сервисы, в том числе Stripo — популярный конструктор писем с тысячей адаптивных шаблонов.

Мы подготовили обзор, в котором рассказываем, чем заменить Stripo. В статье говорим про специализированные сервисы сборки писем и маркетинговые платформы, где сборка писем — дополнительный функционал.

Читайте также
Что такое зерокодинг, какие перспективы у этой технологии

Специализированные сервисы

Рассмотрим сервисы, где сборка писем является основным функционалом.

EmailMaker

Количество шаблонов: 2, в ближайшее время станет больше.

Бесплатная версия: все функции сервиса работают бесплатно без ограничений.

Главное преимущество конструктора — в нём можно работать с любым кодом любого письма. В процессе работы редактор не будет вносить негативных изменений в код, в отличие от других конструкторов, которые могут работать с кодом.

EmailMaker не будет вносить негативных изменений в код,
в отличие от подобных ему конструкторов писем

Среди других преимуществ конструктора EmailMaker:

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

Этот редактор писем разработали верстальщики CRM-group весной этого года. Проект развивается быстро — новые функции появляются каждую неделю. Если хотите, чтобы какая-то фича появилась скорее, голосуйте за неё в плане развития. А если такой там пока нет, смело предлагайте.

Полный обзор сервиса и видеогид по функциям вы найдёте на ютуб-канале EmailMaker и на сайте конструктора.

Letteros

Количество шаблонов: 4.

Бесплатная версия: нет.

Среди полезных функций Letteros — проверка ссылок внутри писем, создание превью письма на разных устройствах и экспорт писем в форматах HTML, EML или ZIP-архива.

Готовых шаблона всего четыре. В drag-and-drop-редакторе из готовых блоков можно создать собственный шаблон с нуля. Блоки можно редактировать.

Блочный редактор drag-and-drop в Letteros

Прямо в редакторе доступна функция проверки орфографии, кода и адаптивности письма.

Читайте также
HTML-вёрстка писем — полная инструкция

Topol.

Количество шаблонов: 135.

Бесплатная версия: скачивать бесплатные шаблоны можно, если не превышать 5 Гб в месяц. После взимается плата за трафик.

Интерфейс Topol.io — англоязычный без возможности перейти на русскую версию.

Шаблоны не разделены тематически. Скроллите список шаблонов вниз и выбираете тот, который нужен. Чтобы изменить, нажимаете Edit Template.

Переход в редактор шаблонов

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

Редактор готовых шаблонов Topol.io

Когда работа с шаблоном завершена, его можно скачать на компьютер — в ZIP-архиве, внутри которого есть HTML-код и изображения, либо в виде файла с расширением .html.

Экспорт шаблона

Если надо получить HTML-код без скачивания, нажмите HTML в разделе Export Options, откроется окно. Скопируйте код.

Код шаблона из интерфейса Topol.

Если настроена интеграция с маркетинговыми платформами, отправить шаблон можно прямо туда.

Отправка шаблона на маркетинговую платформу

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

Создание шаблона с нуля в Topol.io

Маркетинговые платформы

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

Каждый конструктор писем из рассмотренных ниже доступен и бесплатно.

Unisender

Количество шаблонов: 100.

Бесплатная версия: до 1 500 писем и до 100 контактов.

Шаблоны поделены на тематические категории: «‎Праздники‎», ‎‎e-commerce‎‎, «‎‎Рестораны‎», «‎‎Чёрная пятница‎» и другие.

Шаблоны категории e-commerce в Unisender

Блочный конструктор писем предполагает, что шаблон легко изменить: добавить кнопку, поменять дизайн заголовка, вставить иконку социальной сети.

Редактирование шаблона в Unisender

Если шаблоны не подходят, создать письмо можно с нуля в drag-and-drop-конструкторе. В рабочее поле перетаскиваете блоки, настраиваете элементы, добавляете картинки и пишете свой текст.

Drag-and-drop-конструктор писем Unisender

Чтобы создать кастомный элемент, используйте HTML-редактор.

Когда письмо готово — не важно, как вы его собрали, — отправьте тестовую версию себе, чтобы проверить, как оно выглядит в почтовом сервисе.

Читайте также
Обзор платформы UniSender для новичков в email-маркетинге

DashaMail

Количество шаблонов: 17.

Бесплатная версия: до 100 контактов и 2 000 писем.

На сайте DashaMail сказано, что пользователям доступно 100 готовых шаблонов писем, однако по факту — всего 17.

Ответ технической поддержки DashaMail о количестве шаблонов на сайте

Точно неизвестно, но предполагаем, что количество шаблонов уменьшилось после ухода Stripo из России: DashaMail использовал его инструменты.

Любой из 17 доступных шаблонов можно изменить: добавляйте или удаляйте контент, меняйте структуру письма или дизайн элементов.

Создавать собственные шаблоны можно с нуля в редакторе drag-and-drop. Прямо в нём можно добавить HTML-код.

Блочный редактор DashaMail

Для вёрстки письма только с помощью кода, можно использовать HTML-редактор. Работать в нём удобно: с одной стороны пишете код, с другой — смотрите, что получается.

HTML-редактор DashaMail

Если есть готовые HTML-шаблоны писем, импортируйте их в DashaMail через ZIP-файл или по ссылке.

Импорт HTML-шаблона

Sendsay

Количество шаблонов: 30.

Бесплатная версия: до 200 контактов в базе подписчиков.

Sendsay — это платформа для рассылок с собственным редактором для вёрстки писем и готовыми шаблонами.

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

Редактирование шаблона письма в Sendsay

Создать письмо также можно в HTML или блочном редакторе.

Дополнительные редакторы писем Sendsay

Блочный редактор — обычный drag-and-drop-конструктор.

Блочный редактор Sendsay

HTML-редактор — это два рабочих поля: в одном пишете код, в другом смотрите на результат.

HTML-редактор Sendsay

Mailo Post

Количество шаблонов: 52.

Бесплатная версия: до 200 контактов в базе подписчиков.

Mailo Post — сервис почтовых рассылок с шаблонами писем и встроенными редакторами.

Всего доступны 52 штуки. Они разделены по тематике.

Шаблоны писем в Mailo Post

Шаблоны можно менять. При клике по шаблону платформа перекинет вас в редактор — в нём можно менять структуру, контент, цвет и элементы письма.

Редактирование шаблона

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

Текстовый редактор Mailo Post

Если хотите сверстать письмо с помощью кода, есть HTML-редактор. Рабочее пространство стандартное: в одном окне пишете код, в другом смотрите, что получается. Код можно не писать с нуля, а импортировать из файла.

HTML-редактор Mailo Post

Читайте также
Какие CRM-платформы выбирать российским компаниям в 2022 году. Инструкция по переезду на примере Unisender

NotiSend

Количество шаблонов: 20.

Бесплатная версия: до 200 контактов в базе подписчиков.

NotiSend — это платформа рассылок: создавать дизайн писем можно там же с помощью готовых шаблонов и редакторов.

Клик по «Пустому шаблону‎» перенаправит в блочный редактор, в котором письмо собираете с нуля.

Шаблоны писем в NotiSendСоздание шаблона письма в drag-and-drop-редакторе

Есть два дополнительных редактора: простой и HTML. Простой напоминает текстовый редактор, где можно форматировать текст, добавлять картинки и таблицы.

В HTML-редакторе можно сверстать дизайн письма с помощью кода, а потом протестировать готовый дизайн. Кликните «‎Тестирование шаблона‎«‎, и NotiSend покажет, как письмо будет выглядеть в почте.

Узнавать подробности о развитии блочного редактора от CRM-group можно на официальном ютуб-канале. В телеграм-канале «Маркетинг за три минуты» вас ждут интересные материалы про онлайн-маркетинг в формате постов-трёхминуток. А если хотите поболтать и поделиться мыслями, приходите в CRM-Chat.

Конструктор писем и емейл-шаблоны для рассылки

Создавайте красивые письма в удобном блочном конструкторе

Вовлекайте аудиторию и развивайте бизнес с помощью профессиональных кампаний email-маркетинга. Знание HTML-кода и программирования не требуется.

ПОПРОБОВАТЬ БЕСПЛАТНО

Интуитивныйконструкторписем для создания и отправки рассылок

Мощные инструменты
дизайна
Даже если вы новичок в дизайне, то все равно сможете создавать красивые письма для любых устройств
Первоклассная
доставка писем
Автоматические инструменты доставки писем, которые не подводят
Готовые
шаблоны
Профессиональные шаблоны электронных писем помогут быстрее запустить кампанию
Один комплексный
инструмент
Комплексные функции для создания, запуска и оптимизации кампаний — от А до Я

Drag-n-Drop редактор писем,

созданныйдлявас

Отзывы клиентов о drag-and-drop редакторе GetResponse

Больше всего мне нравится интуитивный интерфейс, скорость работы блочного конструктора и выбор инструментов.
Том,
клиент GetResponse уже 2 года
Редактор писем отлично продуман и предлагает большое количество функций, благодаря которым не нужен дизайнер и знание кода. Интерфейс простой и интуитивный.

Крис,
клиент GetResponse уже 3 года
Конструктор писем очень простой, но в нем много отличных возможностей и настроек. Спасибо разработчика сервиса, что упростили мою работу. И все мои клиенты заметили, что проекты стали намного лучше.
Сара,
клиент GetResponse уже 3 года

Идеальные письма вплоть

до запятой

Самый надежный и простой drag-n-drop редактор писем в мире. Создавайте потрясающие емейл рассылки с нуля или на основе профессиональных шаблонов и покоряйте сердца пользователей.

Быстрое создание писем

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

Используйте блоки и персонализируйте структуру письма
Добавляйте контент с помощью базовых блоков: изображений, текста, видео, кнопок и других решений
Сохраняйте отдельные элементы в разделе Мои блоки для будущих писем
Персонализируйте письма,используя фирменные или собственные шрифты

Гибкая настройка и планирование

Управляйте данными и параметрами всех писем в одном месте. Проверяйте письма перед отправкой или составлением графика рассылки.

Выбирайте адреса отправителя и получателей
Добавляйте текст в строку темы и предпросмотра
Проверяйте отображение всех элементов
Отправляйте письма и планируйте рассылки

Шаблоны под ваши цели

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

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

Адаптивный дизайн для мобильных устройств

Создавайте адаптивные письма, которые пользователи могут прочитать на любом устройстве.

Скрывайте отдельные элементы или разделы для мобильных устройств
Включайте предпросмотр и оптимизируйте дизайн для лучшей конверсии

Мощный встроенный фоторедактор

Поразите пользователей профессиональными шаблонами, созданным прямо в drag-and-drop редакторе.

Обрезайте и редактируйте изображения
Накладывайте фильтры
Добавляйте текст, настраивайте цвета и оттенки

2.000.000

Бесплатных изображений Shutterstock

Тысячи

GIF-анимаций из GIPHY

Никаких дополнительных покупок

и проблем с лицензиями

Легкий доступ

внутри инструмента

НАЧНИТЕ КОНСТРУИРОВАТЬ РАССЫЛКИ БЕСПЛАТНО ›

Встроенные

инструментыemail-маркетинга для гарантированной доставки рассылок

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

Проверка рассылок на спам

Уже более 20 лет GetResponse обеспечивает уровень доставляемости в 99%. Доверьтесь возможностям сервиса и ваши письма всегда дойдут до получателей.

Лучшие технологии email-маркетинга
Автоматическая гигиена списка контактов для повышения репутации отправителя

Доставка в идеальное время

Отправляйте рассылки в идеальное для аудитории время благодаря оптимизированным инструментам доставляемости

Используйте функцию «Идеальное время», чтобы отправлять письма в самый подходящий момент, когда ваша аудитория их точно прочитает

Для отправки рассылок с учетом местного времени получателей воспользуйтесь функцией «Часовые пояса»

Персонализация писем

Используйте динамический контент для рассылки релевантных и персонализированных писем исходя из предпочтений и поведения клиентов.

Добавляйте различные картинки и текст для повышения вовлеченности
Автоматически рекомендуйте продукты и услуги исходя из интересов людей

Один редактор для всех кампаний

В редакторе писем все функции GetResponse работают как единый механизм.

Привлекайте трафик на лендинги
Рекламируйте вебинары
Делитесь контактными данными

Анализируйтеиоптимизируйте кампании email-маркетинга

Проводите A/B-тесты, чтобы понять, что находит отклик среди вашей аудитории
Отслеживайте открытия и клики в наглядной статистике
Подключите Google Analytics и получите расширенные данные
Используйте проверку на спам для лучшей доставляемости

Ресурсыдляваших уникальных маркетинговых кампаний

Тенденции в дизайне рассылок
Хотите создавать красивые рассылки, которые привлекают внимание? Используйте эти советы в дизайне собственных шаблонов.
УЗНАТЬ О ДИЗАЙНЕ ПИСЕМ
Email Creator Help Center
For advanced tactics and a deeper look into our Email Creator, check out our dedicated Email marketing Help Center.
HELP CENTER ›

Создайте бесплатный аккаунт

Как создать email в HTML-редакторе

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

Как создать письмо в HTML-редакторе, рассказываем на примере Cheapsender.

Шаг 1: Проходим регистрацию в Cheapsender

Если у вас еще нет аккаунта в нашем сервисе, то давайте его зарегистрируем:

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

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

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Шаг 2: Копируем содержимое HTML-файла

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

Этот файл содержит код, который нужно вставить в редактор шаблонов на Cheapsender. Чтобы его посмотреть и скопировать, необходимо кликнуть правой кнопкой мыши по файлу и выбрать «Открыть с помощью» → «Блокнот». Если в отобразившемся списке нет блокнота, то нажмите «Выбрать другое приложение». Затем найдите в списке блокнот либо другой текстовый редактор.

В результате перед нами отображается HTML-код письма. Все, что от нас требуется – выделить его полностью и скопировать. Для быстрого выделения можете воспользоваться комбинацией клавиш «CTRL+A».

Содержимое скопировано, теперь его можно перенести в конструктор и запустить рассылку. Обо всем этом поговорим далее.

Шаг 3: Создаем шаблон письма в конструкторе

Возвращаемся в свой личный кабинет, доступ к которому мы получили на первом шаге, и выполняем следующие действия:

Первым шагом переходим в раздел «Шаблоны».
В этом разделе будут содержаться все шаблоны писем, которые вы создадите, их может быть несколько. Это удобно, так как рассылка не всегда предполагает один вариант письма – разная целевая аудитория, другая сфера и прочие аспекты. Первоначально шаблонов нет, их нужно создать – давайте к этому и приступим: нажимаем на «Создать шаблон».
Здесь предлагаются два варианта создания шаблона, нас интересует второй – «Создание шаблона в HTML-редакторе».
В отобразившемся окне от нас потребуется лишь вставить код файла, который мы успешно скопировали на предыдущем шаге – просто используем комбинацию клавиш «CTRL+V». Получаем весь код в конструкторе:
Чтобы убедиться в том, что код добавился корректно, мы можем воспользоваться эмулятором письма – для этого достаточно кликнуть по кнопкам в верхней центральной части. Вот, например, как выглядит добавленное письмо в мобильной версии:
После проверки письма на разных устройствах нажимаем на крестик для выхода из эмулятора.
Осталось дать название шаблону и нажать на кнопку «Сохранить и выйти».

Важно: обратите внимание на то, что изображения в письме должны быть загружены на стороннем сервисе. В противном случае они попросту не будут отображаться.

Вот пример кода:

<img src="https://jotgkp.stripocdn.email/content/guids/CABINET_1ce849b9d6fc2f13978e163ad3c663df/images/22451592470360730.gif">

В поле src указывается ссылка на то место (файлообменник, сайт), в котором находится изображение.

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

Шаг 4: Отправляем шаблон подписчикам

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

Нажимаем в личном кабинете «Создать рассылку».
Выбираем созданный нами шаблон.
Указываем тему письма и нажимаем «Продолжить».
Теперь нужно добавить клиентскую базу – сделать вы это можете вручную либо путем загрузки файла в формате CSV, TXT или XLSX.

После добавления контактов вы можете запустить тестовую рассылку. Напоминаем, что после регистрации доступно 100 бесплатных писем для отправки, с помощью которых вы сможете оценить сервис, а также проверить работу своего письма.

Выводы

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

RetailCRM Документация: Страница не найдена

Разделы

Продажи

131 статья

Заказы
Демо-данные в системе
Клиенты
Задачи
Товары и склад
Менеджеры
Финансы

Программа лояльности

15 статей

Список Программ
Настройка
Регистрация и активация участий
Уровни
События
Запуск
Участия
Программа лояльности в карточках заказа и клиента
Миграция лояльности с 7 версии на 8
Тарификация

Маркетинг

45 статей

Рассылки
Сегменты
Правила

Интеграция

214 статей

Создание и редактирование API ключа
Работа с маркетплейсом
Службы доставки
Модули интеграции с сайтом
Телефония
Складские системы
Маркетплейсы
Модули для работы со справочниками
Платежные сервисы
Рекомендации
Коллтрекинг
Аналитические сервисы

Аналитика

45 статей

Аналитика по заказам
Аналитика по клиентам
Аналитика по товарам
Аналитика по менеджерам
Аналитика по коммуникациям
Аналитика по финансам

Настройки

96 статей

Пользователи
Магазины
Справочники
Статусы заказов
Статусы товаров
Триггеры
Коммуникации
Системные настройки

Чаты

36 статей

Функциональность чатов
Подключение мессенджеров и чатов
Боты

Конструктор сайтов RetailCRM Sites

7 статей

Создание сайта
Страницы сайта
Товары и товарный каталог
Внешний вид
Публикация
Заказы и клиенты

Шаблоны писем для рассылки: 20 ресурсов для вёрстки емейлов

В 2021 году цифровизация стала частью нашей повседневной жизни. Теперь не выходя из дома, можно покупать и получать всё, что душе угодно: продукты, мебель, книги. Поэтому так важно использовать инструменты, которые помогут вам увеличить показатели непосредственно в онлайн продажах. Например, отправлять подписчикам емейлы. Но как верстать сообщения, если вы обычный интернет-маркетолог без знаний html? В этом случае вам поможет шаблон рассылки. Это такой универсальный макет с блоками внутри, в которых вы самостоятельно можете изменять контент. Такой инструмент поможет вам сократить время работы над проектом и повысить узнаваемость бренда.

Как же не ошибиться с выбором конструктора и найти подходящий инструмент? Для этого стоит обратить внимание на такие критерии:

адаптивность;
совместимость с почтовыми клиентами;
возможность вносить изменения в нужном графическом редакторе.

И не забудьте заранее проверить, какие элементы сообщения можно создавать в выбранном шаблоне e mail рассылок. В нём обязательно должны быть следующие модули:

Хедер — шапка письма.
Баннер — изображение.
Заголовки.
Текстовые блоки.
Кнопки с призывом к действию.
Соцсети.
Товарные блоки.
Футер — самая нижняя часть емейла (подвал).
Информация о причине отправки и возможность отписаться.

О том, какие макеты и инструменты существуют и чем они отличаются друг от друга, расскажем далее.

Antwort

По данным компании EmailMonday, в 2021 году открытия электронных писем на мобильных устройствах составляют 41,6%. То есть без адаптивного дизайна HTML сейчас невозможно полноценно заниматься email-маркетингом. И на этом сайте вы можете отыскать надежные шаблоны для верстки писем в мобильных и десктопных версиях. Они работают для всех основных почтовых клиентов: AOL, Gmail, outlook.com и Yahoo.

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

Эта механика изображена даже на логотипе конструктора.

Материал с сайта github

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

В этом сервисе можно отыскать платные и бесплатные макеты и заказывать индивидуальные работы. В нём можно сохранять собственные модули, что позволяет не создавать блоки писем по несколько раз. В нём даже есть готовые категории для емейлов: поздравления с праздниками или c днём рождения, извинения, напоминания о сгораемой скидке, уведомления и многое другое.

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

Этот популярный ресурс для дизайнеров начал свою работу в глубоком 2006 году. И за время своего существования множество иллюстраторов, фотографов и других специалистов поделились своими работами, получили восторженные отзывы и комментарии коллег. В нём вы сможете найти бесплатные шаблоны писем для email рассылки в формате psd. Адаптировать их для своих проектов можно в любом блочном редакторе для вёрстки писем, например, в Stripo.

Помимо функции «Поиск», на сайте есть проекты «Прямой эфир» и «Вакансии». Они направлены на помощь в поиске работы и отвечают на вопросы, возникающие в карьере, связанной с творчеством.

Этот сервис тоже объединяет в себе талантливых креативщиков и мастеров, отвечающих за визуальную часть. В нём они делятся своими уникальными проектами, оценивают работы других участников сообщества, развивают навыки, читают блог и находят заказчиков.

И, конечно, в нём можно найти различные типы дизайна писем. Как и предыдущий сервис, этот сайт — источник вдохновение с примерами, которые позволят вам оставаться в тренде. А вот создать сообщение можно, например, в блочном редакторе Stripo, о котором мы говорили выше.

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

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

Созданные сообщения поддерживаются основными почтовыми клиентами, такими как Gmail, почта Yahoo, почта iOS и все версии Outlook.

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

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

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

На нём возможно найти и нужный шаблон html письма для емейл рассылки. Например, такой макет вы обнаружите на первой странице выдачи, если вобьёте в поисковую строку «templates emails».

Стоит учитывать, что многие конструкторы предназначены не для новичков, а для опытных верстальщиков. Потому что Github используют специалисты по всему миру, в том числе и крупные компании. Например, Microsoft, RedHat и другие.

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

Компания начала свою работу в 2005 году. И к сегодняшнему дню более 700 тысяч пользователей из разных сфер бизнеса пользовались их проектами.

В сообществе Litmus вы также можете обнаружить ещё множество макетов. А если ни один из предложенных вариантов не подходит к вашей идеи, то вы можете настроить их по своему вкусу.

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

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

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

Цель компании — помочь людям, которые испытывают трудности при использовании электронной почты. Поэтому они создали более 50 тысяч макетов. И сейчас их приоритетная задача — технология AMP (интерактивные письма с различными динамическими элементами).

Руководитель компании Дженна Молби управляла маркетинговыми операциями в B2B и B2C секторах, в агентствах и на стороне клиента более десять лет. В прошлом она занималась в том числе и веб-разработкой.

И в этом проекте вы можете найти советы по email-маркетингу и 6 бесплатных конструкторов для создания писем. У каждого из них есть собственный дизайн. Все они протестированы на основных зарубежных почтовых клиентах (Gmail, Yahoo, Outlook, AOL, Zoho, Mail.Com, и ProtonMail) и соответствуют визуальным стандартам электронных почт.

На этом ресурсе для маркетологов собрано множество бесплатных html шаблонов рассылок. На нём вы можете делиться своими работами, обсуждать их с единомышленниками и получать от них отзывы.

Фреймворки других пользователей станут доступны после регистрации.

Эта консалтинговая компания по дизайну создаёт письма с учётом потребностей клиента. На их сайте вы можете скачать пять zip-файлов с макетами. Конструкторы различаются расположением блоков в дизайне. Используя эти работы, вам нужно лишь выбрать, как вы хотите оформить емейл: добавить большое изображение, товарный блок или информационный текст.

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

Canva

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

В библиотеке также можно отыскать шаблоны емейлов, похожих на полноценные стильные веб-страницы. Инструменты сайта предназначен для создания дизайн-макет сообщений. Чтобы сделать из ваших наработок полноценные письма, необходимо сверстать их в HTML или в блочном редакторе, например, Stripo.

Проект был запущен в 2013 году. И к 2021 году в сервисе хранится уже более 7 миллиардов работ пользователей. Стоимость компании сейчас оценивают в 40 миллиардов долларов, поэтому не стоит считать её лишь глупой программой со стоковыми картинками.

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

Это маркетплейс, в котором можно отыскать различные цифровые продукты, соответствующие актуальным веб-стандартам. Коллекция макетов подходит под запросы компаний разной величины: стартапы, крупные и малые бизнесы. Все модели разделены по категориям. А на сайте вы можете найти бесплатные и премиальные конструкторы.

Сам проект собрал в себе группу талантливых разработчиков и дизайнеров, которые любят создавать красивые решения. Их главное преимущество на рынке — простота, лёгкость и широкий ассортимент продукции. Это позволяет Template Monster ориентировать продукт на разные группы пользователей: профессионалов и новичков.

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

На сайте возможно сделать хорошие работы нескольких видов:

адаптированный;
брендированный;
конверсионный.

А если не хотите этим заниматься, то любое готовое письмо можно заказать прямо там.

Сам сервис, помимо макетов, предлагает и другие функции. Например:

тестирование писем;
экспорт в любом формате;
мультипользовательский доступ.

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

Также в сервисе можно сразу протестировать вёрстку в почтовых клиентах: Outlook, Mail.ru, Yandex, Gmail.

Команда проекта рассказывает о своей цели так: «Наша миссия — избавить мир от безобразных писем, а верстальщиков — от головной боли».

Здесь можно обнаружить множество инструментов и услуг, которые помогут в реализации ваших творческих проектов.

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

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

В удобном блочном редакторе популярного сервиса можно делать шаблон email рассылки самостоятельно и отправить письмо прямо из него на мейл (для этого необходимо интегрироваться с почтовым сервисом). Либо можно получить готовый free html код.

Используя функционал сервиса, вам не нужно будет привлекать программиста или дизайнера для помощи в создании емейлов. Адаптировать также ничего не нужно: email автоматически масштабируется под любое устройство. А для самых ленивых любителей использовать email-канал создатели предусмотрели коллекцию красивых макетов.

Подведём итоги!

Инструменты для создания адаптивных, красивых писем можно отыскать на множестве сайтов. Не пугайтесь использовать англоязычные платформы и не ведитесь на халяву.

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

Шаблоны триггерных цепочек | REES46

Шаблоны триггерных цепочек позволяют настроить внешний вид и контент каждого отдельного сообщения. Шаблоны делятся на несколько типов по каналам отправки:

email
web-push

Управление шаблонами

Зайдя в раздел «Шаблоны триггерных цепочек», вы увидите список всех созданных шаблонов и первичную информацию по ним.

Обратите внимание

В данном разделе можно создавать два типа шаблонов:

Шаблоны Email писем
Шаблоны Веб пушей

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

Над таблицей с шаблонами расположен список тегов, они работают как быстрые фильтры, чтобы отсортировать шаблоны.

Таблица со списком шаблонов:

Название	Описание
ID	ID шаблона
Название	Название шаблона
Цепочки	Ссылка на цепочку, в которой используется шаблон
Шаблон по умолчанию	Отметка, что данный шаблон является шаблоном по умолчанию
Тест	Отправка тестового письма на указанный email
Просмотр	Просмотр письма в браузере
Копировать	Создание копии письма
Удаление	Удаляет письмо. Шаблон по умолчанию нельзя удалить

Обратите внимание

Шаблон по умолчанию — это системный нередактируемый шаблон.

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

После создания своего шаблона, перед вами появится экран настройки письма.

Экран настройки состоит из двух частей:

Слева — Визуальный редактор внешнего вида письма.
Справа — Четыре вкладки: «Содержание», «Оформление», «Переменные» и «UTM».

В данном подразделе рассмотрим настройку вкладок «Содержание», «Переменные» и «UTM».

Вкладка «Оформление» будет рассмотрена в подразделе «Редактор темы».

Вкладка «Содержание»

Доступные настройки:

Название	Описание
Название	Название шаблона в системе REES46, получатели письма её не увидят
Заголовок	Тема письма, которую увидят пользователи при получении
Текст превью	Текст, который получатель видит в списке входящих сразу после темы письма
Алгоритм рекомендаций	Добавляет в письмо алгоритм из блоков товарных рекомендаций
Категории для рекомендаций	Добавляет категории из магазина, товары из которых будут рекомендоваться в письме
Email domain	Выбор домена, с которого будет идти отправка писем. Задается в настройках магазина
Промокоды	Возможность добавить индивидуальные промокоды в письмо

Вкладка «Переменные»

Переменные используются в двух случаях:

При создании письма в базовом редакторе, в html блоке
При верстке письма в html редакторе

Переменная	Описание	Использование
recommended_items	Список рекомендованных товаров. Каждый товар имеет свойства: id, name, description, price_formatted, price, price_full, price_full_formatted, oldprice, oldprice_full, oldprice_formatted, oldprice_full_formatted, url, discount, discount_formatted, category_ids, categories, image_url, image_url_resized, is_new, currency, barcode, brand, leftovers, rating, fashion_sizes, fashion_original_sizes, model.	(обязательно)
logo_url	Параметр будет заменен на ссылку на загруженный вами логотип магазина.	(опционально)
email	Параметр будет заменен на email-адрес получателя.	(опционально)
tracking_pixel	Код для отслеживания открытий писем. Не требуется, если используется footer.	(обязательно)
unsubscribe_url	Ссылка «отписаться от рассылок». Не требуется, если используется footer.	(обязательно)
html_letter	Ссылка для открытия письма в браузере	(опционально)
promocode	Место для вывода индивидуального промокода. Список промокодов должен быть выбран во вкладке «Содержание».	(опционально)
first_name	Имя покупателя	(опционально)
last_name	Фамилия покупателя	(опционально)
subscriptions_chains	Статус подписки на цепочки	(опционально)
subscriptions_bulk	Статус подписки на рассылки	(опционально)
subscriptions_sms_bulk	Статус подписки смс на рассылки	(опционально)
subscriptions_sms_chain	Статус подписки смс на цепочки	(опционально)
subscriptions_web_push	Статус подписки на веб-пуш	(опционально)
subscriptions_mobile_push	Статус подписки на мобильные пуши	(опционально)

Вкладка «UTM»

Позволяет добавить UTM-метки в письмо для отслеживания пользователей в системах веб-аналитики.

Метки «UTM source» и «UTM medium» уже прописаны по умолчанию, вам нужно будет добавить только «UTM campaign».

Чтобы создать собственный дизайн письма, в REES46 предусмотрены два инструмента:

Визуальный редактор
HTML редактор

Визуальный редактор

Внизу находится панель инструментов, её элементы пронумерованы на скриншоте от 1 до 11.

При выборе элемента, он добавляет соответствующий блок в письмо.

Обратите внимание

После создания блоки можно менять местами, перетаскивая их вверх/вниз на нужное место.

1. Заголовок h2

Что можно сделать:

Выставить расположение заголовка (слева, справа, по центру)
Добавить ссылку на весь заголовок, обязательно в формате http://site.com

Что делается в редакторе темы:

Меняется размер и цвет заголовка

2. Текстовый блок

Что можно сделать:

Жирный, курсивный, подчеркнутый текст
Маркированный и нумерованный список
Заголовки h3 и h4
Расположение текста (слева, справа, по центру)
Добавить ссылку на отдельное слово, обязательно в формате http://site. com

3. Текстовый блок с картинкой слева

Что можно сделать:

Жирный, курсивный, подчеркнутый текст
Маркированный и нумерованный список
Заголовки h3 и h4
Расположение текста (слева, справа, по центру)
Добавить ссылку на отдельное слово и КАРТИНКУ, обязательно в формате http://site.com
Регулировать размер картинки в письме

4. Текстовый блок с картинкой справа

Что можно сделать:

Жирный, курсивный, подчеркнутый текст
Маркированный и нумерованный список
Заголовки h3 и h4
Расположение текста (слева, справа, по центру)
Добавить ссылку на отдельное слово и КАРТИНКУ, обязательно в формате http://site.com
Регулировать размер картинки в письме

5. Отдельный блок с картинкой

Что можно сделать:

Добавить ссылку на картинку, обязательно в формате http://site.com
Регулировать размер картинки в письме (по центру)

6.

Блок с HTML кодом

Что можно сделать:

Добавить свой HTML код с переменными из вкладки «Переменные».

7. Разделительная линия

Что можно сделать:

Добавить разделительную линию по ширине письма

8. Кнопка

Что можно сделать:

Расположение кнопки (слева, справа, по центру)
Добавить текст на кнопку
Добавить ссылку на кнопку, обязательно в формате http://site.com

Что делается в редакторе темы:

Меняется размер текста на кнопке
Меняется цвет кнопки

9. Блок рекомендаций

10. Блок с отзывом

11. Блок с NPS

Что можно сделать:

Добавить блок с обратной связью от пользователей
Расположить заголовок блока (слева, справа, по центру)

Чтобы добавить блок с NPS, нужно сначала его создать в соответствующем разделе.

Редактор темы

Обратите внимание

Редактор темы относится к визуальному редактору.

Он находится во вкладке «Оформление» и нужен для дополнительных настроек (цвет текста, размер шрифта и т.д.)

Обратите внимание

В «Галерее» две предустановленные темы — Светлая и Темная.

Они не редактируются.

Редактируемые темы

Созданные и настроенные пользователем темы показаны в разделе «Мои темы».

Их можно редактировать после создания.

Создание новой темы

Шаг 1

Выбираем в «Галерее» одну из предустановленных тем — Светлую или Темную.

Шаг 2

Нажимаем кнопку «Редактировать» справа от названия темы.

Шаг 3

В появившемся окне задаем имя новой теме.

Шаг 4

После создания новой темы, перед вами откроется редактор темы.

Редактирование темы

Обратите внимание

Редактор темы состоит из двух редакторов:

Базовый редактор

В нем есть только предустановленные настройки.

CSS редактор

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

Важный момент

Переключение между Базовым и CSS редактором ведёт к тому, что будут утеряны настройки в том редакторе, в котором вы изначально находились.

Поэтому при редактировании темы нужно выбирать лишь один редактор и не переключаться на другой.

Если нужно две темы, созданных отдельно в Базовом и CSS редакторах, то для этого нужно создать две разные темы и править каждую в своём редакторе.

В рамках данного руководства будет разбираться работа только в «Базовом редакторе».

Базовый редактор

При редактировании темы все производимые изменения сразу же отображаются на превью с левой стороны.

Список доступных настроек.

Название	Описание
Название темы	На ваше усмотрение
Цвет текста	Задаётся цвет текста во всех блоках, кроме блока с заголовком
Размер заголовка	Задается размер текста в блоке с заголовком
Цвет заголовка	Задается цвет текста в блоке с заголовком
Размер шрифта	Задается размер шрифта в текстовых блоках
Цвет фона	Задается цвет фона в браузере
Отображать цену товара	Включает/выключает отображение цены в блоке рекомендаций
Основной цвет	Задается цвет кнопки
Цвет фона вокруг письма	Задается цвет фона в письме

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

Обратите внимание

Чтобы созданная тема применилась к письму, необходимо во вкладке «Оформление» выбрать нужную тему и нажать кнопку «Сохранить».

HTML редактор

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

Для этого нужно сохранить текущую рассылку, после сохранения появится кнопка «Открыть в HTML».

Нажимаете её, с левой стороны будет текстовый редактор, с правой — аналогичные настройки, описанные в подразделе «Настройка рассылки».

Настройка веб пуш шаблона

После создания своего шаблона, перед вами появится экран настройки веб пуша.

Экран настройки состоит из двух частей:

Слева — Демонстрация отображения web push в браузерах разных устройств.
Справа — Две вкладки: «Содержание» и «UTM».

Вкладка «Содержание»

Доступные настройки:

Название	Описание
Название	Название шаблона в системе REES46, получатели web push её не увидят
Заголовок	Заголовок в web push
Сообщение	Текст внутри web push
Ссылка	Ссылка на ресурс, на который перейдет пользователь после клика
Изображение	Возможность добавить изображение в web push
Дополнительные кнопки	Возможность добавить до двух кнопок в web push
Дополнительное изображение	Возможность добавить второе изображение в web push

Вкладка «UTM»

Позволяет добавить UTM-метки в web push для отслеживания пользователей в системах веб-аналитики.

Метки «UTM source» и «UTM medium» уже прописаны по умолчанию, вам нужно будет добавить только «UTM campaign».

Дизайн web push

Возможности дизайна web push ограничены операционными системами на стационарных и мобильных устройствах.

В web push можно добавить до 2-х изображений и до 2-х кнопок со ссылками.

Ниже показаны примеры, как будет отображаться web push в различных операционных системах и устройствах.

Windows

macOS

Android

iOS

Данные событий в шаблоне

При создании триггерной цепочки выбирается событие, которое будет её запускать. Некоторые данные из события могут быть использованы в web-push шаблонах цепочек.

Данные проверяются по очереди сверху вниз. Выбирается первое непустое значение

Событие	Тип данных	Возможное значение	Описание
Просмотр товара	Ссылка	Cсылка в web-push шаблоне
		Ссылка на товар из фида
		Ссылка на магазин	Задается в разделе Настройки → Настройки магазина
	Изображение	Изображение в web-push шаблоне
		Изображение товара из фида
		Логотип магазина	Задается в разделе Настройки → Настройки магазина

Просмотр категории	Ссылка	Cсылка в web-push шаблоне
		Ссылка на категорию из фида
		Ссылка на магазин	Задается в разделе Настройки → Настройки магазина

Добавление или удаление товара из корзины	Ссылка	Cсылка в web-push шаблоне
		Ссылка на товар из фида
		Ссылка на магазин	Задается в разделе Настройки → Настройки магазина
	Изображение	Изображение в web-push шаблоне
		Изображение товара из фида
		Логотип магазина	Задается в разделе Настройки → Настройки магазина

Оформление заказа	Ссылка	Cсылка в web-push шаблоне
		Ссылка на товар из фида
		Ссылка на магазин	Задается в разделе Настройки → Настройки магазина
	Изображение	Изображение в web-push шаблоне
		Изображение товара из фида
		Логотип магазина	Задается в разделе Настройки → Настройки магазина

Поиск	Ссылка	Cсылка в web-push шаблоне
		Ссылка на страницу результатов поиска	Задается в разделе Настройки → Настройки магазина

Плагин BEE: удобный, безопасный и масштабируемый

Ваши встраиваемые конструкторы электронной почты, всплывающих окон и целевых страниц

Расширьте свой бизнес SaaS, улучшив взаимодействие с конечным пользователем и сократив отток клиентов и затраты.

ЗАРЕГИСТРИРОВАТЬСЯ БЕСПЛАТНО

ЗАКАЗАТЬ ДЕМО-ПРОГРАММУ

Расширьте свой бизнес SaaS, улучшив условия для конечных пользователей и сократив отток клиентов и расходы.

ЗАРЕГИСТРИРОВАТЬСЯ БЕСПЛАТНО

ЗАКАЗАТЬ ДЕМО

Ключевые преимущества BEE Plugin

Снижение оттока и

снижение затрат

Простое развертывание и полная настройка

Полная интеграция менее чем за 30 дней

Низкие затраты на обслуживание все)

Предоставьте своим пользователям
удобный интерфейс

Без кода, перетаскивание, визуальный конструктор

Чистый, интуитивно понятный, простой UX

Широкая совместимость с электронной почтой, включая Outlook

Полная адаптация к мобильным устройствам

Встроенные инструменты для совместной работы

Душевное спокойствие:
стабильная, надежная и безопасная в 2021 г. )
Принято более чем 1000 приложений SaaS
Сертифицировано по стандарту ISO 27001
Партнерская сеть AWS
Полностью масштабируемая
Сосредоточьтесь на своем основном бизнесе, а BEE позаботится о создании контента.
Визуальный конструктор BEE Plugin экономит ваше время и снижает расходы:
Переход от проверки концепции к производству за дни, а не месяцы
Быстрое развертывание и простая интеграция
Низкие затраты на обслуживание
Надежная технология с автоматическим масштабированием
Полностью настраиваемый и легко встраиваемый
Ускорение роста вашего бизнеса
Сегментируйте своих клиентов и создайте многоуровневые планы для конечных пользователей
Используйте функции подключаемого модуля BEE, чтобы дифференцировать свое предложение и создавать обновления
Включайте, настраивайте и тестируйте новые функции прямо на этапе подготовки в соответствии с планами развития вашего продукта
Получите конкурентное преимущество, улучшив взаимодействие с конечным пользователем
Конструкторы без кода, с возможностью перетаскивания
Ваши клиенты смогут создавать красивый, привлекательный и отзывчивый контент. Требуется нулевой код.
Чистый, интуитивно понятный, простой UX
Обеспечьте одинаковый согласованный UX для создания электронных писем, всплывающих окон и целевых страниц.
Адаптация к мобильным устройствам стала проще
Создавайте всегда адаптивный контент и экономьте время, разрабатывая его непосредственно в мобильном представлении.
Доступ к готовым шаблонам
Выберите из обширного каталога шаблонов — мы также поможем перенести ваши HTML-шаблоны WYSIWYG (требуется покупка).
Совместная работа, которая меняет правила игры
Удобная совместная работа в разных часовых поясах и регионах с включенными комментариями к определенным элементам контента в визуальных конструкторах.
Широкая совместимость с электронной почтой
Электронная почта, созданная с помощью подключаемого модуля BEE, совместима с наиболее распространенными почтовыми клиентами, включая Outlook.
ОЗНАКОМЬТЕСЬ С ПЛАНАМИ И ЦЕНАМИ
Работайте с партнером, которому доверяют тысячи компаний SaaS
Надежный сервис с первоклассной поддержкой
Гарантия стабильной работы и 99,5 % времени безотказной работы (фактическое время безотказной работы 99,993 % в 2021 г.)
Надежные серверы, размещенные на AWS
ВЫБЕРИТЕ СПОКОЙСТВИЕ
Уже приняты сотни передовых приложений, включая
Правильное решение на любом этапе вашего развития
Постоянно обновляется1111
1
1
0005
Постоянные инвестиции означают, что вы получаете лучшие функции и самые передовые технологии, чтобы оставаться конкурентоспособными.
Полный контроль над вашим приложением
Вы сами решаете, когда вводить большинство новых функций, что позволяет вам работать в темпе, основанном на плане развития вашего продукта, а не на нашем.
Практическая информация
Получайте информацию о своих пользователях, комбинируя пользовательский JavaScript со сторонними инструментами, чтобы улучшить внедрение вашего приложения (доступно в некоторых планах).
Заинтригованы нашими решениями? Получите удовольствие от нашей комплексной технической документации
→
Три визуальных конструктора, один бесшовный UX
С помощью одного и того же UX во встраиваемых конструкторах электронной почты, целевых страниц и всплывающих окон пользователи могут быстро переключаться с одного на другое , без крутой кривой обучения. Вы даже можете создавать контент в одном конструкторе и легко конвертировать его в два других. Все подписки дают вам возможность развертывать один, два или все три сборщика без дополнительных затрат.
Email Builder
Уникальное сочетание гибкости дизайна, простоты использования и тысячи покупных шаблонов на выбор, чтобы ваши пользователи могли быстро приступить к работе.
УЗНАТЬ БОЛЬШЕ
Конструктор целевых страниц
Ваши клиенты могут создавать красивые целевые страницы, адаптированные для мобильных устройств, с помощью форм. Они также могут встраивать видео, создавать страницы благодарности и многое другое за считанные минуты.
ОТКРОЙТЕ ДЛЯ СЕБЯ
Конструктор всплывающих окон
Ваши конечные пользователи могут создавать привлекающие внимание всплывающие окна, чтобы максимизировать свои результаты с помощью создания списков, рекомендаций продуктов или предложений в последнюю минуту.
УЗНАТЬ БОЛЬШЕ
💖 Это понравится вашим клиентам и вашим разработчикам.
Плагин BEE — это больше, чем встраиваемый визуальный конструктор с простым перетаскиванием. Это надежная платформа для создания контента с широкими возможностями настройки, которая сэкономит вам время и деньги, будет развиваться вместе с вашим продуктом и поможет дифференцировать ваше предложение.
Откройте для себя план, который наилучшим образом соответствует вашим потребностям и потребностям ваших пользователей…
УЗНАЙТЕ НАШИ ПЛАНЫ →
Разработано совместно с BEE
BEE Content Design, Inc.
450 Floorsend St.
Сан -Франциско, Калифорния 94107
BEE является частью Growens
О пчелах
Ресурсы
ПЛАГИН ПЕКИ
GET In Touch
. Установка

0001 Установка
Эта страница поможет вам начать работу с Unlayer. Вы будете работать в один миг!
Предложить изменения
Первым шагом является добавление следующей библиотеки JavaScript в ваше веб-приложение. Это загрузит все необходимые ресурсы для инициализации редактора.

Если вы используете React, Angular или Vue, проверьте наши компоненты, доступные на npm:
React Component
Угловой компонент
Компонент Vue
Редактор Unlayer нуждается в HTML-элементе-контейнере на вашей странице для отображения внутри. Давайте сначала добавим пустой div.
<дел>
📘
Рекомендуемый размер
Рекомендуется, чтобы контейнер имел минимальную ширину 1024 пикселей и минимальную высоту 700 пикселей . Редактор спроектирован так, чтобы быть гибким и будет занимать всю ширину и высоту контейнера.
Теперь мы инициализируем редактор в пустом div выше, передав его идентификатор и некоторые другие параметры конфигурации.
unlayer.init({ id: 'редактор-контейнер', ID проекта: 1234, режим отображения: 'электронная почта' })
Это все доступные параметры конфигурации, которые можно передать методу unlayer.init .
Атрибут
Обязательно
id
строка
Да
Это HTML-идентификатор контейнера, в который будет встроен редактор.
Displaymode
Строка
NO
Это режим отображения шаблона, который может быть Email или . Значение по умолчанию — web .
идентификатор проекта
целое число
Нет
Это идентификатор проекта из Unlayer. Вы можете получить его на странице настроек проекта.
локаль
строка
Нет
Это языки, в которых вы хотите загрузить. Узнать больше
внешний вид
объект
Нет
Это параметры внешнего вида для изменения внешнего вида редактора. Узнать больше
пользователь
объект
№
Это информация пользователя, который использует редактор. Вы можете передать id , имя и адрес электронной почты . Уникальный идентификатор id требуется для включения сохраненных пользователем блоков.
mergeTags
массив
Нет
Это массив объектов. Вы можете передать теги слияния для отображения в редакторе. Подробнее
designTags
object
No
В этом объекте можно передавать теги design. Узнать больше
specialLinks
объект
Нет
В этом объекте можно передавать специальные ссылки. Подробнее
инструменты
объект
№
Это варианты инструментов и пользовательских инструментов. Узнать больше
блоки
массив
Нет
Это массив объектов. Здесь вы можете передавать пользовательские блоки. Узнать больше
редактор
объект
Нет
Это некоторые опции редактора для различных функций редактора. Узнать больше
шрифты
объект
№
Здесь можно передавать пользовательские шрифты. Узнать больше0005
Нет
Дезинфицирует вывод HTML, чтобы предотвратить вставку исполняемого кода JavaScript.
customJS
массив
Нет
Пользовательский URL-адрес или источник JavaScript. Подробнее
customCSS
массив
Нет
Пользовательский URL-адрес CSS или источник. Узнать больше
TextDirection
Строка
NO
Это является текстовым направлением HTML Выходной
Вы можете создать несколько экземпляров редактора на одной странице или, если у вас одностраничное приложение.
постоянный редактор = unlayer.createEditor({ id: 'редактор-контейнер', ID проекта: 1234, режим отображения: 'электронная почта' }) editor.loadDesign({}) editor.exportHtml (функция (данные) {})
Обновлено 3 месяца назад
Загрузка и сохранение дизайнов
Помогла ли вам эта страница?
Лучшие конструкторы HTML-шаблонов электронной почты в 2022 году
Создание списка рассылки может занять так много времени, что вы забудете, зачем вообще его создавали. Что ж, напомним. Вы прошли через всю кровь, пот и слезы при создании списка адресов электронной почты, чтобы получить аудиторию, которой вы отправляете свои кампании по электронной почте.
Они присоединились к вашему списку и теперь ждут от вас письма по электронной почте; ожидая вашего блестящего контента в их почтовом ящике в любую минуту. Все, что вам нужно сделать, это сыграть круто и дать своим подписчикам именно то, что они хотят, красивую кампанию по электронной почте. К счастью, в эпоху стремительного технического прогресса вы можете получить великолепный собственный HTML-шаблон электронной почты, даже если вы не знаете HTML.
Хотите знать как? Четыре простых слова: конструктор электронных писем в формате HTML!
Из этой статьи вы узнаете:
Конструктор HTML-шаблонов — это инструмент для создания многократно используемых HTML-файлов, которые впоследствии можно использовать для создания кампаний по электронной почте. Использование конструктора HTML-шаблонов электронной почты дает много преимуществ вместо того, чтобы кодировать файл самостоятельно. Некоторые из этих преимуществ включают...
Это экономит время. Даже если вы являетесь экспертом по HTML-шаблонам электронной почты, создание шаблона вручную требует много времени и усилий. Гораздо быстрее создать HTML-шаблон с помощью специального программного обеспечения.
Создает более сложные и привлекательные шаблоны. Большинство современных компоновщиков HTML-шаблонов электронной почты имеют обширную функциональность, позволяющую сделать ваши шаблоны популярными.
Начать просто. Многие из лучших разработчиков шаблонов электронной почты имеют набор готовых настраиваемых шаблонов. Библиотека тем и шаблонов дает вам преимущество; все, что вам нужно сделать, это отредактировать его, чтобы он соответствовал имиджу вашего бренда.
Обеспечивает совместимость шаблонов с широким спектром почтовых клиентов. Вы хотите еще раз проверить, работает ли ваш HTML-файл в почтовых клиентах, чтобы подписчики вашего списка рассылки видели электронное письмо, как предполагалось. Конструктор HTML-шаблонов электронной почты оптимизирует сгенерированный код для совместимости с большинством почтовых клиентов.
Позволяет работать в команде. Объедините ваших маркетологов и дизайнеров в кампаниях по электронной почте. Большинство конструкторов электронных писем в формате HTML предлагают функции совместной работы, которые обеспечивают эффективное и плодотворное сотрудничество.
Это доступно. Вам не нужно везде носить с собой рабочий компьютер. Поскольку большинство конструкторов HTML-шаблонов электронной почты представляют собой онлайн-инструменты, которые автоматически сохраняют сеансы, вы можете вернуться к шаблону в любое время и получить к нему доступ с любого устройства.
Существует огромный рынок конструкторов электронных писем в формате HTML. Есть варианты на любой вкус и на любой бюджет. Разнообразие — это хорошо, пока не придет время сделать выбор. При поиске лучшего конструктора HTML-шаблонов электронной почты для вашего бизнеса вам необходимо убедиться, что вы знаете, что представляет собой отличный инструмент.
Есть несколько ключевых функций, которые должен иметь каждый отличный конструктор HTML-шаблонов электронной почты, чтобы вы могли максимально эффективно использовать его:
Обширная библиотека готовых шаблонов. Если вам не нравится создавать шаблоны с нуля, у вас должна быть возможность редактирования и настройки готовых шаблонов.
Встроенный редактор изображений. Хотя большинство людей предпочитают использовать отдельные редакторы для управления визуальным содержимым своих шаблонов электронной почты, все же неплохо иметь встроенный редактор изображений для простых правок.
Вариант быстрого предварительного просмотра. Вы должны получить возможность увидеть, как ваш готовый шаблон будет выглядеть для получателей электронной почты, прежде чем использовать его для создания кампании по электронной почте.
Совместимость с почтовыми клиентами. Чтобы ваши почтовые кампании были эффективными, электронные письма в них должны отображаться правильно. Вам нужен конструктор, который создает шаблоны, которые работают с максимально возможным количеством почтовых клиентов.
Возможность интеграции с поставщиками услуг электронной почты (ESP). Создание кампании по электронной почте становится более удобным, когда вы можете импортировать шаблоны прямо из почтового ящика.
Простой в использовании, интуитивно понятный интерфейс. У вас нет целого дня, чтобы понять, как все работает. Конструктор электронной почты в формате HTML должен облегчить вашу жизнь.
Высококачественный адаптивный вывод электронной почты в формате HTML. Ваш конструктор должен предоставить кучу различных функций, чтобы вы могли воплотить в жизнь свои самые смелые идеи HTML-шаблонов электронной почты.
Возможность совместной работы команд. Работа в команде делает мечту реальностью! Ищите конструктор, который позволяет вам работать над шаблонами коллективно и в режиме реального времени.
После того, как вы определили, какие функции наиболее важны для вас, вы можете начать изучать рынок, чтобы найти инструмент, который лучше всего соответствует вашим критериям.
Вы должны начать свой поиск с проверки лучших конструкторов HTML-шаблонов электронной почты в 2022 году. Здесь, в NetHunt, мы верим, что совместное использование — это забота. Мы очень заботимся о вас, поэтому мы поделились списком из пяти конструкторов HTML-шаблонов электронной почты, которые на 100% достойны вашего внимания.
Mailchimp
Mailchimp — крупнейшее имя в отрасли. Даже если вы новичок в мире электронного маркетинга, вы наверняка слышали об этом. Этот ESP имеет значительную базу поклонников: 23% маркетологов электронной почты во всем мире предпочитают Mailchimp чему-либо еще. По уважительной причине; Mailchimp невероятен, и у него есть встроенный конструктор шаблонов электронной почты.
Любимая функция: Пользовательские шаблоны. Хотя у самого Mailchimp не так много готовых шаблонов, это самый популярный конструктор шаблонов электронной почты, поэтому вы можете импортировать и редактировать миллионы и миллионы сторонних шаблонов. Вы можете поискать некоторые здесь.
Это один из самых простых и удобных инструментов на рынке. Он использует интерфейс перетаскивания, поэтому вы можете быстро собрать HTML-шаблон электронной почты, не зная, как программировать. Создайте потрясающий шаблон, заполнив пустой шаблон необходимыми элементами. С помощью индивидуального шаблона вы сами отвечаете за то, как будет выглядеть ваш готовый продукт.
Если вам нужна более надежная отправная точка, Mailchimp также предлагает набор готовых шаблонов, которые подойдут практически для любого случая.
Редактор шаблонов электронной почты Mailchimp довольно гибок с точки зрения настройки шаблонов. Вы можете играть с различными элементами, изменять их положение на холсте и играть с тем, как они взаимодействуют друг с другом. К сожалению, пока нет встроенного редактора изображений, но вы можете комбинировать Mailchimp с некоторыми другими инструментами для достижения наилучших результатов.
Завершив редактирование шаблона, вы можете сохранить его в папке «Сохраненные шаблоны» и экспортировать в виде HTML-файла. Однако, поскольку Mailchimp является ESP, вы можете запустить свою кампанию без использования каких-либо сторонних приложений и инструментов.
Цена. Бесплатно. Платная подписка начинается с $9,99 в месяц.
Moosend
Moosend — это универсальная платформа для электронного маркетинга. Подходит для бизнеса любого масштаба, как малого, так и крупного. Он предлагает множество различных функций, таких как A/B-тестирование, анализ данных и сегментация списка. Особенностью, которая заслуживает особого внимания, является встроенный в сервис конструктор шаблонов электронной почты с возможностью перетаскивания.
Любимая функция: Предварительный просмотр для конкретного устройства. Если вам нравится держать абсолютно все под контролем, вы найдете эту функцию такой же горячей, как и мы! Вы можете просмотреть все свои шаблоны в режиме реального времени, на разных устройствах, просто нажав на кнопку интересующего вас устройства - мобильный телефон, планшет, компьютер.
«Все преимущества маркетинга по электронной почте, за исключением написания кода».
Одна из лучших особенностей Moosend заключается в том, что он предлагает бесплатный тарифный план для создания HTML-шаблонов электронной почты. Все, что вам нужно сделать, чтобы получить доступ к этому предложению, это создать учетную запись. Конструктор шаблонов электронной почты известен своей обширной библиотекой шаблонов электронной почты, наполненной множеством готовых адаптивных шаблонов, разработанных для совместимости на настольных, мобильных и планшетных устройствах.
Просмотрите различные категории каталога шаблонов и найдите шаблон, который соответствует вашим потребностям. Затем используйте редактор, чтобы добавить индивидуальности выбранному шаблону, сделав его уникальным для бренда. Конструктор шаблонов перетаскивания оснащен кучей различных элементов, которые помогут вам создать великолепную, выдающуюся кампанию по электронной почте.
Конструктор шаблонов электронной почты Moosend предлагает сборщик изображений, который интегрируется с платформами Stock Photos, Google Drive и социальными сетями, обеспечивая отличные визуальные эффекты для вашего шаблона!
Вы можете хранить все свои шаблоны в пользовательской библиотеке, экспортируя их в виде файлов HTML для использования в своей следующей маркетинговой кампании по электронной почте.
Цена. Бесплатно. Платная подписка начинается от 8 долларов в месяц.
HubSpot
HubSpot — крупный конкурент в сфере электронного маркетинга, и даже более крупный, когда речь идет об управлении взаимоотношениями с клиентами (CRM) или комплексных бизнес-инструментах. Являетесь ли вы маркетологом или торговым представителем, вы, вероятно, так или иначе сталкивались с HubSpot. В их общем «центре продаж» почти 9000 отзывов и рейтинг 4,4 звезды на G2, HubSpot предлагает интуитивно понятный конструктор электронной почты с помощью перетаскивания.
Любимая функция: Универсальные инструменты для синхронизации данных. С помощью HubSpot ваш создатель шаблонов электронной почты может подключаться ко всем другим вашим командам и инструментам от службы поддержки клиентов до маркетинга. Ваши данные о клиентах, которые помогают персонализировать ваши электронные письма, могут быть переданы другим командам, чтобы оптимизировать всю воронку продаж и путь клиента.
Конструктор шаблонов перетаскивания HubSpot прост в использовании и не требует опыта программирования. Вы можете легко перетаскивать различные изображения, текст, видео и многое другое. Начинаете ли вы с нуля или используете встроенный шаблон из их библиотеки, ваши шаблоны можно экспортировать в любой из ваших почтовых ящиков из Outlook, Windows, Gmail и т. д.
Являясь платформой для электронного маркетинга и CRM, HubSpot предоставляет сотни шаблонов, разработанных для вашей темы, типа контента, личности клиента и стадии клиента в вашей воронке продаж. Вы можете взять эти шаблоны и персонализировать их на основе ваших конкретных данных о клиентах, хранящихся в CRM.
Если вы решите отправить электронное письмо, вы сможете получить доступ к метрикам в режиме реального времени, которые показывают, какой из ваших шаблонов работает хорошо, а какие требуют наибольшего внимания. Вы также получаете более глубокую аналитику по открытым ставкам, рейтингу кликов, строкам темы и многому другому. Любой шаблон можно сохранить в вашей учетной записи и использовать для будущих исходящих электронных писем или маркетинговых кампаний.
Цена. Бесплатно. Платная подписка начинается от 45 долларов в месяц.
Stripo
Stripo — это инструмент для знатоков электронного маркетинга. Если вы уже все это видели и убедились, что вас уже ничем не удивить, пристегнитесь! Вас ждет поездка.
Любимая функция: Эффект ролловера изображения. Вы можете легко геймифицировать свои маркетинговые кампании по электронной почте, добавив в них немного специй. Существует автоматический «эффект ролловера», который вы можете применить к своей электронной почте, выполнив несколько простых шагов:
загрузить изображение;
в панели настроек переключить кнопку «Эффект ролловера»;
загрузите второе изображение — при необходимости отредактируйте его;
вставить ссылку URL — она будет привязана к обоим изображениям;
введите «Альтернативный текст».
В итоге вы получите что-то вроде этого:
Как и все другие конструкторы шаблонов электронной почты в списке, Stripo — это конструктор шаблонов электронной почты, который позволяет вам быстро создавать «профессиональные и отзывчивые шаблоны электронной почты без использования HTML». навыки и умения". Он имеет отличный редактор перетаскивания, который вы можете использовать для создания высокоэффективного, современного и красивого шаблона электронной почты, готового к импорту в виде HTML-файла.
Stripo предварительно просматривает ваши шаблоны писем в более чем 90 популярных средах, включая несколько мобильных устройств. Таким образом, вы можете протестировать свои шаблоны, чтобы убедиться, что подписчики вашего списка рассылки видят именно то, что вы хотите, чтобы они видели.
Кроме того, в Stipo также есть библиотека пользовательских модулей, которые помогают сократить количество часто повторяющихся операций. Вы можете выбрать настраиваемые модули из личной библиотеки или использовать расширенные модули из библиотеки модулей, созданные профессионалами Stripo.
Вы также можете синхронизировать Stripo практически с любым популярным ESP, легко перенося все созданные вами шаблоны электронной почты.
Цена. Бесплатно. Платная подписка начинается от $10,42 в месяц.
BEE Бесплатно
BEE — это аббревиатура от Best Email Editor. Это смелое заявление, но можно с уверенностью сказать, что BEE оправдывает его. Это один из лучших бесплатных HTML-редакторов электронных писем, доступных на данный момент.
Любимая функция: Интеграция с Vimeo. Вы можете оживить свой электронный маркетинг небольшим количеством видеомаркетинга, включив видео Vimeo прямо в свой шаблон электронной почты.
В отличие от многих других инструментов, которые утверждают, что они бесплатны, но предоставляют вам только самые основные функции, BEE бесплатен. Он предлагает доступ к мощному редактору шаблонов электронной почты с функцией перетаскивания без дополнительной платы. Вам даже не нужно регистрироваться, чтобы начать работу над шаблоном.
Он предлагает пользователям возможность создавать HTML-шаблоны электронной почты с нуля, выбрав пустой шаблон. Так же есть куча готовых шаблонов. Если вы решите выбрать последний, вы будете удивлены количеством красивых бесплатных адаптивных шаблонов в вашем распоряжении.
Существует более 540 бесплатных и профессиональных шаблонов электронной почты.
Все они сгруппированы по категориям, поэтому вы можете искать конкретные шаблоны в зависимости от цели вашей маркетинговой кампании по электронной почте или отрасли, в которой работает ваш бизнес. Четыре категории: «Использование», «Автоматизированный», «Отрасль». », и «Сезонные».
Сам по себе редактор очень удобный. Он имеет три встроенные вкладки, которые позволяют вам управлять содержимым вашего шаблона электронной почты, его строками и общими настройками. Типы контента, которые вы можете добавить в свой шаблон электронной почты, весьма разнообразны:
Вы можете загрузить изображение или выбрать его из библиотеки, а затем отредактировать во встроенном графическом редакторе.
Вы можете встроить видео с YouTube или Vimeo.
Шаблон можно оживить, добавив в него GIF-файл или наклейку. Есть обширная галерея на выбор.
Вы можете добавить свои соцсети в пару кликов.
BEE позволяет просматривать историю ваших правок. Одним из недостатков является то, что это не сборщик облаков; вы не сможете сохранить его в облаке и работать с ним позже. Тем не менее, инструмент сохраняет ваши последние шаблоны в вашей системе, поэтому вы можете забрать их оттуда, где оставили, когда начнете новый сеанс на веб-сайте.
Завершив редактирование шаблона электронной почты, вы можете просмотреть его, протестировать на себе и сохранить для дальнейшего использования. Ваш шаблон электронной почты будет экспортирован в виде папки ZIP с файлом HTML и всеми включенными в него изображениями.
Если вам нужна возможность интеграции BEE с поддерживаемыми ESP, такими как Zapier, Gmail или Mailchimp, вам необходимо перейти на платную версию.
Цена. Бесплатно. Платная подписка начинается от 15 долларов в месяц.
Монитор кампании
Campaign Monitor обещает создать потрясающий, отзывчивый шаблон электронной почты менее чем за 60 секунд. Сначала мы подумали, что это просто маркетинговый ход, но конструктор шаблонов электронной почты Campaign Monitor с перетаскиванием действительно прост в использовании.
Интуитивно понятный пользовательский интерфейс позволяет не тратить время на размышления о том, что для чего нужно. Это довольно просто; вы получаете именно то, что видите.
Любимая функция: соответствие GDPR. Конструктор Campaign Monitor предоставляет вам множество различных опций для вашей стандартной кнопки «отписаться» в нижнем колонтитуле, а также настраиваемую ссылку на центр предпочтений подписчиков и объяснение того, почему подписчик получает электронное письмо, полезное в качестве напоминания о разрешении.
В Campaign Monitor не так много предварительно разработанных шаблонов электронной почты, как в других инструментах из списка, но они имеют высочайшее качество. Дизайнеры Campaign Monitor усердно работали, чтобы представить набор безупречных шаблонов, которые помогут повысить конверсию почтовых кампаний. Все шаблоны очень отзывчивы и просты в редактировании и соответствуют стилю вашего бренда.
Если вы хотите проявить творческий подход, вы можете выбрать пустой шаблон и создать его с нуля. Существует множество различных способов, позволяющих создавать электронные письма именно так, как вы хотите.
Одной из лучших функций Campaign Monitor является возможность совместной работы. Если у вас большая команда, этот инструмент для вас.
Цена. Бесплатно с ограниченными возможностями. Платная подписка начинается с 9 долларов в месяц.
Надеемся, мы помогли вам взломать код. Отсортировав создание шаблона электронной почты, убедитесь, что ваши шаблоны соответствуют GDPR, и отправьте их в рамках своей кампании по электронной почте!

Содержание
Взломайте формулу продаж с CRM Lab
Дважды в месяц получайте полезную информацию CRM на свой почтовый ящик.
Отлично!
Следите за новостями в своем почтовом ящике!
Присоединяйтесь к Telegram-каналу
NetHunt CRM
Все о продажах CRM и B2B.
Присоединиться
Первоначально опубликовано 28 декабря 2020 г., обновлено 30 июня 2022 г.0001
Дополнительные инструменты expand_more
Создавайте красивые электронные письма
Создавайте эффективные электронные письма в формате HTML, не зная, как программировать. Импортируйте любое электронное письмо в формате HTML или выберите один из наших замечательных шаблонов, редактируйте свои электронные письма и экспортируйте свой HTML-код одним щелчком мыши.
Таблица ценообразования »
Импорт
1 Раздел
Drag_indicator
1/2 Раздел
Drag_indicator
1/3 Раздел
9000
1/3 Раздел
9000
1/3.0002 drag_indicator
3/7 section
drag_indicator
Button
drag_indicator
Divider
drag_indicator
Text
drag_indicator
Text section
drag_indicator
Image
drag_indicator
account_circle
Только для зарегистрированных пользователей!
Чтобы использовать редактор Drag&Drop, вам необходимо войти в свою учетную запись. Если вы впервые здесь, вы можете создать учетную запись бесплатно прямо сейчас.
Логин
Регистрация
HTML-редактор электронной почты
Используя наш редактор электронной почты, вы можете создавать или редактировать свои шаблоны электронной почты, чтобы создавать красивые и эффективные электронные письма, которые вы можете отправлять своим подписчикам.

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

Кто может создавать электронную почту в формате HTML онлайн?
Наш онлайн-редактор HTML можно использовать бесплатно, и вам нужно всего лишь создать бесплатную учетную запись члена. Однако, чтобы получить максимальную отдачу от редактора, вы можете подумать о том, чтобы стать профессионалом или мастером.
Давайте посмотрим на различия.
бесплатных участников могут импортировать любые шаблоны электронной почты в формате HTML, использовать наш редактор перетаскивания и экспортировать отредактированный шаблон до 30 раз в месяц. Вы можете стать участником, просто создав бесплатную учетную запись.
Пользователи
Pro и Master имеют неограниченный доступ к нашему редактору электронной почты, включая просмотр кода. Вы можете стать профессионалом всего за единовременный платеж в размере 19 долларов, и у вас будет неограниченный доступ к нашему редактору на всю жизнь.

Генератор электронной почты HTML
Вы можете редактировать свою электронную почту с помощью нашего WYSIWYG-редактора What You See Is What You Get, а в фоновом режиме мы создадим для вас HTML и встроенный CSS. Вы можете виртуально создать HTML-код электронной почты, даже не зная, что такое HTML.

HTML-шаблон для электронной почты
Начать с нуля может быть непросто. Поэтому мы создаем для вас красивые HTML-шаблоны электронной почты. Как EmailAcademy Pro, вы можете загружать три шаблона электронной почты каждый месяц. Чтобы стать профессионалом, вам нужно всего лишь единовременно заплатить 19 долларов, и вы можете загружать три шаблона каждый месяц.
Вы можете загрузить свои шаблоны электронной почты или импортировать их непосредственно в наш редактор для настройки.

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

Настройка изображения и CDN
Если вы хотите, чтобы ваши электронные письма, в том числе изображения в ваших электронных письмах, загружались сверхбыстро по всему миру, вы можете использовать наш инструмент Image Converter & CDN.
Загрузите свои изображения,
преобразовать их в нужный размер и формат файла,
копировать ссылку CDN,
и вставьте в свои HTML-шаблоны электронной почты.
Почему это хорошо для меня?
all_inbox
Импорт любого шаблона электронной почты HMTL
Импортируйте один из наших шаблонов электронной почты или загрузите свой собственный.
dns
Редактор электронной почты с перетаскиванием
Перетаскивайте новые элементы в дизайн электронной почты, чтобы настроить ее.
входящие
Сохраняйте свои шаблоны
Сохраняйте самые красивые электронные письма в одном месте и редактируйте их в любое время, когда они вам понадобятся.
all_inbox
Сверхбыстрая загрузка изображений
Используйте наш HTML-редактор электронной почты с нашим конвертером изображений и службой CDN, чтобы загружать изображения быстрее.
Связанные уроки
закрыть
Экспортные цены HTML
Создайте бесплатную учетную запись участника бесплатно экспортировать 1 электронное письмо в формате HTML каждый месяц. Как член EmailAcademy вы также получите доступ к все наши инструменты и уроки участников.
PRO
Обновить ЕЖЕМЕСЯЧНО:
Неограниченно
Неограниченно
МАСТЕР
Экспорт HTML
Вам нужен индивидуальный план?
Настроить мой Генеральный план
Импорт электронной почты
Вставьте сюда код своего шаблона и нажмите «Импорт», чтобы начать его редактирование
закрыть
Импортировать
Экспортировать электронную почту
закрыть
Установите имя, чтобы продолжить, если вы установите то же имя в редакторе, он перезапишет существующий шаблон с тем же именем
закрыть
Имя
Создавайте электронные письма HTML и AMP с помощью нашего редактора электронной почты WYSIWYG
Создавайте красивые электронные письма за считанные минуты с помощью редактора без кода
👉 Перетаскивание блока текста, изображений и многоколоночного контента
👉 Широкие возможности текстового и мультимедийного дизайна с предварительным просмотром в реальном времени
👉 Добавляйте формы, корзины, викторины, опросы и многое другое без дополнительных усилий
Создавайте электронные письма, которые привлекают внимание в рекордно короткие сроки
Наш редактор электронной почты имеет интуитивно понятный пользовательский интерфейс, который поможет вам без проблем создавать все типы шаблонов электронной почты
Создание электронных писем в формате HTML
Без CSS, без HTML, без кода. Просто перетащите и создавайте красивые электронные письма в формате HTML
AMP-письма без кода
Добавьте интерактивные AMP-виджеты в свою электронную почту, чтобы повысить вовлеченность электронной почты
Настройте более 200 шаблонов
Настройте более 200 шаблонов, разработанных миг
Автоматически адаптирующийся дизайн
Не беспокойтесь о том, что сообщения электронной почты пропадают на разных устройствах, так как все шаблоны адаптивны по умолчанию. Встроенная функция совместной работы
Пригласите других членов вашей команды для редактирования и совместной работы над вашим шаблоном электронной почты
Выберите один из нескольких способов создания
Настройка существующего шаблона
Выберите шаблон для своего варианта использования из нашей более чем 200 библиотек и настройте его с помощью нашего конструктора шаблонов.
Создайте шаблон с нуля
Начните с пустого шаблона и добавьте различные макеты, текст, изображения, интерактивные виджеты и блоки, чтобы получить то, что вам нужно
Загрузить существующий шаблон электронной почты HTML/AMP
Если у вас есть закодированный HTML/AMP-шаблон электронной почты, просто загрузите его и начните рассылку кампаний
Расширьте возможности дизайна благодаря гибкости дизайна
Варианты дизайна дополнительных блоков
Создавайте каждый блок в соответствии с вашими потребностями и рекомендациями по брендингу, настраивая цвет фона, отступы, границы, края и многое другое
Простое форматирование шрифтов
Редактирование семейства шрифтов, стиля, размера, цвета, высоты строки , выравнивание, цвет выделения и другие свойства шрифта с пользовательским интерфейсом/UX, похожим на MSWord
Выберите желаемое поведение отклика
Для мобильных экранов выберите отображение с накоплением или рядом друг с другом для макета с несколькими столбцами и уменьшенного или полного -ширина дисплея для изображений
Повысьте вовлеченность с помощью основных и дополнительных блоков
Используйте готовые блоки для добавления социальных сетей и других опций
Выберите готовые заголовки, нижние колонтитулы, социальные блоки и т. д. и добавьте их в свой шаблон с помощью одним щелчком мыши
Добавление форм и интерактивных виджетов
Усильте свой маркетинг по электронной почте с помощью интерактивных виджетов, таких как формы, опросы, викторины и т. д., без дополнительных усилий и времени
Ознакомьтесь с предварительным просмотром в реальном времени и убедитесь
Предварительно просмотрите свой шаблон электронной почты для версии электронной почты HTML и AMP и будьте уверены, потому что вы получите то, что видите
Allround получает 28% отзывов с Mailmodo
«Mailmodo — это сквозная платформа для создания простые почтовые программы. Большинству инструментов электронного маркетинга для создания электронных писем требовались HTML-разработчики. Наша команда сейчас делает это самостоятельно».
Масум Сехар Саху, менеджер по развитию и маркетингу, Allround
Читать пример из практики
Начните создавать свои электронные письма с помощью нашего редактора электронной почты WYSIWYG.
Было долгое ожидание ответа на наши вопросы, а иногда они даже не отвечали. Ни у кого из нас не было опыта работы с массовым маркетингом по электронной почте. Мы не знали, как ориентироваться, когда мы зарегистрировались в первый раз. Платформы не дали ясного ответа. Нас заблокировали в первой кампании из 400 писем.
Ardith Vijh
Рост, сообщество и партнерство
Мы планируем больше вариантов использования Mailmodo в будущем. Я думаю, что вариант использования номер один, для которого мы действительно видим Mailmodo, — это быть центром для любого типа маркетинговых электронных писем и любого внутреннего общения с нашими клиентами.
Priya Goel
Соучредитель
Что отличало нас от Mailmodo, так это то, что мы могли направить сообщение кандидату. Им не нужно было выходить из своей электронной почты, чтобы заполнить анкету или записаться на собеседование.
Аашиш Миттал
Соучредитель и технический директор
Что отличает нас от Mailmodo, так это то, что мы можем донести информацию до кандидата. Им не нужно было выходить из своей электронной почты, чтобы заполнить анкету или записаться на собеседование.
Аашиш Миттал
Соучредитель и технический директор
С такими платформами, как Mailchimp или SendinBlue, возникает много бюрократических проволочек. Было долгое ожидание ответа на наши вопросы, а иногда они даже не отвечали. Ни у кого из нас не было опыта работы с массовым маркетингом по электронной почте. Мы не знали, как ориентироваться, когда мы зарегистрировались в первый раз. Платформы не дали ясного ответа. Нас заблокировали в первой кампании из 400 писем.
Ardith Vijh
Рост, сообщество и партнерство
Мы планируем больше вариантов использования Mailmodo в будущем. Я думаю, что вариант использования номер один, для которого мы действительно видим Mailmodo, — это быть центром для любого типа маркетинговых электронных писем и любого внутреннего общения с нашими клиентами.
Priya Goel
Соучредитель
Что отличало нас от Mailmodo, так это то, что мы могли направить сообщение кандидату. Им не нужно было выходить из своей электронной почты, чтобы заполнить анкету или записаться на собеседование.
Аашиш Миттал
Соучредитель и технический директор
С такими платформами, как Mailchimp или SendinBlue, возникает много бюрократических проволочек. Было долгое ожидание ответа на наши вопросы, а иногда они даже не отвечали. Ни у кого из нас не было опыта работы с массовым маркетингом по электронной почте. Мы не знали, как ориентироваться, когда мы зарегистрировались в первый раз. Платформы не дали ясного ответа. Нас заблокировали в первой кампании из 400 писем.
Ardith Vijh
Рост, сообщество и партнерство
Мы планируем больше вариантов использования Mailmodo в будущем. Я думаю, что вариант использования номер один, для которого мы действительно видим Mailmodo, — это быть центром для любого типа маркетинговых электронных писем и любого внутреннего общения с нашими клиентами.
Priya Goel
Соучредитель
Что отличало нас от Mailmodo, так это то, что мы могли направить сообщение кандидату. Им не нужно было выходить из своей электронной почты, чтобы заполнить анкету или записаться на собеседование.
Аашиш Миттал
Соучредитель и технический директор
Универсальное решение для всех ваших потребностей в электронном маркетинге
Создав шаблоны электронной почты, отправьте или автоматизируйте их с помощью полного набора маркетинговых инструментов Mailmodo.
Начните создавать привлекательные электронные письма без кода
Часто задаваемые вопросы
Mailmodo предлагает один из лучших редакторов электронной почты WYSIWYG, который поможет вам создавать отзывчивые и красивые электронные письма без каких-либо зависимостей дизайна или разработки.
С помощью нашего редактора электронной почты WYSIWYG вы можете создавать электронные письма в формате HTML и AMP без навыков программирования. Просто перетащите блоки, чтобы создать красивое письмо.
Вы можете использовать наши бесплатные шаблоны электронной почты или создать шаблон с нуля. Наш редактор электронной почты WYSIWYG предлагает больше гибких компонентов для создания электронных писем с нуля, таких как блоки многократного использования, готовые макеты, интерактивные виджеты и многое другое.
Вам просто нужно перетащить эти блоки, добавить к ним содержимое, настроить стили шрифтов, просмотреть шаблон и начать рассылку кампаний.
Наша производительность говорит сама за себя
Рекомендуем на
Нас поддерживает
Узнайте, что о нас говорят эксперты по продуктам
Редактор электронной почты
отправить своим клиентам.
Редактор электронной почты имеет интерфейс перетаскивания, состоящий из элементов содержимого и полей, которые помогут вам создавать насыщенные и отзывчивые электронные письма. Адаптивный подход к дизайну редактора электронной почты позволяет создавать дизайн сообщений электронной почты как для настольных компьютеров, так и для мобильных устройств.
Используйте редактор для форматирования и персонализации текста, добавления изображений, кнопок призыва к действию (CTA) и ссылок. Вы также можете добавить опцию отслеживания электронной почты.
Вам не нужно иметь навыки программирования HTML при использовании редактора, но у вас есть возможность ввести свой собственный HTML, если хотите.
Если вы не хотите начинать свою электронную почту с нуля, вы также можете выбрать ранее сохраненные шаблоны для предстоящих почтовых кампаний или сохранить свой собственный дизайн сообщения в качестве шаблона для использования другими.
При создании электронной почты вы можете просмотреть, как она будет просматриваться получателем.
В веб-интерфейсе выберите Моменты в боковом меню. Отсюда вы можете создать либо новый Broadcast , либо новый Flow .
Например, чтобы начать создание новой рассылки электронной почты, выберите Создать рассылку . Форма по умолчанию предназначена для SMS. Нажмите Изменить , чтобы выбрать Электронная почта .
В форме электронной почты выберите Создать собственный адрес электронной почты опция.
Редактор электронной почты открывается в режиме конструктора для создания и персонализации макета и текста электронной почты на рабочем столе. Редактор имеет боковую панель, состоящую из вкладок Контент , Блоки , Тело , Аудит и Строка темы, каждая из которых обеспечивает доступ к различным функциям. Ряд виджетов позволяет добавлять и перемещать элементы контента по мере необходимости, а также прикреплять изображения, кнопки, ссылки и многое другое.
Чтобы убедиться, что дизайн электронной почты создан с учетом адаптивности, когда вы настраиваете дизайн для настольного компьютера, вы можете переключиться на мобильные устройства, чтобы увидеть, как дизайн оптимизирован для мобильных устройств. Затем у вас есть возможность внести изменения, характерные для мобильных макетов. Например, вы можете скрыть содержимое, такое как изображения, которые не ориентированы или не имеют размера для просмотра на мобильных устройствах.
В режиме «Дизайн» отображается пустая область редактирования и вкладки на боковой панели.
Содержание позволяет использовать выбор элементов контента. Элементы контента включают столбцы и разделители, заголовки и стили основного текста, кнопки и меню, а также изображения и видео. Вы также можете добавить ссылки на рекламные акции в социальных сетях и Gmail.
См. Руководство по дизайну , чтобы узнать больше об элементах контента и о том, как их редактировать.
Блоки позволяет добавлять и удалять разделы для настройки макета электронной почты с использованием предварительно созданных пустых блоков с разными размерами столбцов. Существует несколько шаблонов блоков, которые вы можете использовать. Эти блоки шаблонов помогут вам начать дизайн с основной структуры, такой как заголовки, контент, каталоги и нижний колонтитул.
Тело позволяет установить атрибуты по умолчанию для любого текста в теле письма, а также выбрать цвет текста и фона. Вы также можете определить ширину содержимого и выравнивание.
Аудит обеспечивает постоянный аудит общих проблем при создании электронной почты. Проблемы, которые необходимо исправить, помечаются, и вы можете увидеть рекомендацию о том, как решить проблему, прежде чем вы закончите разработку своего электронного письма.
Строка темы отображает набор правил, которые помогут вам создать наиболее подходящий и конкретный текст в строке темы вашего электронного письма. Ваша тема будет проанализирована по списку критериев, после чего вы сможете увидеть рекомендации и рекомендации. Затем вы можете редактировать и улучшать свой текст на основе предложений, которые будут проанализированы в режиме реального времени с дальнейшими рекомендациями.

Чтобы начать создание электронной почты, перетащите новый элемент содержимого в пустой блок содержимого. Когда вы добавили элемент в область дизайна, вы можете заполнить разделы параметрами содержимого. Вы можете реорганизовать содержимое и макет электронной почты в любое время с помощью значка перетаскивания. Нажмите на любой раздел, чтобы отобразить действия.
Чтобы ускорить разработку дизайна, вы можете продублировать элемент контента, который вы создали в своем сообщении. Эта функция полезна, если вы планируете включить в электронное письмо несколько разделов, похожих по дизайну, но требующих лишь незначительных различий в содержании. Выберите элемент дизайна сообщения, который вы хотите повторить, и нажмите кнопку Дублировать . Ниже появится дубликат элемента, после чего вы сможете внести любые коррективы в параметры содержимого.
При создании электронной почты вы можете выбрать «Отменить», чтобы удалить последнее изменение, которое вы сделали. Если вы затем передумаете, вы можете использовать повтор, чтобы снова добавить изменение. Чтобы удалить элемент контента, выберите раздел в сообщении и нажмите кнопку Удалить .
В любой момент вы можете переключиться в режим предварительного просмотра, чтобы увидеть, как будет выглядеть ваша электронная почта. В режиме предварительного просмотра электронная почта отображается на рабочем столе, планшете и мобильном устройстве.
Когда вы закончите дизайн сообщения, перед выходом из редактора у вас есть возможность:
Сохранить контент как шаблон электронной почты — добавьте имя для создания шаблона, который будет доступен для
Загрузить HTML — загрузить HTML-версию сообщения электронной почты
Нажмите Done Designing , чтобы сохранить сообщение и выйти из редактора.
Дополнительные сведения о настройке элементов содержимого и ограничений см. в Руководстве по проектированию .
Использование HTML
Если вы предпочитаете не создавать электронную почту с нуля или у вас есть файл HTML, предназначенный для кампании по электронной почте, вы можете загрузить файл HTML в редактор электронной почты. Возможно, вам был предоставлен файл HTML, так что форматирование электронной почты гарантированно будет структурировано и просматривается точно так, как ожидается, независимо от почтового клиента, в котором оно просматривается. Использование HTML также дает вам полный спектр структур элементов контента для вашей электронной почты, например, если вы включаете списки.
ПРИМЕЧАНИЕ . Если вы не знакомы с HTML, самый простой способ создать электронное письмо — использовать редактор электронной почты.
Вы можете использовать HTML-файлы как часть сообщения в Broadcast и Flow. Когда вы создаете новое электронное письмо с помощью описанных выше шагов, вместо создания собственного электронного письма выберите параметр Загрузить HTML-файл . Затем вам будет представлено окно загрузки, в котором вы можете выбрать локально сохраненный HTML-файл.
После загрузки вы сможете редактировать свой HTML-код вместе с экраном предварительного просмотра для настольных и мобильных устройств рядом с ним, который обновляется в режиме реального времени.
Нажмите Готово. Проектирование как только закончите. Вы всегда можете вернуться и отредактировать свой HTML-код в самом редакторе, когда это потребуется.
Руководство по дизайну
Дизайн играет решающую роль в успешных кампаниях по электронной почте и успешной доставке. Плохо составленные электронные письма, скорее всего, подорвут доверие читателей и приведут к тому, что они будут проигнорированы или перемещены в нежелательную почту. Эти рекомендации по дизайну разработаны, чтобы помочь вам создать электронную почту наиболее эффективным способом.
Первым шагом является определение структуры вашей электронной почты, которую вы можете сделать вручную с помощью виджетов на боковой панели или с помощью одного из предопределенных шаблонов. На боковой панели используйте виджеты и параметры для создания электронной почты по мере необходимости, перетаскивая элементы. Вы можете переставлять, добавлять и удалять элементы в любое время.
Используйте вкладку Блоки , чтобы сосредоточиться только на разработке структуры сообщения с выбором макетов пустых столбцов. Если хотите, сохраните макеты столбцов по умолчанию или вы можете настроить любые параметры отдельных столбцов, включая цвет фона, отступы и границы.
Шаблоны блоков для заголовков, содержимого, каталогов и нижнего колонтитула могут дать вашему дизайну более богатую отправную точку. Вы также можете создавать свои собственные блоки до 25.
Чтобы помочь вам с рекомендациями по дизайну, в редакторе электронной почты есть вкладка Аудит . Аудит сообщений уведомляет вас об отсутствии важного формата или ссылки. Дополнительную информацию см. в разделе Аудит .
После того, как ваш макет настроен, вы можете перейти к перетаскиванию виджетов контента, чтобы начать заполнять свою электронную почту. Каждый из виджетов имеет свои собственные параметры редактирования, о которых вы можете прочитать ниже. Используйте виджет «Разделитель», чтобы создать визуальный разделитель вашего макета дизайна и отделить разделы контента. Для каждой строки или компонента вы также можете установить отступ, чтобы настроить расстояние между элементами вашего дизайна.
А также предоставление медиа в теле письма. Вы также можете использовать параметр Вложение после разработки электронного письма, чтобы прикрепить к электронному письму дополнительные медиафайлы или другие файлы.
Аудит
При первом открытии редактора электронной почты вы увидите, что на вкладке Аудит отображается предупреждающее уведомление. Предупреждение аудита указывает на то, что существуют незавершенные действия по проектированию, которые необходимо выполнить, чтобы электронное письмо было действительным или соответствовало законодательству.
Первое предупреждение, которое вы видите, это уведомление о том, что все электронные письма требуют нижнего колонтитула. Нижний колонтитул — это стандартное юридическое требование, которое должно быть предусмотрено во всех электронных письмах, чтобы люди могли отписаться от рассылок по электронной почте. Чтобы убедиться, что вы соблюдаете это юридическое требование, перетащите компонент «Нижний колонтитул» в область дизайна сообщения.
ПРИМЕЧАНИЕ : Если вы не добавите нижний колонтитул в дизайн сообщения, Infobip автоматически вставит нижний колонтитул по умолчанию в сообщение при его отправке.
Уведомления об аудите предназначены для того, чтобы помочь вам создать электронную почту, не пропуская важные элементы. Другие типичные уведомления включают отсутствующие ссылки для кнопок или отсутствующий текст для замещающего текста изображения.
Текст
Строка темы письма обычно является одной из важнейших частей письма, от которой зависит повышение конверсии.
При написании хорошей темы письма старайтесь соблюдать следующий набор правил:
они не должны быть слишком длинными и не слишком короткими (где-то от 20 до 60 символов)
они содержат нужное количество слов
они составлены с использованием действенных или привлекающих внимание слов
они не содержат отрицательных слов
они не содержат символов или слов, обычно используемых в качестве спама
они не используют чрезмерную пунктуацию
они используют заглавные буквы для улучшения сканируемости и удобочитаемости
они используют числа (доказано, что числа увеличивают открываемость)
они правильно отображаются на разных экранах (настольных/мобильных)
Если ваша тема плохо сформирована, это может быть расценено как спам. Не забывайте всегда помнить о «СПАМе»: коротком, представительном, привлекающем внимание и осмысленном.
Подключайтесь к приемникам на личном уровне, используя приятный язык и смайлики/смайлики. Привлеките их внимание, используя такие вещи, как имя, текущие события, вопросы и т. д. Убедитесь, что ваша тема имеет смысл, подразумевая специальные акции и эксклюзивы.
Вы можете добиться особой персонализации, используя атрибуты и заполнители в тексте и ссылках. Дополнительную информацию см. в разделе об URL-адресах, атрибутах и заполнителях.
В тело вашего электронного письма вы включаете остальную часть текстового поля перед вставкой других типов мультимедиа, а затем нижний колонтитул. Нет никаких ограничений на количество текста, которое вы можете включить, но имейте в виду, что читатели вряд ли будут соблазнены читать длинные рекламные электронные письма.
В текстовых полях можно использовать различные параметры цвета и стиля. Вы можете задать атрибуты текста по умолчанию и выравнивание содержимого на Тело вкладка.
Если вы хотите изменить стиль для каждой отдельной текстовой области, выберите компонент и настройте параметры на вкладке Content .
Шрифты
Шрифты являются важным аспектом дизайна вашей электронной почты. При создании электронной почты в редакторе вы можете выбрать шрифты из обширного диапазона (около 40 или около того), чтобы улучшить свой дизайн.
В настоящее время редактор электронной почты не поддерживает добавление пользовательских шрифтов. Это связано с тем, что все шрифты должны быть общедоступными бесплатно. Кроме того, если шрифт несовместим с почтовым клиентом, необходимо предоставить соответствующий резервный шрифт.
По закону для использования веб-шрифтов в Интернете требуется лицензия. Веб-шрифты использовались на веб-сайтах в течение ряда лет, и лицензирование уже распространяется на использование на веб-сайтах и в мобильных приложениях. Однако для электронной почты лицензирование не так распространено. Для многих служб веб-шрифтов использование веб-шрифтов в электронных письмах может рассматриваться как повторное распространение шрифта, а также может не соответствовать их EULA (лицензионному соглашению с конечным пользователем).
Большинство лицензий на использование веб-шрифтов в электронной почте основаны на количестве ежемесячных открытий. Это важно учитывать, если вы используете платный веб-шрифт в своих электронных письмах. Если вы используете платный веб-шрифт в своих электронных письмах, добавление шрифта в Infobip сделает его доступным для всех клиентов, что может привести к серьезным затратам.
Кроме того, пользовательские (веб)шрифты обычно работают только с ограниченным набором почтовых клиентов, например: iOS Mail, Apple Mail, Android (почтовый клиент по умолчанию, а не приложение Gmail), Outlook 2000, приложение Outlook.com и Тандерберд.
Изображение
Изображения являются неотъемлемой частью кампаний по электронной почте, и редко бывают случаи, когда они не включаются, но есть некоторые вещи, которые следует учитывать при включении изображений в электронные письма.
Ширина изображения ограничена 701 пикселем в редакторе электронной почты. Это связано с тем, что доказано, что это наиболее оптимальный размер для экранов и форматов поставщиков электронной почты. Вы можете изменить ширину изображения в редакторе, но рекомендуется, чтобы изображения электронной почты уже были настроены на эту ширину, чтобы избежать потери содержимого из-за обрезки или изменения размера.
Файлы изображений обрабатываются в редакторе как вложения, и их размер не может превышать 10 МБ.
Есть два способа добавить изображения в тело письма. Вы можете либо загрузить изображение со своего локального устройства, либо предоставить ссылку на изображение. Убедитесь, что ссылка не ведет к аутентифицированному изображению.
Поддерживаемые форматы изображений:
jpg/jpeg
png
gif
Используйте параметр Ссылка на изображение в редакторе, чтобы добавить гиперссылку на изображение при нажатии. Например, это может быть ссылка на рекламную акцию, о которой говорится в электронном письме, или на домашнюю страницу вашей компании.
Добавьте Альтернативный текст к изображению. Альтернативный текст или замещающий текст важен для ваших изображений, чтобы они соответствовали требованиям доступности. Этот текст гарантирует, что люди, использующие программы чтения с экрана, будут проинформированы о характере или содержании изображения. Старайтесь быть описательным, но кратким.
Если вы не добавите альтернативный текст к своему изображению, вы увидите предупреждение на вкладке Аудит .
HTML
Если вы привыкли использовать свой собственный шаблон электронной почты в формате HTML, используйте виджет HTML, чтобы вставить свой код непосредственно в сообщение.
Изменения, которые вы вносите в HTML с помощью виджета, будут отражаться в режиме реального времени в редакторе электронной почты. Ваш HTML-код будет действовать только в том разделе, где размещен HTML-виджет. Вы не можете редактировать HTML-код для других разделов.
Кнопки
Используйте кнопки с призывом к действию в электронной почте как переход к нужной целевой странице, для которой предназначена ваша кампания по электронной почте. Всегда полезно использовать эти кнопки, но не включайте их слишком много, чтобы запутать читателя. Просто сведите их к минимуму, чтобы они выделялись достаточно, чтобы побудить читателя перейти по ссылке.
Кнопки должны быть достаточно большими, чтобы ваши читатели могли их заметить, но также должны быть достаточно большими, чтобы была видна ваша этикетка. Убедитесь, что вы настраиваете ширину кнопки, если метка превышает ширину кнопки.
Используйте другие параметры стиля, такие как цвет, шрифт и границы, чтобы выделить кнопку. Часто компании придерживаются своих корпоративных фирменных цветов, но убедитесь, что они контрастируют с фоном вашей электронной почты.
Социальные сети
Добавление ссылок социальных сетей на социальные страницы вашей компании — отличный способ привлечь внимание читателей и клиентов. Это может даже привести к тому, что они выберут другие каналы связи.
Вы можете добавить любое количество других социальных сетей, выбрав значок социальной сети. Здесь вы можете указать ссылку на свою страницу и отобразить значок, отражающий ее. Щелкнув по изображению, читатель перейдет на указанный вами персонализированный URL-адрес.
После добавления социальных сетей вы можете изменить их порядок на боковой панели. Наведите указатель мыши на значок с тремя линиями, а затем перетащите выделение в другое место. Приведите в порядок все параметры стиля, которые вам нужны (отступы, фон и выравнивание).
Вы можете выбрать одну из 30 ссылок на социальные сети и изменить тип значка на стиль по вашему выбору.
Видео
Видео — это мощное мультимедийное содержимое, которое можно включать в сообщения электронной почты, но большинство почтовых провайдеров не поддерживают технические требования к видео для воспроизведения сразу же внутри сообщения электронной почты.
Виджет «Видео» позволяет вставлять видео в макет электронной почты. Добавьте прямую URL-ссылку, чтобы указать расположение файла видеоресурса.
Поддерживаемые форматы видео:
мов
mp4
Вебм
ПРИМЕЧАНИЕ. Невозможно создать ссылку на видео, размещенное на YouTube, Vimeo и т. д.
Миниатюру можно настроить по своему усмотрению.
Если вы хотите, чтобы в сообщения электронной почты добавлялся анимированный контент без использования ссылки на видео, используйте виджет Изображение для вставки GIF-файлов.
Нижний колонтитул
Нижний колонтитул — это раздел, расположенный в самом низу электронного письма, который обычно содержит основную информацию о вас как об отправителе. Обычной практикой также являются ссылки, в том числе возможность отписаться от списка рассылки.
В соответствии с законами о борьбе со спамом и условиями использования Infobip требуется включать следующую информацию в нижние колонтитулы каждого письма, отправляемого через нашу систему:
Текущий год
Название компании отправителя
Физический адрес отправителя
Ссылка для отказа от подписки
Используйте виджет нижнего колонтитула, чтобы отобразить необходимую информацию. Текст по умолчанию для нижнего колонтитула использует заполнители для названия компании и адреса, и эта информация извлекается из данных вашей учетной записи.
Copyright © ТЕКУЩИЙ_ГОД COMPANY_NAME. Все права защищены.
Наш почтовый адрес: АДРЕС. Хотите изменить способ получения этих писем? Вы можете ОТПИСАТЬСЯ от этого списка.
Обратите внимание, что нижние колонтитулы обязательны для всех сообщений электронной почты. Вы по-прежнему сможете отправлять рассылки без нижнего колонтитула, однако при запуске письма система проверяет, отсутствует ли нижний колонтитул, и автоматически добавляет его.
Это применимо ко всему почтовому трафику, отправляемому только через веб-интерфейс.
Ссылки на отмену подписки генерируются Infobip, а поставщик всегда должен присутствовать. Вы можете использовать свои собственные ссылки в нижнем колонтитуле, но созданная Infobip ссылка для отказа от подписки всегда будет присутствовать, даже если она не отображается в режиме предварительного просмотра.
Вы также можете использовать нижний колонтитул, чтобы указать мелким шрифтом Условия и положения, авторские права, политику конфиденциальности и причину получения. Это эффективный способ уменьшить количество жалоб на спам.
Чтобы включить и использовать функцию отказа от подписки через HTTP и SMTP API, замените значение атрибута href на {$unsubscribe}:
Отписаться
URL-адреса, атрибуты и заполнители
Ввод URL-адресов и ссылок присутствует в редакторе сообщений и его виджетах, и вполне вероятно, что у вас будет множество ссылок в электронном письме, ведущих в различные места, такие как ссылки на изображения, кнопки, учетные записи, ссылки нижнего колонтитула и т. д.
Используйте значки ссылок и поля для добавления ссылок к выбранным элементам. Некоторые виджеты должны иметь ссылку, например видео и кнопки. Если вы добавите кнопку или видео, не добавляя ссылку, вы увидите предупреждающее сообщение в Вкладка «Аудит» на боковой панели.
В дополнение к использованию личных атрибутов, таких как имена и номера счетов, в ссылках и полях, вы также можете добавить заполнители для стандартных и настраиваемых атрибутов, чтобы охватить как можно больше клиентов одновременно.
Когда вы добавляете ссылку, вы можете установить поведение ссылки как специальную ссылку, которая позволяет вам выбирать, просматривать ли сообщения в браузере или отписаться от их получения. Когда вы вставляете или редактируете ссылку, нажмите Special Links для выбора:
Посмотреть в браузере {$browserlink}
Отписаться {$отписаться}
Стандартные и настраиваемые атрибуты привязаны к профилям людей. Прочтите о людях, чтобы узнать больше об атрибутах и о том, как их настроить.
ValidationTemplates
Gmail Promotions
Используйте виджет Gmail Promo , чтобы добавить аннотации Gmail в свое сообщение для создания интерактивного и привлекательного контента.
Gmail автоматически группирует и выделяет аннотированные электронные письма на вкладке «Промоакции» Gmail. Эта функция определяет электронные письма, с которыми люди, скорее всего, взаимодействуют, и упрощает выделение ключевой информации с помощью аннотаций, таких как предложения, промо-коды и даты истечения срока действия.
Добавление изображений к вашим аннотациям оживляет ваши сообщения электронной почты, делая их более удобными для поиска и вдохновляющими. Например, вы можете загрузить логотип и изображения своей компании, чтобы ваше сообщение отличалось от других сообщений и привлекало внимание конечных пользователей.
Письма, содержащие аннотации, будут выделены на вкладке «Рекламные акции» в мобильном приложении Gmail получателя.
При тестировании рекламных акций Gmail используйте следующие советы:
. В целях тестирования создайте для своей команды специальную тестовую учетную запись Gmail с адресом promotabtesting@gmail.com. Например, mycompany. promotabtesting@gmail.com. Эта учетная запись будет иметь более агрессивное ранжирование и объединение адресов электронной почты, чтобы сделать тестирование проще и быстрее. Gmail также включает функции для этих тестовых учетных записей, прежде чем включать их для широкой публики.
Если вы повторяете и вносите изменения перед тестированием, всегда удаляйте старые сообщения из папки "Входящие", чтобы реклама отображалась правильно.
Отправитель, которого вы используете для отправки этих писем, должен быть «подтвержденным отправителем». Это означает, что записи DNS настроены правильно и соответствуют рекомендациям Google (см. https://support.google.com/mail/answer/81126).
Чтобы изображение отображалось правильно, убедитесь, что оно имеет соотношение сторон 3,9, размещено на HTTPS и не является изображением в формате gif или webp.
Примечание
На вкладке «Промоакции» Gmail не поддерживаются аннотации для настольного приложения Gmail.
Рекомендации по продуктам
Рекомендации по продуктам — это функция на основе искусственного интеллекта, которая позволяет нацеливать определенных пользователей на соответствующие рекомендации по продуктам. Например, вы можете отправлять клиентам персонализированные сообщения электронной почты, содержащие лучшие продукты специально для каждого человека.
Рекомендации по продуктам использует информацию о продуктах из каталогов для связи с продуктами, которые будут рекомендованы отдельным лицам в зависимости от их деятельности. Каталоги содержат соответствующие данные, включая названия продуктов, ссылки, описания, цены и т. д.
Чтобы добавить рекомендации по продуктам в свое электронное письмо, перетащите виджет Product Reco в дизайн электронного письма, а затем в раскрывающемся списке Каталог продуктов выберите название своего каталога. Вы можете оставить тип рекомендации как рекомендуемый.
Продукт Виджет Reco использует только каталоги типа Продукт. Дополнительные сведения о настройке каталогов продуктов см. в разделе Каталоги.
При необходимости измените настройки макета. Например, вы можете указать общее количество отображаемых позиций из каталога товаров. Затем вы можете изменить количество элементов, отображаемых в каждой строке, и способ форматирования макета в электронном письме.
Рекомендации по продукту для каждого получателя генерируются во время открытия электронной почты. Каждый раз, когда получатель повторно открывает письмо, он будет видеть обновленные, наиболее актуальные рекомендации.
Кинетические функции
Кинетические функции позволяют добавлять интерактивный контент, чтобы сделать ваши электронные письма более интересными, эффективными и повысить коэффициент конверсии. Кинетические функции направлены на то, чтобы дать возможность посетителям работать с веб-сайтом без необходимости оставлять электронное письмо.
Чтобы добавить кинетические функции Infobip в свои электронные письма, перетащите виджет в дизайн своего электронного письма и используйте настройки, чтобы изменить поведение. Основные кинетические виджеты:
Интерактивный купон
Анимация дождя
Карусель
Каждый виджет содержит раздел «Совместимость», в котором показано, совместима ли анимация с почтовыми клиентами.
Интерактивный купон
Виджет «Интерактивный купон» позволяет добавить изображение, способное отображать интерактивные дисплеи. Интерактивный купон разработан таким образом, что получатель должен нажать на купон, чтобы показать скидку или предложение.
Вам необходимо добавить два отдельных изображения для лицевой и обратной стороны дисплеев. Изображение на лицевой стороне будет отображаться в электронном письме, и получатель должен щелкнуть по нему, чтобы отобразить изображение на обратной стороне, содержащее соответствующие сведения о купоне. Вы можете выбрать, хотите ли вы, чтобы анимация изображения была Flip чтобы показалось, что изображение переворачивается, или Slide чтобы показалось, что изображение движется из стороны в сторону.
Анимация дождя
Виджет анимации дождя позволяет добавлять в дизайн электронной почты движущиеся объекты, как будто они падают, как дождь. Вы можете выбрать, хотите ли вы, чтобы объекты были Sphere , Image или Text .
Вы можете изменить способ отображения объектов, например, количество отображаемых объектов, а также размер и цвет. Вы также можете выбрать, чтобы объекты вращались при падении.
Вы можете добавить виджет анимации дождя только один раз в свой дизайн электронной почты.
Карусель
Виджет «Карусель» позволяет загружать выбранные изображения в дизайне электронной почты для использования в скользящей галерее изображений. Карусель предназначена для предложения нескольких изображений в дизайне электронной почты, где получатель может просматривать каждое изображение из стороны в сторону.
Максимальное количество изображений, которые вы можете добавить в свою галерею, равно 10.

Атрибут	Обязательно
id строка	Да	Это HTML-идентификатор контейнера, в который будет встроен редактор.
Displaymode Строка	NO	Это режим отображения шаблона, который может быть `Email` или `. Значение по умолчанию — web .`
идентификатор проекта целое число	Нет	Это идентификатор проекта из Unlayer. Вы можете получить его на странице настроек проекта.
локаль строка	Нет	Это языки, в которых вы хотите загрузить. Узнать больше
внешний вид объект	Нет	Это параметры внешнего вида для изменения внешнего вида редактора. Узнать больше
пользователь объект	№	Это информация пользователя, который использует редактор. Вы можете передать `id` , `имя` и `адрес электронной почты` . Уникальный идентификатор `id` требуется для включения сохраненных пользователем блоков.
mergeTags массив	Нет	Это массив объектов. Вы можете передать теги слияния для отображения в редакторе. Подробнее
designTags object	No	В этом объекте можно передавать теги design. Узнать больше
specialLinks объект	Нет	В этом объекте можно передавать специальные ссылки. Подробнее
инструменты объект	№	Это варианты инструментов и пользовательских инструментов. Узнать больше
блоки массив	Нет	Это массив объектов. Здесь вы можете передавать пользовательские блоки. Узнать больше
редактор объект	Нет	Это некоторые опции редактора для различных функций редактора. Узнать больше
шрифты объект	№	Здесь можно передавать пользовательские шрифты. Узнать больше0005	Нет	Дезинфицирует вывод HTML, чтобы предотвратить вставку исполняемого кода JavaScript.
customJS массив	Нет	Пользовательский URL-адрес или источник JavaScript. Подробнее
customCSS массив	Нет	Пользовательский URL-адрес CSS или источник. Узнать больше
TextDirection Строка	NO	Это является текстовым направлением HTML Выходной

Какой конструктор писем использовать в 2022 году: обзор сервисов

Специализированные сервисы

EmailMaker

Letteros

Topol.

Маркетинговые платформы

Unisender

DashaMail

Sendsay

Mailo Post

NotiSend

Конструктор писем и емейл-шаблоны для рассылки

Drag-n-Drop редактор писем,

Идеальные письма вплоть

Быстрое создание писем

Гибкая настройка и планирование

Шаблоны под ваши цели

Адаптивный дизайн для мобильных устройств

Мощный встроенный фоторедактор

Встроенные

Проверка рассылок на спам

Доставка в идеальное время

Персонализация писем

Один редактор для всех кампаний

Тенденции в дизайне рассылок

Email Creator Help Center

Создайте бесплатный аккаунт

Как создать email в HTML-редакторе

Шаг 1: Проходим регистрацию в Cheapsender

Шаг 2: Копируем содержимое HTML-файла

Шаг 3: Создаем шаблон письма в конструкторе

Шаг 4: Отправляем шаблон подписчикам

Выводы

RetailCRM Документация: Страница не найдена

Шаблоны писем для рассылки: 20 ресурсов для вёрстки емейлов

Antwort

Canva

Подведём итоги!

Шаблоны триггерных цепочек | REES46

Управление шаблонами

Вкладка «Содержание»

Вкладка «Переменные»

Вкладка «UTM»

Визуальный редактор

1. Заголовок h2

2. Текстовый блок

3. Текстовый блок с картинкой слева

4. Текстовый блок с картинкой справа

5. Отдельный блок с картинкой

6.

7. Разделительная линия

8. Кнопка

9. Блок рекомендаций

10. Блок с отзывом

11. Блок с NPS

Редактор темы

Создание новой темы

Редактирование темы

Базовый редактор

HTML редактор

Настройка веб пуш шаблона

Вкладка «Содержание»

Вкладка «UTM»

Дизайн web push

Windows

macOS

Android

iOS

Данные событий в шаблоне

Плагин BEE: удобный, безопасный и масштабируемый

Ваши встраиваемые конструкторы электронной почты, всплывающих окон и целевых страниц

Снижение оттока и

Ускорение роста вашего бизнеса

Работайте с партнером, которому доверяют тысячи компаний SaaS

Уже приняты сотни передовых приложений, включая

Правильное решение на любом этапе вашего развития

Заинтригованы нашими решениями? Получите удовольствие от нашей комплексной технической документации

Три визуальных конструктора, один бесшовный UX

Email Builder

Конструктор целевых страниц