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

Кнопки и скроллы

Актуально для версии магазина: 6.5

В воронках продаж на платформе 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):


Рисунок 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):


Рисунок 12.

Внимание!

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

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

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


Рисунок 14.

 

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

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


Рисунок 15.

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

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

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

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

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

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

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

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

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