Кнопки и скроллы в воронках

В данной статье мы рассмотрим настройку кнопок в воронке. Также, мы рассмотрим, как настроить скролл - переход к определённому блоку воронки при помощи кнопки.

• Общие настройки кнопок
• Действия кнопки

Общие настройки кнопок

Для того, чтобы настроить кнопку, наведите курсор на блок с кнопкой и нажмите "Настройки" (рис. 1).

Рисунок 1.

В открывшемся окне перейдите на вкладку "Кнопка 1" или "Кнопка 2" - в зависимости от того, какую из кнопок вы хотите настроить (рис. 2).

Рисунок 2.

Рассмотрим общие настройки кнопок (рис. 3).

Рисунок 3.

Кнопка включена - данная галочку отвечает за отображение кнопки в блоке.

Текст кнопки - надпись, которая отображается на кнопке.

Действие кнопки - действие, которое будет произведено при нажатии на кнопку.

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

Для кнопки доступны следующие действия (рис. 4):

Рисунок 4.

• URL адрес
• Переход к блоку
• Показ всплывающей формы
• Переход на оплату
• Переход на оплату c Upsell

URL адрес

Рисунок 5.

Данное действие позволяет перенаправить пользователя на нужную вам страницу при клике на кнопку.

URL - выпадающий список, в котором можно выбрать страницу для перехода. Это может быть либо другая страница воронки, либо любой другой произвольный URL-адрес.

Свой URL-адрес - произвольный URL-адрес для перехода. Поле отображается, если в поле "URL" было выбрано значение "Указать свой URL-адрес".

Открыть ссылку в новой вкладке - если эта галочка стоит, то ссылка при клике на кнопку откроется в отдельной вкладке.

Аналитика - использование этой настройки подробно описано в соответствующей инструкции.

Переход к блоку

Рисунок 6.

Данное действие позволяет прокрутить страницу (сделать скролл) к конкретному блоку на странице воронки. Такой переход продемонстрирован на видео ниже:

Для выбора блока нажмите "Выбрать блок" (рис. 7), а затем наведите курсор мыши на нужный блок воронки и нажмите на него (рис. 8).

Рисунок 7.

Рисунок 8.

Показ всплывающей формы

Рисунок 9.

Данное действие позволяет отобразить для пользователя всплывающую форму захвата (рис. 10).

Рисунок 10.

Настройка такой формы более подробно описана в соответствующей инструкции.

Переход на оплату

Рисунок 11.

Данное действие перенаправляет клиента на страницу оформления заказа с заранее добавленными вами товарами.

Для того, чтобы привязать к этому действию товар, на вкладке "Товар" нажмите "Выбрать товары" (рис. 12).

Рисунок 12.

Выберите товар из списка и нажмите "Применить" (рис. 13).

Рисунок 13.

Укажите цену товара и его количество (рис. 14). Если цену не указывать - к товару применится его обычная цена из админинстративной панели.

Рисунок 14.

Скрывать доставку на оформлении заказа - поставьте эту галочку, если необходимо сделать так, чтобы пользователь на странице оформления заказа мог выбрать только метод оплаты. Методы доставки в данном случае будут скрыты от него.

После этих настроек кнопки при клике на неё клиента перенаправит на страницу оформление заказа (рис. 15).

Рисунок 15.

Переход на оплату с Upsell

Рисунок 16.

Данное действие аналогично действию "Переход на оплату", но с возможностью выбрать из выпадающего списка "Upsell лендинг" - отдельную страницу воронки, на которой будет предлагаться допродажа к основному товару (рис. 17).

Рисунок 17.

Готово. Мы рассмотрели настройку кнопок и скроллов в воронке.