Как создать email-рассылку в Tilda

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

Сервис рассылок можно интегрировать с Tilda. Тогда письма можно будет отправлять напрямую из интерфейса. А можно выгрузить HTML-код и использовать в почтовой программе. В статье расскажем, как создать email в Tilda и отправить его — с помощью внутренних инструментов и через Unisender.

Как создать письмо в Tilda

Редактор писем Tilda доступен только на платных тарифах, но его можно использовать бесплатно 2 недели. Для этого нужно создать новый аккаунт, подключить пробный тариф Personal и в разделе «Мои сайты» выбрать «Создать рассылку».

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

Шаблон — это лишь пример использования блоков в дизайне письма. Он никак не ограничивает вашу фантазию. В любой момент шаблон можно изменить до неузнаваемости и даже начать с чистого листа.

В Tilda 11 шаблонов под разные цели письма: от универсального информационного до приглашения на вебинар.

Редактор содержит четыре вида блоков: 

• текст;
• изображения и гифки;
• карточки товаров или статей; 
• шапка и футер рассылки. 

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

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

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

Изображение можно перетащить из папки на компьютере, вставить ссылку или выбрать по кнопке «Загрузить файл».

Для редактирования кнопки в письме выберите раздел «Контент» и измените текст и ссылку.

В редакторе Tilda можно редактировать контент внутри блока. Для этого выберите пункт «Настройки». Там можно поменять:

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

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

Фон можно менять у всего письма: использовать галерею цветов или загрузить фоновое изображение. Для этого перейдите в раздел «Настройки» в левой верхней части экрана редактора.

Блоки письма в Tilda можно перемещать, копировать, удалять, скрывать. Для этого в правой части блока есть меню.

Чтобы добавить новый блок, откройте библиотеку блоков (плюсик между блоками или кнопка «Все блоки» внизу страницы) и выберите подходящий.

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

Тестирование письма

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

Для отправки тестового письма нажмите кнопку «Опубликовать» и выберите способ просмотра письма: 

• отправка письма на свой email;
• просмотр письма по ссылке в браузере.

Как отправить письмо, созданное в Tilda

Итак, письмо создано и протестировано. Как отправить email из Tilda по базе адресатов?

Отправка из Tilda

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

Например, HR-специалисту необходимо сделать красивое email-приглашение на собеседование новому специалисту. Для этого создаём письмо в редакторе и отправляем тестовое письмо на свой email.

Теперь нажимаем «Переслать письмо» и удаляем все следы пересылки:

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

Минусы способа:

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

Выгрузка HTML-кода 

Чтобы получить дизайн письма для загрузки в ваш почтовый сервис, зайдите в раздел «Опубликовать» и перейдите во вкладку «HTML-код письма».

Скопируйте сгенерированный код и перейдите в сервис рассылки. Функция импорта HTML-кода есть во всех сервисах для отправки писем. Например, в Unisender нажмите на кнопку «Создать рассылку», далее выберите «Письмо с нуля». Сервис предложит загрузить собственный HTML-код:

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

Как интегрировать Tilda с Unisender

1. Получить ID списка и API-ключ Unisender

Сначала нужно зарегистрироваться в сервисе, если ещё не. Потом выбрать «Контакты → Списки → Создать список». В правом столбце будет ID — он нужен для настройки интеграции в Tilda.

Ещё нужно открыть настройки аккаунта, а там раздел «Интеграция и API». После этого нажмите «Показать полностью», введите пароль и скопируйте ключ.

2. Подключить Unisender к Tilda

Нужно авторизоваться в Tilda, перейти к нужному проекту, выбрать «Настройки сайта → Формы». Потом проскроллить до блока «Сервисы рассылок» и выбрать «Unisender».

Дальше нужно просто вставить API-ключ и ID списка, которые получили на предыдущем шаге. И выбрать два других параметра: подтверждение email и режим перезаписывания полей и меток (например, добавлять только новые данные, чтобы не дублировать контакты). И нажать «Добавить».

3. Настроить передачу контактов из формы Tilda в Unisender

Теперь нужно открыть редактор сайта, перейти к форме, которая должна передавать контакты в сервис рассылок, и нажать «Контент». В разделе «Приём данных из формы» ставим галочку рядом с подключенным списком Unisender.

Далее жмём «Сохранить и закрыть» и «Опубликовать».

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

4. Настроить подписку и отписку в Unisender

Чтобы контакты передавались, необходимо вернуться в Unisender и снова открыть «Контакты → Списки». Потом кликнуть на нужный вариант, нажать на три вертикальные точки и вызвать меню, а там уже выбрать «Перейти к настройкам».

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

5. Отправить письмо из Tilda через Unisender

Если всё настроено и работает, в Tilda можно запустить первую рассылку. Сначала нужно создать рассылку — как это сделать, мы рассказали в начале статьи. Затем:

• Создать новую кампанию или выбрать существующую.
• Составить тему письма — от этого зависит открываемость, ключевой показатель эффективности.
• Выбрать список контактов.
• Указать имя отправителя и email для ответа.
• Выбрать язык страницы отписки и дать название кампании.

Далее можно отправить тестовое письмо, запланировать отправку или запустить рассылку сразу.

Когда отправлять письма прямо из Tilda, а когда идти в Unisender

Написать и отправить разовую или регулярную рассылку (например, дайджест новостей или промо-письмо со скидкой) можно прямо из Tilda. К тому же полезный «вечнозелёный» контент — инструкцию, чек-лист или авторскую колонку — можно сразу опубликовать на сайте, это очень удобно.

А чтобы отправлять автоматические письма или цепочки писем (например, приветственные для новых подписчиков или реактивационные — для тех, кто давно не читал рассылку), нужно уже идти в Unisender. В сервисе тоже есть конструктор писем с шаблонами, а также все возможности для автоматизации.

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

• Где взять базу подписчиков для рассылки
• Статистика рассылок: базовый уровень
• Как персонализировать рассылки, чтобы продавать больше

Примеры писем, созданных в Tilda

Интернет-магазин здоровых снеков

Магазин украшений

Бизнес-форум

Онлайн-журнал «Еда»

Чек-лист хорошей рассылки: что проверить перед отправкой первого письма

Не важно, создаёте вы письмо в Tilda или напрямую в сервисе рассылок — эти советы вам точно пригодятся.

1. Письмо соответствует правилам сервиса рассылок и почтовых служб.
2. В рассылке нет проблем с вёрсткой и дизайном.
3. Первое письмо — это знакомство, а не коммерческое предложение.
4. Рассылка идёт с корпоративного домена.
5. Всё в порядке с техническими настройками.
6. Для рассылки используется качественная база подписчиков.
7. В письме есть информация об отправителе.
8. В письме указана причина получения письма.
9. Тема отражает суть письма.
10. В письме есть ссылка на отписку.
11. Рассылка не содержит автоматических вставок пользовательского контента.
12. Тематика рассылки не запрещена законом.