Блог Vigbo

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

Vigbo — конструктор сайтов для творцов и предпринимателей. Стильные дизайны, простое управление и техподдержка — всё для вашего сайта. Подробнее

4 бесплатных сервиса для верстки писем

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

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

Готовим контент для письма

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

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

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

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

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

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

Пригласите в социальные сети. В конце письма органично встанут ссылки на ваши группы ВКонтакте, Фейсбук, Инстаграм и другие соцсети.

Создаем письмо в конструкторе

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

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

{client_name} — имя покупателя
{client_surname} — фамилия клиента
{order_details} — список товаров и данные из формы заказа

{order_number} — номер заказа
{order_date} — дата заказа
{download_link} — ссылка на цифровой товар

1. Chamaileon

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

Ограничения бесплатной версии: можно экспортировать шаблон до 5 раз в месяц.

Язык интерфейса и техподдержки: английский.

Сайт: chamaileon.io.

Мы доработали один из готовых шаблонов с тегом «Ecommerce»

2. Topol

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

Чтобы создать шаблон, можно выбрать один из 7 шаблонов или делать письмо с нуля. Проще всего взять за основу готовые шаблоны, ведь их можно изменить до неузнаваемости. При экспорте сохраняются ссылки на картинки из шаблона (например, иконки социальных сетей), а добавленные вами придется разместить где-то еще и указать ссылку.

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

Язык интерфейса и техподдержки: английский.

Сайт: topol.io.

Мы взяли готовый шаблон письма изменили его. Логотип сделали текстовым и обошлись без дополнительных картинок

3. Stripo

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

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

Ограничения бесплатной версии: до 2 шаблонов на проект, до 5 тестовых писем в день.

Язык интерфейса: английский.

Сайт: stripo.email.

Мы использовали готовый шаблон письма о подтверждении заказа «Собачий корм» и изменили его под проект

4. BEE Free

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

Пользоваться конструктором очень легко. Весь контент строится на основе строк: вы сначала перетаскиваете в макет строку с нужным числом колонок (rows), а затем наполняете ее любым контентом. Письмо получается аккуратным и отлично смотрится в почтовых клиентах.

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

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

Язык интерфейса: английский.

Сайт: beefree.io.

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

Когда письмо будет готово, вам останется только скопировать html-код и вставить его в поле «Источник» в редакторе уведомления на Vigbo. Подробнее об этом мы написали в руководстве.

Обязательно сделайте тестовую покупку в своем магазине и посмотрите, как уведомление выглядит на разных почтовых клиентах — почте yandex.ru, mail.ru и gmаil.cоm. Если возникнут проблемы, обратитесь в поддержку выбранного конструктора email-писем — там вам помогут исправить шаблон.

Пусть у вас все получится!

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

Создать сайт