Чтобы вставить кнопку в письмо, выберете соответствующий блок во вкладке «Содержимое» и перенесите его в нужную строку:
Рассмотрим все настройки блока «Кнопка»
1. В свойствах блока вы можете оставить комментарий, удалить, дублировать или снять выделение с блока:
2. Поле «Тип ссылки» позволяет настроить действие при клике на кнопку:
-
Открыть ссылку — переход на сайт или к прикрепленному ниже файлу
-
Отправить письмо — переход на указанный email с заданной темой и текстом
-
Позвонить — набор номера телефона
-
Отправить СМС — заранее заданное сообщение на указанный номер
3. В поле «Ширина» вы можете задать необходимую ширину картинки, сдвигая ползунок влево или вправо:
- Слайдер «Авто ширина» автоматически подгонит ширину кнопки с учетом колонки
4. Поле «Шрифт» позволяет установить необходимый шрифт только для текста внутри выбранной кнопки:
5. В поле «Толщина шрифта» вы можете установить жирную или обычную толщину:
6. Поля «Цвет фона» и «Цвет текста» позволяют задать цвет через палитру цвета (нажатие на квадрат) или вводом цветового кода:
7. Поле «Выравнивание» дает возможность выровнять кнопку по левому краю блока, центрировать её или привязать к правому краю блока:
8. Поле «Line height» дает возможность, выбрать общий интервал между строками текста:
9. В поле «Межбуквенный интервал» вы можете задать расстояние между буквами:
10. В поле «Направление текста» вы можете выбрать сторону написания текста, Слева направо или Справа налево:
11. Поле «Отступы содержимого» дает возможность задать отступы внутри кнопки сразу для всех сторон, визуальное отображение можно увидеть на рядом расположенном изображении:
Или переключить слайдер и задать отступы для каждой из сторон кнопки индивидуально:
12. В поле «Граница» можно задать внешние границы кнопки:
Переключение слайдера "Подробнее" дает возможность задать стиль линии для каждой стороны отдельно:
13. Раздел «Button Hover» позволяет добавлять эффекты наведения курсора, которые изменяют цвет, шрифт или стиль рамки кнопок в онлайн-редакторах писем и лендингах:
❗ Обратите внимание, некоторые почтовые клиенты не поддерживают эффект наведения курсора. Для получения дополнительной информации ознакомьтесь с следующим списком: https://www.caniemail.com/features/css-pseudo-class-hover/