Корзина
0
Заказ в 1 клик с удобным выбором параметров товара. Быстрый, лёгкий модуль - оптимизирован для SEO.
от WebES
Скриншоты
Описание
Технические данные
- Опубликовано:
- 20.09.2018
- Обновлено:
- 13.10.2021
- Версия:
- 1.21.2
- Установлено:
- 500 - 999 раз
- Подходящие редакции:
- «Старт», «Стандарт», «Малый бизнес», «Бизнес»
- Адаптивность:
- Да
- Поддержка Композита:
- Да
- Совместимо с Сайты24
- Нет
- Совместимо с PHP 8.1
- Нет
Пользовательское соглашение
Описание
Модуль включает компонент, который размещается на карточке товара, либо в каталоге товаров.
Компонент отображается как кнопка, при нажатии на которую вызывается модальное окно быстрого заказа.
Пользователь выбирает параметры заказываемого наименования, заполняет данные и отправляет заказ.
В системе создаётся новый заказ.
Так же при открытии окна быстрого заказа и при отправке заказа отправляются события в Яндекс.Метрику.
Никаких скрытых форм заказа и JS-вставок в HTML-код!
Модуль сделан грамотно для SEO, никакого дополнительного скрытого кода. Вся работа в JS. Минимум объёма передаваемых данных и нагрузки на сервер!
Требования:
- Для работы нужен jQuery (подключается при необходимости).
Преимущества нашего модуля
- Возможность подхватывать товары из текущей корзины.
- Возможность использования без привязки к текущему товару - быстрый заказ товаров текущей корзины.
- Адаптивно под все устройства.
- Полноценная работа с возможностью выбора параметров заказа на любой редакции, начиная со Старт.
- Простое подключение компонента без необходимости лезть в код сайта.
- Можно настраивать параметры товара, которые Пользователь указывает.
- Параметры товара выбираются прямо на форме быстрого заказа.
- Если не указали параметры, либо их нет, либо вариант один - сразу открывается форма данных Пользователя.
- Можно упростить форму заказа до одного действия - Телефона клиента!
- Настраивается обязательность запрашиваемых полей.
- Соответствует 152-ФЗ.
- Можно оставить только одно поле - например телефон.
- Автоматическая подстановка данных, если пользователь зарегистрирован.
- Отправка стандартных E-mail сообщений по заказам.
- Самое лёгкое решение - JS+CSS весит всего 20 кБ (отлично для SEO).
- Отправка событий в Яндекс Метрику, Google Analitycs.
- Не требует никакие фреймворки и не конфликтует с ними.
- 30 цветовых схем.
- Заказы создаются в модуле магазина, как при оформлении стандартными компонентами
- Заказ может оформить как авторизованный пользователь, так и неавторизованный.
- Поддержка композита.
- Подключение модуля оплаты.
- Возможно указывать количество заказываемого товара.
- Возможность выбора способа оплаты и доставки.
- Корректно передаёт товары в 1С.
- Кнопка "Купить WhatsApp"
Пример заказа товара без параметров:
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...
Отзывы (2)
Обсуждения (22)
Авторизуйтесь , чтобы оставить отзыв или задать вопрос разработчику.
20 октября 2023 13:08
26 августа 2023 07:10
30 ноября 2022 21:00
1 декабря 2022 17:59
20 ноября 2022 12:16
2 ноября 2022 09:44
4 ноября 2022 17:26
Что нового
1.21.2 (13.10.2021) | Улучшена функция передачи данных по клиенту в карточку клиента при регистрации. |
1.21.1 (17.03.2021) | Улучшены стили для iOS устройств. |
1.20.5 (22.07.2020) | Улучшен функционал подключения товаров текущей корзины. |
1.20.4 (08.06.2020) | Добавлена отправка события в Google Analitycs. |
1.20.3 (21.04.2020) | Исправлена возможная ошибка на некоторых версиях линукса и Mac OS. |
1.20.2 (19.02.2020) | Исправлена ошибка в выводе свойств товара из текущей корзины. |
1.20.1 (05.02.2020) | Исправлена возможная ошибка генерации почты анонимного покупателя. |
1.19.5 (11.12.2019) | Исправлены ошибки в коде. |
1.19.4 (10.12.2019) | Исправлена ошибка расчета суммы в текущей корзине. |
1.19.3 (09.12.2019) | Добавлена кнопка Купить WhatsApp. Добавлена возможность подключения новых счетчиков Яндекс Метрики. |
1.19.2 (04.12.2019) | Исправлена ошибка с символьными номерами заказов. Улучшен вывод текущей корзины. Улучшено отображение на iOS. |
1.19.1 (27.11.2019) | Добавлена возможность открытия и заказа текущей корзины без привязки к элементу. Теперь можно создать кнопку Корзина вместо штатного перехода в корзину, либо добавить её где угодно для вызова быстрого заказа. Улучшены стили формы быстрого заказа. |
1.0.27 (21.06.2019) | Добавлена возможность задавать ИД доступных для выбора служб доставки и способов оплаты. Исправлена ошибка в вёрстке модального окна. Изменён механизм подгрузки данных пользователя - исправлена возможная ошибка кеширования данных. |
1.0.26 (05.06.2019) | Добавлена возможность подключения к быстрому заказу товаров из текущей корзины. |
1.0.25 (30.01.2019) | Улучшено создание пользователя при анонимном заказе. Исправлена ошибка при импорте заказов в 1С. |
1.0.24 (28.01.2019) | Добавлена возможность задавать обязательность заполнения полей ФИО, Телефон, E-mail. Добавлена возможность указывать ИД системы оплаты по умолчанию (когда отключен блок оплаты). |
1.0.23 (22.01.2019) | Улучшена работа с кодировкой win-1251 в редакциях Бизнес, Малый бизнес |
1.0.22 (09.01.2019) | Устранена ошибка отключения запроса количества товара |
1.0.21 (12.12.2018) | Добавлен выбор варианта доставки |
1.0.20 (05.12.2018) | Улучшена работа модуля |
1.0.19 (28.11.2018) | Добавлена возможность указывать количество покупаемого товара. Для редакций без интернет-магазина, в пользовательскую функцию o_w_send_notsale_order() добавлен третий параметр - количество. Включить возможность задавать количество можно в настройке компонента. После обновления почистить кеш, т.к. немного изменён шаблон компонента и может не работать закешированный вывод старой кнопки 1 клик. |
1.0.18 (16.11.2018) | Добавлена регистрация пользователя по e-mail когда он не авторизован |
1.0.17 (25.10.2018) | Исправлена ошибка доступа к файлу, которая возникала на некоторых модификациях движка |
1.0.16 (25.10.2018) | Изменен компонент подключения скриптов |
1.0.15 (24.10.2018) | Изменено отображение номера заказа после его оформления |
1.0.14 (17.10.2018) | Улучшена работа модального окна |
1.0.13 (17.10.2018) | Добавлена возможность оплаты заказа с выбором платёжной системы |
1.0.12 (16.10.2018) | Улучшена работа на сайтах с ajax-подгрузкой страниц |
1.0.11 (16.10.2018) | Добавлена возможность выводить форму на других языках, а товары в любой валюте |
1.0.10 (09.10.2018) | Улучшена работа модуля |
1.0.9 (09.10.2018) | Улучшена работа модуля |
1.0.8 (09.10.2018) | Исправлена неточность подключения jQuery |
1.0.7 (01.10.2018) | Улучшена работа модуля |
1.0.6 (01.10.2018) | Добавлены цветовые темы оформления |
1.0.5 (30.09.2018) | Добавлена поддержка кодировки windows-1251 |
1.0.4 (26.09.2018) | Доработан функционал для редакции Старт, Стандарт |
1.0.3 (26.09.2018) | Добавлена поддержка редакций, начиная со Старт. В любой редакции доступна возможность выбора параметров товара на форме быстрого заказа. |
1.0.2 (24.09.2018) | Изменено поведение кнопок заказа. Добавлена возможность отключения запроса комментариев и согласия с Политикой конфиденциальности. |
1.0.1 (22.09.2018) | Добавлена поддержка композита. Добавлен компонент подключения файлов модуля. |
Установка
Модуль устанавливается как обычно.
В списке компонентов появляется группа "Компоненты 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); }); |
Поддержка
Внимание!
ПЕРЕД ПОКУПКОЙ модуля или готового решения установите демо-режим и проверьте всё ли работает на Вашем сайте.
- E-mail: a.dobrynin@webes.ru
- Другие способы связи: https://webes.ru/promo/support.php
- адрес сайта;
- данные для доступа с правами администратора;
- данные доступа по FTP/SSH;
- чёткое описание проблемы со скринами из браузера.