Кнопка в письме Unisender добавляется как элемент: на вкладке «Контент» — «Элементы» находите «Кнопка», перетаскиваете на рабочую область, задаёте текст и URL, затем проверяете в предпросмотре и тестовом письме.
Кнопка в письме Unisender — элемент нового редактора
В новом редакторе три уровня структуры: группа объединяет блоки, блок включает один или несколько элементов, элемент отвечает за наполнение письма контентом. Кнопка относится к элементам — с её помощью в макет добавляют кликабельный блок со ссылкой для призыва к действию [1].
Старый конструктор в этой инструкции не рассматривается: маршрут, названия панелей и порядок действий ниже относятся к новому блочному редактору. Если вы работаете в старом, сверяйтесь с его собственной справкой — переносить названия панелей из нового редактора туда не стоит.
Где найти кнопку в новом редакторе
Все элементы собраны на вкладке «Контент» — «Элементы» [1]. В редакторе доступно 13 элементов, и «Кнопка» — один из них; в описании элемента указано, что он вставляет кликабельный блок со ссылкой и подходит для призыва к действию вроде «Купить» или «Подробнее» [1].
Маршрут короткий:
- Откройте письмо в новом редакторе.
- Перейдите на вкладку «Контент».
- Внутри выберите раздел «Элементы».
- Найдите в списке «Кнопка».
Как перетащить кнопку в письмо
Чтобы добавить элемент, найдите его на вкладке «Контент» — «Элементы» и перетащите на рабочую область [1]. Элемент можно бросить сразу в нужный блок или в любое место рабочей области; при добавлении вне блока редактор автоматически создаст блок и поместит в него новый элемент [1].
Дальше кнопкой управляют иконки, которые появляются при наведении курсора на элемент: переместить (зажать иконку с точками и перетащить), отредактировать (значок карандаша открывает панель настроек справа), клонировать, удалить [1]. Удалённый элемент возвращается кнопкой «Отменить» или сочетанием Ctrl/⌘ + Z [1].
Текст и ссылка кнопки
Текст на кнопке заменяют так же, как обычный текст в шаблоне: выделяют, удаляют и печатают нужный [2]. Внешний вид — размеры, цвет, скругление углов — задают в настройках элемента [2]. Ссылку прописывают в соответствующем поле настроек кнопки, чтобы по клику подписчик перешёл на нужную страницу [2].
Учебный пример
Письмо приглашает на консультацию. Карточка кнопки заполнена: слева поле, справа значение.
| Поле | Значение |
|---|---|
Элемент |
Кнопка |
Текст кнопки |
Выбрать время |
Ссылка (URL) |
https://example.org/booking?utm_source=unisender&utm_medium=email&utm_campaign=consultation |
Размер, цвет, скругление |
по дизайну письма |
Проверка карточки: текст короткий и называет действие; в URL есть источник, канал и кампания, чтобы переход из письма отличался от переходов из других каналов; размер, цвет и скругление подберите под дизайн письма.
Проверка кнопки перед отправкой
Скругление и процентные размеры могут отображаться по-разному в почтовых клиентах, поэтому перед отправкой рассылки письмо обязательно проверяют в режиме предпросмотра и отправляют тестовое письмо [1].
Матрица проверки — пройдите по строкам до отправки:
| Что проверяем | Где | Признак, что всё в порядке |
|---|---|---|
Кнопка на месте, текст читается |
предпросмотр на компьютере |
кнопка стоит в нужном блоке, текст не обрезан |
Кнопка видна и не ломает вёрстку |
предпросмотр на телефоне |
кнопка в пределах экрана, отступы ровные |
Ссылка ведёт на нужную страницу |
клик по кнопке в тестовом письме |
открывается страница с UTM-метками в адресе |
Кнопка работает в реальном клиенте |
тестовое письмо на свой адрес |
кнопка кликабельна, ведёт туда же, что в предпросмотре |
Чек-лист перед отправкой:
- Элемент «Кнопка» взят со вкладки «Контент» — «Элементы» и стоит в нужном блоке письма.
- Текст кнопки называет действие.
- В поле ссылки вписан полный URL с UTM-метками.
- Кнопка проверена в предпросмотре на компьютере и на телефоне.
- Тестовое письмо получено, клик по кнопке открывает нужную страницу.
Если кнопка ведёт на лендинг или сайт, проверьте, что ссылка открывается и без письма — из адресной строки браузера. Это ловит опечатки в URL до того, как рассылка уйдёт подписчикам. О том, как письмо доходит до inbox и что влияет на доставляемость, — в разборе доставляемости писем; о том, как собрать текст и оффер вокруг кнопки, — в материале про рассылку с нейросетью.
Кнопка готова к отправке, когда все пять пунктов чек-листа отмечены и тестовое письмо пришло с рабочей ссылкой.
Источники
- Как работать с элементами в новом блочном редакторе от Unisenderwww.unisender.com
- Как создать письмо по шаблону в новом редакторе Unisenderwww.unisender.com
Автор метода «Машиночитаемый маркетинг»