Модуль включает компонент, который размещается на карточке товара, либо в каталоге товаров.
Компонент отображается как кнопка, при нажатии на которую вызывается модальное окно быстрого заказа.
Пользователь выбирает параметры заказываемого наименования, заполняет данные и отправляет заказ.
В системе создаётся новый заказ.
Так же при открытии окна быстрого заказа и при отправке заказа отправляются события в Яндекс.Метрику.
Никаких скрытых форм заказа и JS-вставок в HTML-код!
Модуль сделан грамотно для SEO, никакого дополнительного скрытого кода. Вся работа в JS. Минимум объёма передаваемых данных и нагрузки на сервер!
Требования:
- Для работы нужен jQuery (подключается при необходимости).
Преимущества нашего модуля
- Возможность подхватывать товары из текущей корзины.
- Возможность использования без привязки к текущему товару - быстрый заказ товаров текущей корзины.
- Адаптивно под все устройства.
- Полноценная работа с возможностью выбора параметров заказа на любой редакции, начиная со Старт.
- Простое подключение компонента без необходимости лезть в код сайта.
- Можно настраивать параметры товара, которые Пользователь указывает.
- Параметры товара выбираются прямо на форме быстрого заказа.
- Если не указали параметры, либо их нет, либо вариант один - сразу открывается форма данных Пользователя.
- Можно упростить форму заказа до одного действия - Телефона клиента!
- Настраивается обязательность запрашиваемых полей.
- Соответствует 152-ФЗ.
- Можно оставить только одно поле - например телефон.
- Автоматическая подстановка данных, если пользователь зарегистрирован.
- Отправка стандартных E-mail сообщений по заказам.
- Самое лёгкое решение - JS+CSS весит всего 20 кБ (отлично для SEO).
- Отправка событий в Яндекс Метрику, Google Analitycs.
- Не требует никакие фреймворки и не конфликтует с ними.
- 30 цветовых схем.
- Заказы создаются в модуле магазина, как при оформлении стандартными компонентами
- Заказ может оформить как авторизованный пользователь, так и неавторизованный.
- Поддержка композита.
- Подключение модуля оплаты.
- Возможно указывать количество заказываемого товара.
- Возможность выбора способа оплаты и доставки.
- Корректно передаёт товары в 1С.
- Кнопка "Купить WhatsApp"
Пример заказа товара без параметров:
https://mehmoda.bx.webes.ru:8081/catalog/aksessuary/igrushka_yezh/#o-w-first-oneclick
Пример заказа с параметрами и полным набором полей пользователя без выбора доставки, с разными ценами торговых предложений:
https://mehmoda.bx.webes.ru:8081/catalog/palto/palto_norka_otdelka_rys/#o-w-first-oneclick
Пример заказа с параметрами, оплатой и доставкой:
https://mehmoda.bx.webes.ru:8081/catalog/palto/polu_palto_norka_morskaya_volna_417_34/#o-w-first-onec...
Пример с запросом только номера телефона:
https://mehmoda.bx.webes.ru:8081/catalog/palto/polu_palto_norka_pod_iris_553_16/#o-w-first-oneclick
Пример работы на редакции Старт:
https://palitra.bx.webes.ru:8081/e-store/xml_catalog/103/656/#o-w-first-oneclick
Пример работы на КАЗАХСКОМ языке:
https://mehmoda.bx.webes.ru:8081/catalog/palto/palto_norka_violett_376_34/#o-w-first-oneclick
Пример работы на УКРАИНСКОМ языке:
https://mehmoda.bx.webes.ru:8081/catalog/palto/palto_norka_otdelka_lisa/#o-w-first-oneclick
Пример работы на БЕЛОРУССКОМ языке:
https://mehmoda.bx.webes.ru:8081/catalog/palto/polu_palto_norka_morskaya_volna_494_34/#o-w-first-onec...
Модуль устанавливается как обычно.
В списке компонентов появляется группа "Компоненты Webes" и в ней компонент "Заказ в 1 клик". Если группа не появилась после установки - нажмите Компоненты -> Обновить.
Вам необходимо в шаблоне товара добавить компонент в то место, где будет размещаться кнопка заказа в 1 клик.
Так же появляется компонент "Заказ в 1 клик - подключение в header.php". Его нужно добавить в header.php или footer.php шаблона. Он подключает файл JS и файл CSS.
Кнопка вместо штатной "Корзина"
При добавлении кнопки вместо штатной корзины (вывод всех элементов корзины без привязки к элементу), в параметрах компонента параметр "ELEMENT_ID" должен быть равен 0 !
Некоторые настраиваемые параметры:
Маска ввода номера телефона
Изначально в модуле используется своя маска - производится очистка лишних символов, остаётся номер телефона.
Если Вы используете у себя на сайте, например, jquery.maskedinput, достаточно прописать в JS-коде:
В списке компонентов появляется группа "Компоненты Webes" и в ней компонент "Заказ в 1 клик". Если группа не появилась после установки - нажмите Компоненты -> Обновить.
Вам необходимо в шаблоне товара добавить компонент в то место, где будет размещаться кнопка заказа в 1 клик.
Так же появляется компонент "Заказ в 1 клик - подключение в header.php". Его нужно добавить в header.php или footer.php шаблона. Он подключает файл JS и файл CSS.
Кнопка вместо штатной "Корзина"
При добавлении кнопки вместо штатной корзины (вывод всех элементов корзины без привязки к элементу), в параметрах компонента параметр "ELEMENT_ID" должен быть равен 0 !
Некоторые настраиваемые параметры:
- цветовая схема
- инфоблок
- выбираемые параметры наименования
- запрашиваемые у пользователя данные
- названия кнопок
- CSS-классы кнопок
- надписи модального окна
- сообщения об отправке заказа
- идентификаторы целей Яндекс.Метрики
- параметр шаблона ИД товара (По умолчанию передаётся $arResult['ID'])
document.addEventListener("DOMContentLoaded", function () { setTimeout(function(){ $(".o-w-modal-inner").on("DOMNodeInserted", function (event) { if($(".o-w-modal-inner").html().indexOf("<fo rm")!=-1) $(".o-w-modal-inner").find("form").submit(); }); },50); }); |
Маска ввода номера телефона
Изначально в модуле используется своя маска - производится очистка лишних символов, остаётся номер телефона.
Если Вы используете у себя на сайте, например, jquery.maskedinput, достаточно прописать в JS-коде:
document.addEventListener("DOMContentLoaded", function () { setTimeout(function(){ $(".o-w-modal-inner").on("DOMNodeInserted", function (event) { $("input.o-w-phone").on("focus", function () { $(this).mask("9 (999) 999-9999"); }); }); },50); }); |