Заказ в 1 клик с выбором параметров товара

Заказ в 1 клик с выбором параметров товара

от WebES

Скриншоты

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

Дата публикации:
20.09.2018
Дата обновления:
11.12.2019
Версия:
1.19.5
Адаптивность:
Да
Поддержка композита:
Да
Число установок:
100 - 499 раз

Совместимые редакции

Описание


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример работы на БЕЛОРУССКОМ языке:
http://mehmoda.bx.webes.ru/catalog/palto/polu_palto_norka_morskaya_volna_494_34/#o-w-first-oneclick
Модуль устанавливается как обычно.

В списке компонентов появляется группа "Компоненты Webes" и в ней компонент "Заказ в 1 клик". Если группа не появилась после установки - нажмите Компоненты -> Обновить.

Вам необходимо в шаблоне товара добавить компонент в то место, где будет размещаться кнопка заказа в 1 клик.

Так же появляется компонент "Заказ в 1 клик - подключение в header.php". Его нужно добавить в header.php или footer.php шаблона. Он подключает файл JS и файл CSS.

Кнопка вместо штатной "Корзина"

При добавлении кнопки вместо штатной корзины (вывод всех элементов корзины без привязки к элементу), в параметрах компонента параметр "ELEMENT_ID" должен быть равен 0 !

Некоторые настраиваемые параметры:
  • цветовая схема
  • инфоблок
  • выбираемые параметры наименования
  • запрашиваемые у пользователя данные
  • названия кнопок
  • CSS-классы кнопок
  • надписи модального окна
  • сообщения об отправке заказа
  • идентификаторы целей Яндекс.Метрики
  • параметр шаблона ИД товара (По умолчанию передаётся $arResult['ID'])
Для автоматического перехода на платёжную систему после оформления заказа можно добавить следующий код (в любой исполняемый JS код):
document.addEventListener("DOMContentLoaded", function () {
    setTimeout(function(){
        $(".o-w-modal-inner").on("DOMNodeInserted", function (event) {
            if($(".o-w-modal-inner").html().indexOf("<form")!=-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);
}); 


Установите этот модуль прямо сейчас!

Для этого укажите адрес сайта:

пример: http://www.site.ru
Заказ в 1 клик с выбором параметров товара
Заказ в 1 клик с выбором параметров товара
1 050 руб