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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Примечание

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

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

Примечание

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

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

Обратная связь

Нажимая на кнопку, вы соглашаетесь с условиями пользовательского соглашения

Сообщение отправлено!

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

Сообщение не отправлено!

Произошла непредвиденная ошибка. Мы уже уведомлены об инциденте и в ближайшее время всё починим.