Как настроить кнопку в попапах

В конструкторе попапов SendPulse вы можете добавить элемент Кнопка, который обеспечивает переход по ссылке на другие страницы, блоки или для связи через телефон или email.

В этой статье вы узнаете, как добавить и настроить элемент Кнопка в попапах.

Добавьте элемент

Нажмите + Добавить элемент (+ Add element) и выберите Кнопка.

Настройте кнопку

В панели редактирования элемента вы можете настроить параметры кнопки. Выберите тип кнопки: текст или в виде изображения.

Текст

Для текстовой кнопки введите текст кнопки.

Рекомендуем учитывать размеры вашего попапа и писать название кнопки максимально кратко и понятно.

Выберите настройки стиля:

Размер (Size) Выберите размер кнопки: маленький (S), средний (M) или большой (L).
Цвет текста (Text color) Выберите цвет текста из палитры.
Цвет кнопки (Button color) Нажмите на иконку, выберите цвет с помощью ползунков и нажмите Сохранить.

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

Выберите действие после нажатия на кнопку:

Перейти к следующему шагу (Next step) Переходить к следующему окну попапа.
Закрыть модальное окно (Close modal window) Закрывает окно попапа.
Открыть URL (Open URL) Открывает другую страницу или сайт в новом окне.

Нажмите Сохранить (Save).

Изображение

Для кнопки с изображением загрузите изображение. Выберите размер кнопки: маленький (S), средний (M) или большой (L).

Определите действие, которое произойдет после нажатия на кнопку: перейти к следующему шагу, закрыть модальное окно или открыть URL.

Нажмите Сохранить (Save).

Группы кнопок

Вы можете создать группу до 6 кнопок и настроить их положение. Перейдите в настройки элемента Кнопка и в разделе Выравнивание кнопок (Button alignment) выберите, как располагать: по горизонтали или по вертикали.

Чтобы создавать группы кнопок, каждую кнопку нужно создавать внутри одного элемента Кнопка, как дополнительный элемент.

Чтобы добавить кнопку внутри элемента Кнопка, нажмите + Добавить кнопку.

Чтобы настроить каждую отдельно, нажмите на иконку карандаша напротив нее.

    Оцените, насколько полезна статья "Как настроить кнопку в попапах"

    Оценка: 5 / 5

    Назад

    Как найти селектор CSS

    Популярное в нашем блоге

    Начните пользоваться сервисом SendPulse прямо сегодня