
Заказ товара в один клик на сайт (jbOneClick)
Скрипт для создания кнопки заказа в 1 клик на страницах интернет-магазинов. Увеличивает конверсию посетителей на сайте более чем на 30% в сочетании с обычными формами оформления заказа в корзине.
Позволяет совершить покупку в один клик любого товара на сайте. Настроить минимальный набор обязательных полей для формы заказа. Работает на абсолютно любой CMS cайта. Кнопка встраивается в нужное место на странице товара, форма открывается с эффектом всплывания .
Простой и бесплатный скрипт для организации покупки в один клик на любой странице сайта. Он был написал для тех, кому нужно организовать быстрый заказ товара. Тестирование показало, что для интернет-магазинов на движках Opencart, WebAsyst и Shop-Script добавление кнопки "Быстрый заказ" увеличило конверсию посетителей в покупки более чем на 50%.
Принцип работы довольно прост: пользователь заполняет и отправляет форму, а вам на почту приходит письмо с именем покупателя, его телефона, заказываемого товара и адреса доставки. В большинстве случаев этих данных достаточно. Всё равно в процессе формирования заказа, при условии, что оплата происходит в момент получения, клиенту будет сделан звонок с подтверждением.
Как показала практика, пользователи бросают до 50% начатых заказов. То есть человек добавляет в корзину товары, но из-за большого количества шагов он бросает заказ. В случае использования экспресс-заказов, пользователь в одном шаге от финиша. Как только форма будет отправлена, ваш менеджер может связаться с ним и в случае каких-либо сомнений раскрутить на покупку.
Расширенная версия Попробуйте расширенную версию с абонплатой 350 руб. в год. С ней вы получаете удобный конструктор, возможность использовать: sms-информирование о новом заказе, каптчу, отправку файлов, получать дополнительную информацию о пользователе (его город, профиль VK, IP и др.), работающую на абсолютно любом сайте.
Форма может быть всплывающей и статично выведенной в нужном месте страницы. Попробовать Мы даём месяц бесплатного пользования для тестирования системы. 350 руб. в Год, разве это дорого, за неограниченное количество форм для вашего сайта?
Установка
Вставьте в блок <head>
страниц, на которых вы хотите появление формы, ссылки на подключаемые файлы плагина и стиля.
<script type="text/javascript" src="/путь_к/jquery.js"></script> <script type="text/javascript" src="/путь_к/jquery.jboneclick.js"></script> <link rel="stylesheet" type="text/css" href="/путь_к/jquery.jboneclick.css">
В корень сайта поместите файл postmaster.php
из архива. По умолчанию он является обработчиком заказов и выполняет функцию отправки писем на вашу почту. Откройте его и укажите почтовые ящики с которыми будете работать.
Чтобы увидеть форму на сайте, достаточно вызывать функцию для html объекта.
Простой вызов
Для ссылки
<a class="buy_oneclick" data-product="iPhone 5">Заказать товар</a>
$(function() { $('.buy_oneclick').jbOneClick(); });
Такая конструкция для вызовы формы заказа в один клик будет работать в режиме по-умолчанию. Также можно настроить дополнительные поля в форме для выбора характеристик товара или способа доставки. Поле с названием товара передаётся в невидимом поле. Помните, при добавлении полей в форму, их обработчик нужно также добавить и в postmaster.php
, чтобы они отправлялись в сообщении.

Обладателям сайта на Joomla следует заметить, что для корректной работы нужно использовать режим совместимости jQuery с другими js фреймворками, в частности с Mootools.
$.noConflict(); jQuery(document).ready(function($){ $('.buy_oneclick').jbOneClick(); });
Добавление полей
$(function() { $('.callme_order_btn').jbOneClick({ postfix: "express_oreder", fields: { descr: { label: "Адрес", type: "textarea" }, list: { placeholder: "Способ доставки", type: "select", options: [ "Самовывоз", "Курьером по СПб (+500р)", "DHL +800р" ] }, action: { type: "hidden", value: "express_oreder" } } }); });Демонстрация
Расширенная настройка. Пример формы заказа
<a class="demo3_buy_oneclick" data-product="Apple iPhone 5">Apple iPhone 5</a> <a class="demo3_buy_oneclick" data-product="HTC One">HTC One</a> <a class="demo3_buy_oneclick" data-product="Samsung Galaxy S4">Samsung Galaxy S4</a>
$(function() { $('.demo3_buy_oneclick').jbOneClick({ postfix: 'product_order', // идентификатор окна title: "Экспресс заказ", // заголовок окна action_url: "/postmaster.php", // путь к обработчику запрсов success: "Спасибо за заказ. Мы свяжемся и уточним детали.", fail: "Сообщение не доставлено. Извините за неудобство!", no_submit:true, fields: { // добавление полей email: { required: true, // обязательное ли placeholder: "Ваш e-mail", type: "email" }, color: { placeholder: "Цвет", type: "select", options: [ "Белый", "Черный" ] }, count: { label: "Количество", value: "1", type: "text" }, list: { placeholder: "Способ доставки", type: "select", options: [ "Самовывоз", "Курьером по СПб (+500р)", "DHL (+800р)" ] }, descr: { label: "Адрес", type: "textarea" }, action: { // невидимое поле, передющее тип формы type: "hidden", value: "product_order" }, send: { type: "submit", value: "Купить" } } }); });Apple iPhone 5 HTC One Samsung Galaxy S4
Часто задаваемые вопросы:
- Не всплывает форма, что делать?
- Проверить подключены ли файлы из инструкции, и правильно ли указан к ним путь. Нет ли конфликтов с другими библиотеками(см.
$.noConflict();
)? Убедиться, что методjbOneClick()
вызывается для существующего селектора, и что вы кликаете именно на этот объект, который подходит под селектор. - Всё время пишет "Заказ не принят". Что делать?
- Проверить правильность пути к
/postmaster.php
. Убедиться, что хостер разрешает функцию mail(). Чтобы функция mail() работала, у вас, как минимум, должна быть установлена SMTP служба на сервере. - Пишет "Сообщение отправлено", но письмо не приходит. Что делать?
- Если вы тестируете на локальном компьютере, то письма отправляться не будут, они складываются в спец. папку. Если на внешнем хостинге, то возможно хостер запрещает использовать сторонние почтовые домены, а может почтовый сервер фильтрует письма как спам, либо вообще отказывается принимать. Попробуйте указать почтовый ящик службы mail.ru в качестве e-mail на который будут приходить заявки.