Заказ в 1 клик с удобным выбором параметров товара. Быстрый, лёгкий модуль - оптимизирован для SEO.

Технические данные

Описание

Модуль включает компонент, который размещается на карточке товара, либо в каталоге товаров.

Компонент отображается как кнопка, при нажатии на которую вызывается модальное окно быстрого заказа.

Пользователь выбирает параметры заказываемого наименования, заполняет данные и отправляет заказ.

В системе создаётся новый заказ.

Так же при открытии окна быстрого заказа и при отправке заказа отправляются события в Яндекс.Метрику.

Никаких скрытых форм заказа и JS-вставок в HTML-код!

Модуль сделан грамотно для SEO, никакого дополнительного скрытого кода. Вся работа в JS. Минимум объёма передаваемых данных и нагрузки на сервер!

Требования:

• Для работы нужен jQuery (подключается при необходимости).
  

Преимущества нашего модуля

• Возможность подхватывать товары из текущей корзины.
  
• Возможность использования без привязки к текущему товару - быстрый заказ товаров текущей корзины.
  
• Адаптивно под все устройства.
  
• Полноценная работа с возможностью выбора параметров заказа на любой редакции, начиная со Старт.
  
• Простое подключение компонента без необходимости лезть в код сайта.
  
• Можно настраивать параметры товара, которые Пользователь указывает.
  
• Параметры товара выбираются прямо на форме быстрого заказа.
  
• Если не указали параметры, либо их нет, либо вариант один - сразу открывается форма данных Пользователя.
  
• Можно упростить форму заказа до одного действия - Телефона клиента!
  
• Настраивается обязательность запрашиваемых полей.
  
• Соответствует 152-ФЗ.
  
• Можно оставить только одно поле - например телефон.
  
• Автоматическая подстановка данных, если пользователь зарегистрирован.
  
• Отправка стандартных E-mail сообщений по заказам.
  
• Самое лёгкое решение - JS+CSS весит всего 20 кБ (отлично для SEO).
  
• Отправка событий в Яндекс Метрику, Google Analitycs.
  
• Не требует никакие фреймворки и не конфликтует с ними.
  
• 30 цветовых схем.
  
• Заказы создаются в модуле магазина, как при оформлении стандартными компонентами
  
• Заказ может оформить как авторизованный пользователь, так и неавторизованный.
  
• Поддержка композита.
  
• Подключение модуля оплаты.
  
• Возможно указывать количество заказываемого товара.
  
• Возможность выбора способа оплаты и доставки.
  
• Корректно передаёт товары в 1С.
  
• Кнопка "Купить WhatsApp"
  

Модуль работает на версиях битрикса от v18.0.0

Пример заказа товара без параметров:
http://mehmoda.bx.webes.ru:8081/catalog/aksessuary/igrushka_yezh/#o-w-first-oneclick

Пример заказа с параметрами и полным набором полей пользователя без выбора доставки, с разными ценами торговых предложений:
http://mehmoda.bx.webes.ru:8081/catalog/palto/palto_norka_otdelka_rys/#o-w-first-oneclick

Пример заказа с параметрами, оплатой и доставкой:
http://mehmoda.bx.webes.ru:8081/catalog/palto/polu_palto_norka_morskaya_volna_417_34/#o-w-first-onec...

Пример с запросом только номера телефона:
http://mehmoda.bx.webes.ru:8081/catalog/palto/polu_palto_norka_pod_iris_553_16/#o-w-first-oneclick

Пример работы на редакции Старт:
http://palitra.bx.webes.ru:8081/e-store/xml_catalog/103/656/#o-w-first-oneclick

Пример работы на КАЗАХСКОМ языке:
http://mehmoda.bx.webes.ru:8081/catalog/palto/palto_norka_violett_376_34/#o-w-first-oneclick

Пример работы на УКРАИНСКОМ языке:
http://mehmoda.bx.webes.ru:8081/catalog/palto/palto_norka_otdelka_lisa/#o-w-first-oneclick

Пример работы на БЕЛОРУССКОМ языке:
http://mehmoda.bx.webes.ru:8081/catalog/palto/polu_palto_norka_morskaya_volna_494_34/#o-w-first-onec...

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);
});

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);
});