Як налаштувати кнопку в попапах

У конструкторі попапів 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 (7)

    Назад

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

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

    Почніть користуватися сервісом SendPulse прямо сьогодні