Как вам помочь ?
Кнопки и скроллы
В воронках продаж на платформе AdvantShop в конструкторе есть возможность использовать кнопки, использование которых позволит при нажатии на них применить определенное действие. Кнопки используются в большинстве элементов воронки. Есть элементы, где функционалом предусмотрены две кнопки, но все они имеют одинаковый набор действий.
Общие настройки кнопок.
Для того, чтобы пройти в настройки захвата формы, наведите курсор на блок с формой захвата и нажмите на значок шестеренки или слово “Настройки” (см. рис 1):
Рисунок 1.
В открывшемся окне Вам необходимо перейти на вкладку “Кнопка 1” или “Кнопка 2”, в зависимости от того, какую кнопку хотите настроить (см. рис. 2):
Рисунок 2.
По порядку рассмотрим настройки кнопки (см. рис. 3):
Рисунок 3.
- Кнопка включена - опция отвечает за отображение кнопки в воронке продаж;
- Текст кнопки - это надпись кнопки;
- Действие кнопки - событие, которое происходит при нажатии на кнопку.
Действия кнопки.
Для кнопки доступны следующие действия (см. рис. 4):
Рисунок 4.
- URL адрес;
- Переход к блоку;
- Показ всплывающей формы;
- Переход на оплату;
- >Переход на оплату c Upsell.
Урл адрес
Для выбора данного действия выберите в настройках кнопки действие “Урл адрес” (см. рис. 5):
Рисунок 5.
У данного действия есть следующие возможности: переход на произвольный URL адрес. Для этого нужно сделать следующее (см. рис. 6.):
Рисунок 6.
- Выбираете вариант “Указать свой URL/адрес”;
- Вставляете ссылку, куда необходимо будет перенаправить клиента после нажатия на кнопку.
Переход к блоку
Данное действие представляет из себя переход или эффект якоря (скролла) к указанному на странице блоку. Его демонстрацию можете увидеть ниже (см. рис. 7):
Рисунок 7.
Для выбора данного действия выбираете в вариант “Переход к блоку” (см. рис. 8):
Рисунок 8.
Есть два варианта выбора блока (см. рис. 9):
Рисунок 9.
- Прописать идентификатор блока (идентификатор блока - это его id, узнать его можете согласно инструкции https://www.advantshop.net/help/pages/work-with-css ;
- Выбрать блок - Вы переключитесь на воронку продаж и Вам нужно будет просто кликнуть на подсвеченный блок за курсором мыши.
Аналогичным образом работает переход к блоку через функционал пунктов меню (см. рис. 10):
Рисунок 10.
- В настройках блока переходите в раздел “Пункты меню” (такой элемент используется, например, в элементе конструктора “Шапка”);
- Выбираете блок описанным ранее способом (см. рис. 9).
Подсвеченный блок для выбора перехода (см. рис. 11):
Рисунок 11.
Данный вариант перехода также называется “скроллом”
Показ всплывающей формы
При выбора варианта показа всплывающей формы (см. рис. 4, п.2) будет показана всплывающая форма с данными для ввода (см. рис. 12):
Рисунок 12.
Более подробно настройка полей формы описана в инструкции Поля и формы.
Переход на оплату
У кнопки также можно назначить действие перехода на оплату (см. рис. 13):
Рисунок 13.
Внимание!
Если указать цену у товара, то товар будет добавляться в корзину с указанной ценой на продающих типах воронок, например, “Товарная воронка с заявкой“
- Кликаете на выпадающий список;
- В настройках кнопки выбираете действие “Переход на оплату” в выпадающем списке;
- Выбираете товар из каталога;
- Цена подставится автоматически после выбора товара. Также её можете откорректировать вручную и выставить количество товара;
- Если хотите скрыть доставку, поставьте галочку в поле "Скрывать доставку на оформлении заказа". Нажимаете “Сохранить”.
После клика на кнопку клиента перекинет на оформление заказа (см. рис. 14);
Рисунок 14.
Переход на оплату с Upsell
Переход на оплату с Upsell схож с переходом на оплату, но различается тем, что клиенту после оформления заказа открывается воронка с допродажей (Upsell). Чтобы применить переход на страницу с Upsell, необходимо (см. рис. 15):
Рисунок 15.
- Выбираете в действии вариант “Переход на оплату с Upsell”;
- Указываете товар и стоимость (см. рис. 12);
- Выбираете Upsell лендинг (создается заранее в воронках).
Нажимаете “Сохранить”. На этом настройка кнопок завершена.
Другие статьи по теме
Тэги: Кнопки, кнопка, скрол, скроллы, скролы, скролл, scroll, действия, действие, якорь, переход по ссылке, переход к блоку