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

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

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

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

Для того, чтобы пройти в настройки захвата формы, наведите курсор на блок с формой захвата и нажмите на значок шестеренки или слово “Настройки” (см. рис 1):

Рисунок 1.

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

Рисунок 2.

По порядку рассмотрим настройки кнопки (см. рис. 3):

Рисунок 3.

1. Кнопка включена - опция отвечает за отображение кнопки в воронке продаж;
2. Текст кнопки - это надпись кнопки;
3. Действие кнопки - событие, которое происходит при нажатии на кнопку.

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

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

Рисунок 4.

1. URL адрес;
2. Переход к блоку;
3. Показ всплывающей формы;
4. Переход на оплату;
5. >Переход на оплату c Upsell.

Урл адрес

Для выбора данного действия выберите в настройках кнопки действие “Урл адрес” (см. рис. 5):

Рисунок 5.

У данного действия есть следующие возможности: переход на произвольный URL адрес. Для этого нужно сделать следующее (см. рис. 6.):

Рисунок 6.

1. Выбираете вариант “Указать свой URL/адрес”;
2. Вставляете ссылку, куда необходимо будет перенаправить клиента после нажатия на кнопку.

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

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

Для выбора данного действия выбираете в вариант “Переход к блоку” (см. рис. 8):

Рисунок 8.

Есть два варианта выбора блока (см. рис. 9):

Рисунок 9.

1. Прописать идентификатор блока (идентификатор блока - это его id, узнать его можете согласно инструкции https://www.advantshop.net/help/pages/work-with-css ;
2. Выбрать блок - Вы переключитесь на воронку продаж и Вам нужно будет просто кликнуть на подсвеченный блок за курсором мыши.

Аналогичным образом работает переход к блоку через функционал пунктов меню (см. рис. 10):

Рисунок 10.

1. В настройках блока переходите в раздел “Пункты меню” (такой элемент используется, например, в элементе конструктора “Шапка”);
2. Выбираете блок описанным ранее способом (см. рис. 9).

Подсвеченный блок для выбора перехода (см. рис. 11):

Рисунок 11.

Данный вариант перехода также называется “скроллом”

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

При выбора варианта показа всплывающей формы (см. рис. 4, п.2) будет показана всплывающая форма с данными для ввода (см. рис. 12):

Рисунок 12.

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

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

У кнопки также можно назначить действие перехода на оплату (см. рис. 13):

Рисунок 13.

Внимание!

Если указать цену у товара, то товар будет добавляться в корзину с указанной ценой на продающих типах воронок, например, “Товарная воронка с заявкой“

1. Кликаете на выпадающий список;
2. В настройках кнопки выбираете действие “Переход на оплату” в выпадающем списке;
3. Выбираете товар из каталога;
4. Цена подставится автоматически после выбора товара. Также её можете откорректировать вручную и выставить количество товара;
5. Если хотите скрыть доставку, поставьте галочку в поле "Скрывать доставку на оформлении заказа". Нажимаете “Сохранить”.

После клика на кнопку клиента перекинет на оформление заказа (см. рис. 14);

Рисунок 14.

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

Переход на оплату с Upsell схож с переходом на оплату, но различается тем, что клиенту после оформления заказа открывается воронка с допродажей (Upsell). Чтобы применить переход на страницу с Upsell, необходимо (см. рис. 15):

Рисунок 15.

1. Выбираете в действии вариант “Переход на оплату с Upsell”;
2. Указываете товар и стоимость (см. рис. 12);
3. Выбираете Upsell лендинг (создается заранее в воронках).

Нажимаете “Сохранить”. На этом настройка кнопок завершена.