Конструктор писем

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

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

Конструктор писем — собственный редактор Тильды для создания рассылок. Письмо можно отправить из Тильды при помощи сервисов MailChimp, UniSender или SendGrid. Также можно скопировать HTML-код письма и использовать его в любом сервисе для отправки писем.
Создание письма
Перейдите на страницу «Мои сайты» и нажмите на кнопку «Создать рассылку». Будет создан отдельный проект, в котором можно создавать и отправлять письма.
Проект отличается от обычного сайта — у него другие настройки и другая библиотека блоков. К этому проекту можно подключить отдельный домен или поддомен.

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

В проекте рассылки нажмите на кнопку «Создать новое письмо» и выберите шаблон письма.
Шаблон — это образец хорошего дизайна и пример использования блоков. Выбор шаблона никак не ограничивает ваше творчество — в любое время можно изменить его до неузнаваемости и даже начать с чистого листа.
Редактирование письма
Чтобы заменить текст, кликните на него и напишите собственный.
Конструктор писем: редактирование заголовка в блоке MT102 «Карточка с кнопкой».
Чтобы поменять изображение, кликните на него → во всплывающем окне загрузите изображение с компьютера или по ссылке.
В редакторе писем Tilda: окно загрузки изображения с кнопкой «Загрузить файл» и опцией «Загрузка по ссылке».
Установить ссылку на кнопку можно через контент блока в поле «Ссылка».
Чтобы изменить внешний вид блока, нажмите кнопку «Настройки». Тут можно поменять типографику текста (размер шрифта, межстрочное расстояние, цвет), стиль кнопок, цвет фона блока, отступы и цвет для контейнера.
Что такое контейнер
В рассылках в каждом блоке есть контейнер — модуль с фиксированной шириной 600px, внутри которого расположен контент.
Редактор рассылки: фиксированная ширина письма в рабочей области.
Поменять фон для всего письма можно в настройках страницы, на вкладке «Главное». У фона можно поменять цвет, либо загрузить изображение.
Настройки страницы, вкладка «Главное»: поле «Цвет фона страницы» и кнопка «Загрузить файл» в пункте «Картинка на фоне страницы».
Блоки можно менять местами, копировать, перемещать, скрывать и удалять.
В конструкторе писем: панель управления блоком справа со значками дублирования, удаления, отключения и перемещения.
Чтобы добавить новый блок нажмите на плюс (+) между блоками или на кнопку «Все блоки» внизу страницы. В библиотеке выберите подходящий блок.
Тестирование письма
Перед отправкой письма можно посмотреть как оно будет выглядеть в почтовом клиенте и в браузере. Нажмите на кнопку «Опубликовать».
В конструкторе писем: кнопка «Опубликовать» на верхней панели управления.
Во всплывающем окне укажите email на который придет тестовое письмо и нажмите на кнопку «Отправить тестовое письмо».
Вкладка «Отправить»: поле для ввода адресов и кнопка «Отправить тестовое письмо».
Письмо придет на указанный email с пометкой [TEST].
В почтовом сервисе Gmail: тема тестового письма вверху страницы.
Чтобы посмотреть письмо в браузере, перейдите на вкладку «Ссылка на письмо» во всплывающем окне и нажмите на кнопку «Открыть страницу».
Окно публикации письма: вкладка «Ссылка на письмо» и кнопка «Открыть страницу».
Отправка письма
Для отправки писем из Тильды необходимо подключить один из сервисов рассылок — MailChimp, UniSender или SendGrid.
Отправка писем через MailChimp
Подробнее
Отправка писем через UniSender
Подробнее
Отправка писем через SendGrid
Подробнее
Отправка письма через MailChimp
Опубликуйте письмо → во всплывающем окне нажмите на кнопку «Отправить рассылку» → выберите MailChimp в списке сервисов email-рассылок → нажмите на кнопку «Подключить MailChimp».
Во всплывающем окне введите ваш логин и пароль от аккаунта в MailChimp → далее нажмите на кнопку «Allow».
Сервис подключен. Далее необходимо подготовить письмо к отправке — заполнить информацию об отправителе, списке контактов и т. д.
  1. Создайте новую кампанию (кампания будет создана в вашем аккаунте в MailChimp) или выберите существующую;
  2. Укажите тему сообщения — она будет в письмах, которые получат ваши подписчики;
  3. Выберите список контактов, которому будет отправлено письмо (создается заранее в MailChimp);
  4. Укажите имя отправителя — оно будет указано в поле «От кого» в письмах, которые придут вашим подписчикам;
  5. Укажите email для ответа — на него придет письмо, если ваш подписчик нажмет «Ответить» и отправит письмо;
  6. Задайте название кампании. По умолчанию название кампании совпадает с темой письма. Название кампании видно только вам, подписчики его не увидят.
Нажмите на кнопку «Далее» — кампания будет создана и сохранена как черновик в вашем аккаунте в MailChimp, но пока не будет отправлена.
Страница «Подготовка письма к отправке»: кнопка «Далее» внизу формы.
На следующем шаге можно отправить тестовое письмо, запланировать кампанию (задать время отправки) или отправить рассылку сразу.
Страница отправки рассылки: параметры кампании слева и разделы «Тестовая отправка письма», «Планирование отправки» и «Запустить кампанию».
Отправка письма через UniSender
Опубликуйте письмо → во всплывающем окне нажмите на кнопку «Отправить рассылку» → выберите UniSender в списке сервисов email-рассылок → укажите API Key, который нужно скопировать из вашего аккаунта в UniSender → нажмите на кнопку «Добавить».
Сервис подключен. Далее необходимо подготовить письмо к отправке — заполнить информацию об отправителе, списке контактов и т. д.
  1. Создайте новую кампанию (кампания будет создана в вашем аккаунте в UniSender) или выберите существующую;
  2. Укажите тему сообщения — она будет в письмах, которые получат ваши подписчики;
  3. Выберите список контактов, которому будет отправлено письмо (создается заранее в UniSender);
  4. Укажите имя отправителя — оно будет указано в поле «От кого» в письмах, которые придут вашим подписчикам;
  5. Укажите email для ответа — на него придет письмо, если ваш подписчик нажмет «Ответить» и отправит письмо. Email должен быть заранее подтвержден в сервисе UniSender;
  6. Выберите язык страницы отписки — на нее будет переадресован пользователь, который нажмет на кнопку «Отписаться»;
  7. Задайте название кампании. По умолчанию название кампании совпадает с темой письма. Название кампании видно только вам, подписчики его не увидят.
Нажмите на кнопку «Далее» — кампания будет создана и сохранена как черновик в вашем аккаунте в UniSender, но пока не будет отправлена.
Окно «Подготовка письма к отправке»: кнопка «Далее» внизу формы.
На следующем шаге можно отправить тестовое письмо, запланировать кампанию (задать время отправки) или отправить рассылку сразу.
Страница отправки рассылки: параметры кампании слева, блоки «Тестовая отправка письма», «Планирование отправки» и «Запустить кампанию» справа.
Отправка письма через SendGrid
Опубликуйте письмо → во всплывающем окне нажмите на кнопку «Отправить рассылку» → выберите SendGrid в списке сервисов email-рассылок → укажите API Key, который нужно скопировать из вашего аккаунта в SendGrid → нажмите на кнопку «Добавить».
Сервис подключен. Далее необходимо подготовить письмо к отправке — заполнить информацию об отправителе, списке контактов и т. д.
  1. Создайте новую кампанию (кампания будет создана в вашем аккаунте в SendGrid) или выберите существующую;
  2. Укажите тему сообщения — она будет в письмах, которые получат ваши подписчики;
  3. Выберите список контактов, которому будет отправлено письмо (создается заранее в SendGrid);
  4. Выберите отправителя (создается заранее в SendGrid);
  5. Выберите группу для отписавшихся (создается заранее в SendGrid);
  6. Задайте название кампании. По умолчанию название кампании совпадает с темой письма. Название кампании видно только вам, подписчики его не увидят.
Нажмите на кнопку «Далее» — кампания будет создана и сохранена как черновик в вашем аккаунте в SendGrid, но пока не будет отправлена.
Окно «Подготовка письма к отправке»: кнопка «Далее» внизу формы.
На следующем шаге можно отправить тестовое письмо, запланировать кампанию (задать время отправки) или отправить рассылку сразу.
Страница отправки рассылки: параметры кампании слева, разделы «Тестовая отправка письма», «Планирование отправки» и «Запустить кампанию» справа.
Получение HTML-кода для любого сервиса рассылок
Опубликуте письмо → перейдите на вкладку «HTML-код письма» → скопируйте код.
Вкладка «HTML-код письма»: кнопка «Копировать код».
Перейдите в ваш сервис рассылок → выберите способ создания письма «Импорт html-кода» → вставьте скопированный код письма.
Эта функция есть во всех сервисах для отправки писем. Например, в сервисе Brevo (ранее SendinBlue) она выглядит так:
В панели Brevo на вкладке «Code your own»: кнопка «Use HTML Editor» в блоке «HTML Editor».

Создание главной страницы и новостной ленты

У проекта рассылки можно создать главную страницу и превратить ее в полноценный сайт с дайджестом вышедших материалов. Для этого перейдите в Настройки проекта рассылки → в разделе «Главная страница» нажмите на кнопку «Создать главную страницу».
Вкладка «Главная страница» в настройках рассылки: кнопка «Создать» в секции «Создать главную страницу».
По умолчанию на главной странице располагается форма подписки и автоматический список опубликованных писем. Но вы также можете добавить любые другие блоки из стандартной библиотеки блоков.
Страница рассылки в редакторе с формой подписки и блоком автоматического дайджеста материалов.

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

Чтобы определенное письмо не отображалось в автоматическом списке на главной странице, перейдите в его настройки → вкладка «Дополнительно» → установите галочку «Не выводить в автоматическом списке писем на главной» → сохраните изменения.
Чтобы на главной странице письма отображались с бейджиками, необходимо загрузить изображение в настройках страницы, на вкладке «Бейджик».
«Настройки страницы», вкладка «Бейджик»: кнопка «Загрузить файл» в разделе «Текущее изображение бейджика».
Для главной страницы и для отдельного письма можно задать собственный адрес. Это действие необязательное.
Для главной страницы адрес задается в настройках проекта. В разделе «Домен» вы можете подключить отдельный домен (mynewsletter.com) или субдомен вашего сайта (news.mysite.com). Также можно использовать бесплатный субдомен Тильды (mynews.tilda.ws), он настраивается в разделе «Главное».
Адрес страницы (письма) задается в настройках этой страницы.
Поле «АДРЕС СТРАНИЦЫ» на вкладке «Главное» в окне «Настройки страницы».
При публикации письма, вы получаете ссылку на страницу. Этой страницей можно поделиться в социальных сетях или добавить ссылку на нее в блоге. Такие обновления будут положительно влиять на SEO.
Пример рассылки, созданной в конструкторе писем Tilda, с иллюстрацией, заголовком, текстом и кнопкой «Смотреть главные итоги».
В веб-версии к каждому письму добавляется «шапка» с названием проекта и ссылкой на форму подписки и «подвал» с формой подписки и ссылкой на последние публикации.
Опубликованная страница рассылки с карточкой «Подпишитесь на рассылку», кнопкой «Подписаться» и списком других выпусков.
Made on
Tilda