Работа с ссылками и кнопками
Скопировать ссылку на статью
Скопировано

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

1 иконка (стрелка назад) - отмена предыдущего действия или нескольких действий.

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

2 иконка (стрелка вперед) - возврат отмененного действия.

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

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

Добавление ссылок в текст письма

Для добавления ссылки в тело письма выделите необходимый текст и кликните по кнопке «Сделать ссылкой» на панели инструментов (кнопка располагается в верхней области).

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

При нажатии на ссылку отобразятся дополнительные поля: «Ссылка» и «Название». В поле «Ссылка» можно выбрать тип ссылки и указать название.

Обычные ссылки:

  • Сайт (http, https)
  • Почта (mailto:)
  • Файл (ftp, ftps)
  • Skype (skype:)
  • Телефон (tel:)
  • Смс (sms:)
  • Другой (протокол указывается вручную)

Специальные ссылки:

  • Отписка от рассылки (в исходном коде выглядит как: <a href="%unsubscribe-link%">Текст ссылки</a>)
  • Просмотр в браузере (в исходном коде выглядит как: <a href="%web-version-link%">Текст ссылки</a>)

Поделиться:

  • на Facebook
  • в Twitter
  • в LinkedIn
  • на Pinterest
  • по Почте

Разрешить перенос строк

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

Добавление кнопок CTA

Кнопка, по сути, является оформленной URL-ссылкой.

Рассмотрим, как добавить кнопку в шаблон письма:

  • вставьте блок «Кнопка» в шаблон рядом с элементом, с которым она связана;
  • нажмите на блок кнопки в шаблоне, чтобы активировать панель настроек. Вставьте соответствующую URL-ссылку и введите текст для кнопки;
  • настройте стиль текста – шрифт, тип и размер. Установите цвет кнопки и шрифта;
  • при необходимости вы можете применить ховер-эффект при наведении на кнопку.

Примечание

Если ховер-эффект отсутствует на панели настроек, его необходимо активировать по пути: Оформление > Кнопка > настройка «Подсвечивать по наведению».

Также в настройках элемента можно установить закругление, выравнивание, внутреннюю и внешнюю границы.

Примечание

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

Благодарим за отзыв.
Была ли статья полезна?
Нет
  • Рекомендации не помогли
  • Нет ответа на мой вопрос
  • Текст трудно понять
  • Не нравится описанный функционал
Да
Предыдущая статья
Настройка оформления в конструкторе писем
Основные настройки шаблона письма. В статье описано, как добавить кнопки, настроить адаптивность, ширину письма и цвет основных элементов.
Следующая статья
Добавление изображений
Узнайте, как добавить изображение или баннер в шаблон письма, а также, что такое «эффект ролловера» и как с ним работать.