Содержание

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

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

Создать письмо

Соберите HTML-макет письма из готовых блоков за 3 шага

1 ШАГ

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

2 ШАГ

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

3 ШАГ

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

Попробуйте сами

Проверьте, насколько удобно создавать рассылки в конструкторе Unisender. Добавляйте блоки, создавайте разделы, загружайте контент.

Зайти в демо

Создайте письмо ещё быстрее

Используйте готовые шаблоны писем

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

Посмотреть шаблоны

Сохраняйте любые части email как шаблоны

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

Творите без ограничений

Добавьте видео и анимацию

Оживите email за пару кликов. Добавьте превью видео из YouTube или Vimeo, а также стикеры и гифки из Giphy в любую часть макета.

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

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

Настройте виджеты соцсетей

Добавьте кнопки всех нужных соцсетей за пару кликов. Придумайте хороший призыв, чтобы подписчики прямо из рассылки шли в Telegram, ВКонтакте, Twitter за новой порцией общения с вашим брендом.

Реализуйте смелые задумки

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

Начать

Создавайте красивые email для ПК и мобильных

500 000 бесплатных картинок

Ищите нужные изображения на Unsplash, Pexels, Pixabay. Поиск встроен в конструктор.

Адаптивный дизайн

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

Предварительный просмотр

Проверяйте, как выглядит созданный HTML-макет перед отправкой. Сервис имитирует экраны разных устройств.

Запускайте рассылки, Unisender позаботится об остальном

48 готовых интеграций

Собираем информацию о клиентах из CRM и CMS, чтобы вы могли реагировать на каждое их действие.

Безопасность

Размещаем ваши базы в сертифицированных дата-центрах, чтобы только вы имели к ним доступ.

Техподдержка

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

Хотите научиться создавать красивые письма? — Читайте

Конструктор писем Unisender: 10 фишек, которые упростят email-вёрстку

Узнать подробности

Дизайн и верстка. Подборка статей

Узнать подробности

Часто задаваемые вопросы

✏Нужен ли мне верстальщик или дизайнер, чтобы сделать макет письма?

Нет. Собрать профессиональный html-макет в drag-n-drop редакторе Unisender легко без специальных навыков. Всё что нужно сделать — перетащить готовые блоки и элементы рассылок на те места макета, куда их нужно добавить.

⏩Есть ли способы ускорить создание рассылки?

Да. Ускорить процесс помогут готовые шаблоны и библиотека блоков.
Выберите один из доступных шаблонов, который подходит под вашу задачу, а потом замените контент на свой — письмо готово, можно отправлять email рассылку.
Чтобы избавиться от лишней рутины, сохраняйте любые части макета как шаблоны для библиотеки блоков. Тогда вам не придется делать их повторно. Особенно полезно сохранять те части писем, которые часто повторяются: футер, меню, анонс статьи или партнёрский блок.

✨Как узнать, какой дизайн лучше?

Определите, какой лучше работает. Соберите два варианта рассылки в онлайн-редакторе. Они могут различаться изображениями, длиной или структурой. Теперь запустите A/Б тест. Сервис отправит оба письма по небольшой части базы, и вы увидите, какое из них даст лучший результат (больше кликов или заявок).

💰Надо ли платить за редактор?

Нет. Конструктор Unisender доступен бесплатно для всех пользователей сервиса.

➕Можно ли добавить в email меню?

Да, такая возможность есть. Во вкладке «Содержимое» конструктора писем есть элемент «Меню». С его помощью вы можете добавлять в письма ссылки на разделы сайта или любые другие страницы. «Меню» особенно полезно для интернет-магазинов.

📹Если добавить ссылку на видео, не повлияет ли это на скорость загрузки писем?

Не повлияет. В письмо добавляется не видео целиком, а превью, которое выглядит как скриншот из ролика.

📱Как адаптировать email для мобильных?

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

Делать красивые письма с Unisender просто и быстро. Убедитесь сами

Для доступа к конструктору нужен только email

Создать письмо

html редактор онлайн визуально.

Все функции.

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

социальной сети.

Поле для ввода текста…. Чтобы получить HTML код нажми кнопку ИСХОДНИК

Редактор может быть полезен для быстрого составления html кода любому web мастеру.

Инструменты html редактора кода

  • Источник основная кнопка для переключения на код html.
  • Иконка обновить поле удаляет всю информацию и устанавливает курсор в начало.
  • Предварительный просмотр открывfет новую html страницу с текстом.
  • Инструмент печать дает возможность выбрать принтер и распечатать код html на принтере, например, для курсовика.
  • Иконки вставить текст ctrl+v из программы word.
  • Кнопка заменить позволяет поменять слово на другое, если большой текст.
  • Выделить все обводит текст, чтобы весь сохранить в буфер. Горячая клавиша кнопки выделить все ctrl+a.
  • Копка abc проверяет текст на ошибки.
  • Форма создает тег form, внутри можно разместить кнопки переключения, поле ввода, даже скрытое поле ввода с type=hidden.
  • Следующий набор инструментом работы с шрифтом, сделать текст жирным, курсивом или подчеркнуть.
  • Можно пользоваться надстрочным и подстрочным индексом.
  • Инструмент нумерованный список и маркированный делает упорядоченный текст. Поисковые роботы любят списки в статьях.
  • Цитата используется для выделения важного текста.
  • Инструмент создать div контейнер и задать класс.
  • Выставляем текст по центру, слева или права.
  • Возможно менять написание слева на право и с право на лева.
  • Вставить и редактировать ссылку ctrl+l.
  • Добавляем тег img картинку с полным путем src и seo параметром alt. Можно задать размер картинки.
  • Добавим таблицу указав количество колонок и строк. Красивую таблицу можно добавить тут. 
  • Добавим смайлики и специальные символы.
  • Инструмент добавить iframe.
  • Внизу инструменты редактирования шрифта.
 

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

  1. Сделаем список из двух заголовков и добавим в инструмент цитата.
  2. Добавим таблицу на пять колонок.
  3. Возведем в квадрат.
  4. Добавим радиокнопку.
  5. Используем инструмент специальный символ.
  6. Добавим ссылку для слова.
  7. Поместим текст в цветную строчку и добавим смайлик.

Нажмем кнопку источник, чтобы получить и скопировать html код.

Преимущества визуального редактора

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

Онлайн-редактор HTML