Как вам помочь ?

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

Статья актуальна для версии магазина: 8.0-8.5 | 7.0-6.5

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

 

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

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

Кнопки и скроллы в воронках - 6426
Рисунок 1.

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

Кнопки и скроллы в воронках - 9100
Рисунок 2.

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

Кнопки и скроллы в воронках - 3284
Рисунок 3.

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

 

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

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

Кнопки и скроллы в воронках - 4838
Рисунок 4.

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

Урл адрес

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

Кнопки и скроллы в воронках - 7989
Рисунок 5.

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

Кнопки и скроллы в воронках - 5799
Рисунок 6.

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

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

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


Рисунок 7.

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

Кнопки и скроллы в воронках - 9699
Рисунок 8.

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

Кнопки и скроллы в воронках - 2283
Рисунок 9.

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

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

Кнопки и скроллы в воронках - 2622
Рисунок 10.

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

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

Кнопки и скроллы в воронках - 7830
Рисунок 11.

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

 

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

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

Кнопки и скроллы в воронках - 6725
Рисунок 12.

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

 

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

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

Кнопки и скроллы в воронках - 6904
Рисунок 13.

Внимание!

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

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

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

Кнопки и скроллы в воронках - 4580
Рисунок 14.

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

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

Кнопки и скроллы в воронках - 7656
Рисунок 15.

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

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

Другие статьи по теме

Статья оказалась полезной? Да Нет
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: Кнопки, кнопка, скрол, скроллы, скролы, скролл, scroll, действия, действие, якорь, переход по ссылке, переход к блоку