Как настроить кнопку на сайте

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

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

Добавьте виджет Кнопка (Buttons) в нужную часть сайта.

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

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

Чтобы добавить дополнительную кнопку в строку колонки, нажмите Добавить (Add). Для настройки кнопки нажмите значок редактирования.

Выберите тип и добавьте ссылку

Напишите текст кнопки. Выберите тип: ссылку, телефон, email или якорь, а затем введите нужные данные.

Рассмотрим назначение каждого типа ссылки:

Выберите тип открытия

Вы можете настроить переход по ссылке: в новом окне или в текущем. Активируйте переключатель Открыть в новом окне (Open in new window), чтобы ссылка кнопки открывалась в отдельной вкладке браузера.

Скопируйте ID

Для каждой кнопки предусмотрен идентификатор (ID), который определяет элемент на странице. C его помощью вы можете применять стили и скрипты, настроить показ попапов и отслеживать события по этому элементу.

Вы можете скопировать ID для всего элемента с кнопками или для каждой кнопки отдельно:

• Чтобы скопировать ID для всего элемента, в настройках виджета прокрутите вниз до секции ID и нажмите на название.
• Чтобы скопировать ID для определенной кнопки, нажмите на иконку карандаша напротив нужной кнопки и перейдите в редактирование самой кнопки.

Чтобы отредактировать ID, нажмите на значок карандаша.

Читайте подробнее: ID блока и виджета.

Настройте внешний вид кнопки

Настройте расположение и анимацию

Перейдите в меню редактирования элемента и выберите его размещение.

Вы можете выбрать расстояние между кнопками в поле Отступ между (Indent between).

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

Выберите расположение кнопки относительно секции или блока: слева, по центру или справа.

Также вы можете добавить анимацию во время прокрутки страницы, для этого активируйте переключатель Анимация при прокрутке (Animation on scroll) и выберите тип, направление и скорость анимации.

Читайте подробнее: Анимация элементов.

Выберите стиль кнопки

Перейдите в настройки кнопки.

По умолчанию стили подходят из общего стиля страницы: основной и вторичный. Но можно создать для каждой кнопки свой стиль – для этого выберите опцию Настраиваемый (Custom).

Для Настраиваемого стиля вы можете задать скругление для каждого угла кнопки отдельно, что позволяет создавать уникальные формы.

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

Также можно редактировать ширину: автоматическую, на всю ширину контейнера или фиксированную.

Добавьте иконку

Чтобы добавить изображение-пиктограмму для кнопки, активируйте переключатель Добавить иконку (Add icon). После активации выберите нужную иконку и настройте ее расположение: справа или слева от текста кнопки.

Добавьте эффекты

Активируйте переключатель Дополнительный эффект (Additional effect), чтобы добавить анимацию и эффект при наведении на кнопку.

В поле Условие (Condition) выберите действие посетителя с кнопкой, которая запустит эффект, а в поле Эффект (Efect) выберите анимацию, доступную для заданного условия.

Настройте аналитику

Вы можете настроить передачу целей с формы в события Google Analytics и Facebook Pixel. Нажмите Настроить аналитику (Analytics settings).

Если у вас не активирована аналитика, перейдите по ссылке Как настроить (How to set it up).

Для активации передачи данных, в настройках сайта должны быть добавлены коды пикселя Facebook и Google Analytics. Узнайте больше: Как подключить Google Analytics к сайту и Как подключить пиксель Facebook к сайту.

Если у вас активирована аналитика, вы увидите два переключателя.

Если вы активировали переключатель Передавать цель в Google Analytics, введите данные для полей Категория (Category), Действие (Action), Метка (Label) — эти параметры будут передаваться в аналитику в разделе События.

Если вы активировали переключатель Передавать цель в пиксель Facebook, автоматически будет сформировано событие Complete Registration. Его вы сможете просмотреть в Менеджере событий вашего бизнес-аккаунта Facebook.

Также можно передавать данные в аудиторию чат-бота, если вы добавляли для кнопки ссылку на цепочку.

Обновлено: 19.03.2025