Как настроить кнопку в попапах
В конструкторе попапов SendPulse вы можете добавить элемент Кнопка, который обеспечивает переход по ссылке на другие страницы, блоки или для связи через телефон или email.
В этой статье вы узнаете, как добавить и настроить элемент Кнопка в попапах.
Добавьте элемент
Нажмите + Добавить элемент (+ Add element) и выберите Кнопка.
Настройте кнопку
В панели редактирования элемента вы можете настроить параметры кнопки. Выберите тип кнопки: текст или в виде изображения.
Текст
Для текстовой кнопки введите текст кнопки.
Рекомендуем учитывать размеры вашего попапа и писать название кнопки максимально кратко и понятно.
Выберите настройки стиля:
| Размер (Size) | Выберите размер кнопки: маленький (S), средний (M) или большой (L). |
| Цвет текста (Text color) | Выберите цвет текста из палитры. |
| Цвет кнопки (Button color) | Нажмите на иконку, выберите цвет с помощью ползунков и нажмите Сохранить.
Чтобы вернуться к изначальному цвету под стиль попапа, перейдите к разделу Стиль, а затем выберите цвет попапа. |
Выберите действие после нажатия на кнопку:
| Перейти к следующему шагу (Next step) | Переходить к следующему окну попапа. |
| Закрыть модальное окно (Close modal window) | Закрывает окно попапа. |
| Открыть URL (Open URL) | Открывает другую страницу или сайт в новом окне. |
| Загрузить файл (Download file) | Загружает файл. Выберите файл из файлового хранилища вашего аккаунта или загрузите со своего устройства. |
Нажмите Сохранить (Save).
Изображение
Для кнопки с изображением загрузите изображение. Выберите размер кнопки: маленький (S), средний (M) или большой (L).
Определите действие, которое произойдет после нажатия на кнопку: перейти к следующему шагу, закрыть модальное окно или открыть URL.
Нажмите Сохранить (Save).
Группы кнопок
Вы можете создать группу до 6 кнопок и настроить их положение. Перейдите в настройки элемента Кнопка и в разделе Выравнивание кнопок (Button alignment) выберите, как располагать: по горизонтали или по вертикали.
Чтобы добавить кнопку внутри элемента Кнопка, нажмите + Добавить кнопку.
Чтобы настроить каждую отдельно, нажмите на иконку карандаша напротив нее.
Обновлено: 13.09.2024
или