Назар Токар
Опубліковано: 28 Травня 2013
Оновлено: 6 Травня 2017

Коллективным разумом и несколькими днями работы первая бета-версия скрипта BuyMe переросла в полноценный релиз. Благодаря вашим подсказкам и обратной связи я поработал над ошибками и получилась BuyMe 1.1.0.

bm-110

Как это работает

Для новоприбывших в двух словах я объясню суть работы. Скрипт BuyMe предназначен для того, чтобы организовать возможность покупки за один клик на любом сайте. Независимо от сложности вашего интернет-магазина и его движка, вместе со стандартным функционалом “положить товар в корзину” вы сможете добавить функцию покупки за один клик.

По клику на кнопке в этом же окне откроется форма, куда клиент введёт свои имя, телефон и вопрос/адрес доставки. После подтверждения данные отправляются на электронную почту администратору сайта и копия в виде sms отправляется на ваш мобильный. Так что ни один заказ не будет потерян.

Кроме интернет-магазинов, функцию покупки можно интегрировать в абсолютно любой движок: WordPress, Maxsite, Joomla, Bitrix и так далее. BuyMe будет работать даже на простом html-сайте со статичными страницами. Необходимое условие — поддержка php и функции sendmail на сервере. В 99% случаях ваш хостинг это умеет.

Фактически любой сайт за 10 минут теперь можно превратить в интернет-магазин.

Как выглядит скрипт

В работе BuyMe выглядит так:

buyme-110

При клике название товара указывается в заголовке формы:

buyme-title

Мобильная версия выглядит так:

buyme-110-mobile

Что нового:

Вкратце пройдёмся по нововведениям в BuyMe 1.1.0:

  1. Теперь скрипт можно использовать на странице с несколькими товарами. Из-за этого немного поменялся процесс установки, о нём написано чуть ниже.
  2. Выбранные поля характеристик товаров сохраняются и также отправляются в уведомлении.
  3. Вывод названия товара в заголовке формы. При клика на кнопку покупки  название товара будет отображдаться в заголовке формы. Так сразу видно, что покупаешь.
  4. Поддержка мобильных браузеров. Если открыть страницу с формой с мобильного устройства, форма растягивается на весь экран по ширине и шрифт увеличивается до читаемого. Протестировано в Chrome Mobile, Opera Mobile.
  5. Данные, которые вводит клиент в форму, сохраняются. При следующем открытии формы поля “имя” и “телефон” уже будут заполнены.
  6. Если после закрытия форму повторно открыть, она могла скрыться через пару секунд — исправлено.

Как установить и настроить

Обратите внимание: если до этого вы пользовались другой версией скрипта и хотите обновиться, код на странице товара нужно будет обновить, так как я поменял некоторые переменные, чтобы привести их к единому формату.

Чтобы установить скрипт, воспользуйтесь инструкцией по установке Buyme.

Характеристик может быть любое количество. Скрипт соберёт данные из выбранных полей и отправит их вам на почту. В результате вы получите такое письмо:

bm-letter

Настройка СМС-уведомлений

О том, как настроить уведомления в смс, читайте в отдельном посте: Настройка SMS для уведомлений в скриптах Callme и Buyme.

Условия использования

Они прежние: использовать скрипт можно бесплатно, не внося в него изменений и сохраняя копирайт. Можно поддержать разработку и помочь финансово. Я, как и обещал, на отдельной странице размещу список тех, кто помог проекту больше всего и укажу ссылки на ваши сайты.

Если руки чешутся и очень нужно убрать копирайт, лучше его оставьте. Если чешутся очень сильно, отправляйте как минимум 7$ на реквизиты и пишите на почту вопрос, как убрать копирайт. Убрать копирайт и не заплатить — нарушение авторских прав.

Технические вопросы/баги/проблемы

Большинство проблем, которые вознимают при установке, вызваны лень. и нежелантием читать инструкцию. Многие из затруднений я собрал в основном посте, посвящённом установке скриптов. Там написано и про Buyme, и про Callme. Все вопросы технического плана обсуждаются на форуме в соответствующих темах.

Мне конечно импонирует, что некоторые из постов собрали по три сотни комментариев, тем не менее в основном их смысловая составляющая оставляет желать лучшего. Да и надоело отвечать на одни и те же вопросы. Поэтому если у вас что-то не получается, сначала почитайте ещё раз инструкцию. Если снова не получается, почитайте ещё раз. Если по-прежнему — пишите вопрос.

Если я на него не ответил — скорее всего, его уже задали, причем, задали раз 10 как минимум. Читайте комментарии и форум.

Посмотреть и скачать

Посмотреть скрипт в работе:

Засновник і керівник видання Tokar.ua. Програміст, адміністратор української Вікіпедії.
← Тисни «Лайк», щоб читати нас у Фейсбуці
Поширити у Фейсбуці
Надіслати у Messenger
Надіслати в Telegram
Надіслати у WhatsApp
Зберегти в Pocket
Обговорення

  1. Добрый день не как не могу поставить скрипт купи за клик! Сколько будет стоить Ваша помощь в установке данного скрипта на мой сайт!

    1. @Максим, ответил вам на почту.

  2. Константин

    Подскажите пожалуйста, как прописать цель в метрике чтобы она считала клик по кнопке “заказ в 1 клик”?

    1. Смотрите инструкцию на форуме в разделе Мастерская.

  3. Юрий

    кнопки появились но при нажатии не чего не происходит вот ссылка на сайт посмотрите пожалуйста и подскажите если не трудно http://www.mama-papa.od.ua/ru/magazin/детские-авто-кресла.html

    1. @Юрий, куча лишнего кода, три раза подключается jquery, всё сделано не по инструкции.

  4. Юрий

    пытался но без результата не получается скорей всего там в другие папки нужно заливать а какие именно на joomla виртуал марте одни а на joomla joomhopung другие какие именно вот в чем вопрос

    1. @Юрий, я не в курсе, какие именно файлы надо редактировать в вашем движке. Нужно отредактировать header и страницу товара.

  5. Юрий

    Подскажите как ваш скрипт купить в 1 клик можно вставить на интернет магазин сделанный на joomshopping Version 3.2.5 если не трудно вам более подробно куда что нужно вставлять

    1. @Юрий, не работал с этим движком, следуйте инструкции.

  6. Сергей

    Подскажите, пожалуйста, как изменить текст кнопки “Купить за один клик” во всплывающей форме.

    1. @Сергей, нужно редактировать /lang/ru.html

    2. Сергей

      @Дедушка, спасибо!

  7. Дарек

    Скажите пожалуйста как решить проблему по кодировке с internet explorer-ом, остальные браузеры норма

    1. @Дарек, если вы о других ajax-запросах, то уже решенно, в следующей версии будет. Можете сами строку
      jQuery.getJSON("/buyme/index.php", { заменить на
      jQuery.getJSON("/buyme/index.php", { contentType: "text/html; charset=utf-8",

      И удалить эту строку:
      jQuery.ajaxSetup({'beforeSend' : function(xhr) { xhr.overrideMimeType('text/html; charset=utf-8'); }, });

  8. Подскажите как подружить скрипт с яндексметрикой?
    Куда вставить код счётчика, чтобы при клике внутри всплывающей формы он учитывался как “достигнутая цель”?

    1. @skorogovor, очень хороший и актуальный вопрос, над которым я думаю уже пару недель :-).
      Есть несколько вариантов, но у всех свои недостатки.

      Например, можно из /buyme/index.php отправлять запрос в корзину магазина и автоматически добавлять новый заказ в базу, который бы учитывался как достижение цели. Но у всех движков страница с подтверждением разная. Более того, на одном и том же движке этот урл может отличаться, в зависимости от настроек. Запутаться в настройке в данном случае будет просто как дважды два.

      Ещё можно добавить счётчик на /buyme/index.php и переделать скрипт, но это опять же очень кривой вариант в техническом плане. В общем, пока толковых враиантов нет и если предложите, будет отлично.

    2. @Дедушка, быть может: переадресация на специальную страницу для buyme “спасибо за заказ”, и затем возврат пользователя обратно..

    3. И зачем такая карусель?

    4. В принципе, можно и без карусели, просто страница “спасибо за покупку”. Главное чтобы клик учитывался в статистике.

      Возврат на прежнюю страницу возможно нужен, чтобы пользователь дальше смог лазить по сайту, если ему хочется.

    5. Поставьте счетчик с целью на /buyme/index.php и назначите на эту страницу цель метрике.

  9. asadula

    А с JoomShopping работает?

    1. работает независимо от движка.

    2. asadula

      @Дедушка, Получается у меня будет вместо кнопки “В корзину”, кнопка “Купить” и сразу форма всплывать с обратной связью? я так понимаю…

    3. Нет. Вы добавляете новую кнопку и ей назначаете класс.

  10. Да, ещё при пополнении суммы в первый день её удваивают, а то я ввёл код оператора Украины типа в формате котором они задали по умолчанию, без международного кода и голяк “это не российский номер” … а оказывается ещё можно впереди код страны вставлять … :)
    СПАСИБО :)

    1. @Антон, хех) всё проще, чем казалось

    2. @Дедушка, да йопт! сам не ожидал :)

  11. И какой для Украины хорошо подходит, коль уж с этим какой-то голяк?

  12. Как на этом блин sms.ru зарегистрироваться, если я не из России и нет у меня российского телефона?

    1. @Антон, так у меня же тоже украинский номер :). При регистрации указывайте +380…. и придёт код регистрации, процедура ничем не отличается от остальных сервисов.

      Здесь удобно: регистрируешь свой номер и на него можно слать до 50 смс в день бесплатно. Я не знаю, почему так и что это за демпинг, но выгода налицо.