Назар Токар
Опубліковано: 24 Грудня 2013
Оновлено: 7 Січня 2018

Хочу представить вашему вниманию обновленную версию скрипта для покупки за один клик — Buyme 1.3.5. Как и раньше, им можно пользоваться бесплатно и на любом движке. Можно поддержать разработку, купив лицензию и убрать копирайт. Дальше подробнее.

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

Что такое Buyme

Buyme — это традиционно простой скрипт для любого сайтового движка. Он позволяет организовать функцию покупки за один клик для любого магазина. Работает Buyme не только в магазинах, а и вообще на любых типах сайтов. Таким образом, вы можете превратить ваш блог или небольшой сайт в магазин, потратив на это полчаса. Главное условие — доступ к файловой системе через ftp и чтение инструкции.

Как показывает практика, отдельным вниманием пользуется Buyme для одностраничников, которые торгуют одним товаром или услугой. В этом случае не нужно ставить движок, а достаточно на сверстанную станицу установить скрипт. Все — можно привлекать покупателей и торговать.

Как выглядит и работает

Создаете в любом месте страницы кнопку. По клику на ней появляется форма заказа. После заполнения данные формы отправляются на электропочту администратору и опционально в виде смс на указанный номер или номера. Так можно оперативно реагировать на заказы.

Кнопка в примере выглядит так:

buyme кнопка

Но стиль кнопки можно менять как угодно при помощи CSS. Форма заказа выглядит так:

скрипт покупки за один клик buyme 1.3.5

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

Что нового в версии 1.3.5

Доработок немного, но они есть существенные.

  1. Скрытие копирайта. Указав цифровой ключ в файле конфига, можно скрыть копирайт. О том, как это делается, я напишу ниже.
  2. Отправка статических данных. Теперь помимо выпадающих полей со страницы товара вы можете также получать текстовые данные, которые указаны простым текстом. Например, это может быть цена или статическая характеристика. Подробнее написано в инструкции.
  3. Небольшие доработки.

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

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

Настройка SMS-уведомлений о заказах

Если кроме отправки почтой вы хотите получать заказы по sms, вот вам инструкция по настройке смс-уведомлений в Buyme и Callme.

Настройка SMTP

По умолчанию заказы отправляются при помощи встроенной функции php работы с почтой. Она в некоторых случаях может работать некорректно или быть отключена (1-2% хостингов не разрешают ей пользоваться). После множества вопросов, которые возникали на эту тему на форуме, я написал инструкцию по настройке SMTP для отправки уведомлений. Это намного надежнее и гарантирует доставку, но требует немного больше времени для настройки.

Как пользоваться

Скрипт абсолютно бесплатный, вы можете пользоваться им на любых сайтах, как коммерческих, так и личных. Я разрабатываю его добровольно, мне по правде очень нравится этим заниматься и программирую я с удовольствием. Поэтому я благодарен за любую помощь.

Копирайт в правом углу формы создается динамически скриптом и не индексируется поисковиками. Вы можете поддержать разработку скрипта, оплатив лицензию на его использование, обычно это 7-10$.

Убрать копирайт

О том, как убрать копирайт, читайте здесь.

Напоминаю, что все технические вопросы, баги и пожелания по новым функциям мы обсуждаем на форуме qbx.me.

Демо и скачать

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

  1. Алексей

    можно ли добавить несколько товаров сразу, как бы в корзину , а потом оформить покупку?

    1. Ні.

  2. Ирина

    Не получается скачать скрипт, перекидывает на главную страницу

  3. Александр

    А есть ли возможность поставить такую кнопку не на странице с одним товаров, а на странице каталога? Может можно в коде размещения кнопки прописать сразу и цену и название и другие параметры? Очень хотелось бы видеть такую возможность.

    1. @Александр, да, скрипт можно использовать как на странице с одним товаром, так и с несколькими. Можно прописывать любые параметры, обратите внимание на версию 1.4.

  4. FacebookUser1

    Он на месте.

    1. @FacebookUser1, facepalm.jpg.

    2. FacebookUser

      @Назар Токарь, Отличная шутка с фэйспалмом, но у меня на локале тоже не пашет. можете удалять коммент, но разъясните пожалуйста.

    3. @FacebookUser, нет, правда. Дайте адрес страницы с установленным по инструкции скриптом.

    4. FacebookUser

      @Назар Токарь, тот же

    5. @FacebookUser, у вас несколько стандартных ошибок, читайте пож-та инструкцию.

    6. jeka

      @Назар Токарь, Добрый день, как быть если домен кириллический ?

    7. @jeka, это никак не влияет на работу скрипта. Если вы о лицензии — тоже, уже проверяли :)

  5. Тоже не работает кнопка “Купить за 1 клик”, скрипт подгружается, да и jq подключен. В чем проблема? http://www.svetilnikispb.ru/svetodiodnye-svetilniki/svetodiodnye-paneli/panel-svetodiodnaya-lp-02-40vt-220v-4000k-3200lm-595x595mm-asd

    1. @Алексей, трижды подключен jquery, последний — 1.2.6. Неудивительно, что не работает.

    2. @Назар Токарь, нет конфига, подключены два jquery.

    3. FacebookUser1

      @Назар Токарь, разъясните пожалуйста

      нет конфига

    4. @FacebookUser1, нет файла buyme/js/config.js

  6. FacebookUser

    Не активна кнопка “Купить”. При нажатии на кнопку не происходит никаких действий(не работает в исходнике). Где может быть ошибка ?

    1. @FacebookUser, дайте ссылку.

    2. FacebookUser1

      @Назар Токарь, спасибо за быстрый ответ, см. здесь.

  7. Arkady Troitsky

    Здравствуйте, Назар!
    Как поставить маску ввода для телефона?

    Спасибо.

    1. @Arkady Troitsky, здравствуйте, можно при помощи какого-нибудь скрипта типа jquery.masked input.

  8. Петр

    Добрый день. Подскажите есть ли возможность в один заказ добавить несколько товаров?

    1. @Петр, нет, почитайте.

  9. Игорь

    Здравствуйте Назар!
    Возник вопрос, вот допустим на примере вашей демки скрипта. Нужно сделать вместо списка выбора объема карты памяти: 4GB, 8GB хочется сделать чекбоксы и соответственно, чтобы передавались значения в смс сообщение, как решить данный вопрос ?
    За ранее спасибо!

    1. @Игорь, ставьте знак вопроса перед именем переменной. Я обновил инструкцию.

  10. Наталья

    Здравствуйте! Большое спасибо за модуль! Установила версию 1.3.5. Заказ оформляется, все хорошо, но уведомление на почту приходит только при первом заказе, когда делаю следующий заказ, уведомление не приходит. Пробовала устанавливать версию 1.2.0., все работает. Подскажите, что не так? Хотелось бы пользоваться новой версией модуля!

    1. @Наталья, вы что-то не так рассказываете. Как может один раз сообщение дойти, а второй раз не дойти?

    2. Наталья

      @Назар Токарь, Не знаю, что я не так делаю, но смысл такой. После установки модуля, первый заказ оформляется и на почту приходит письмо. Делаю следующий заказ, заказ оформляется, но письмо на почту не приходит. Переустанавливаю модуль, опять первый заказ приходит уведомление, а потом нет.
      Если решения нет, то подскажите, по какой ссылке можно скачать версию 1.3.0., может она будет работать корректно у меня. Спасибо!!!

    3. @Наталья, в предыдущей версии файл отправки точно такой же, как и в 1.3.5 :). Проверьте настройки или настройте smtp.

  11. Заполняю все поля (более 7 символов), нажимаю оформить заказ! А мне в ответ – “заполните все поля” и ничего не отправляется. Пытался с разным количеством слов – ответ один.
    Помогите советом!

    1. @Дмитрий, вы дважды подключили buyme.js

  12. Александр

    здравствуйте, уже много времени пользуюсь вашими скриптами, щас возникла проблема надо чтоб при покупке в престашоп 1.5.6 уменьшалось количество товара как через корзину, поскольку надо вести учет за остатками товара, но при покупке товара через buyme, количество не уменьшается
    спасибо за ответ!

    1. @Александр, скрипт не взаимодействует с вашей базой данных товаров. Если нужно вести такой учет то меняйте кол-во товаров после каждой покупки руками через админку.

    2. Александр

      @Назар Токарь, понял, буду переделывать сам корзину покупки.
      советую вам заняться полным взаимодействием вашего скрипта со все что делает корзина, осле этого и цену можете поставить как на про версию, и я вам не одного клиента приведу лично.
      но это такое на будущие…

    3. @Александр, если взаимодействовать с базой, скрипт уже не будет универсальным. Но я ищу метод, чтобы такое было возможно и без потери универсальности.

  13. Дмитрий

    Здравствуйте,
    где можно изменить отступ формы от вверха экрана? По умолчанию выставляется (top: 110px;)

    1. @Дмитрий, форма отображается всегда по центру экрана.

    2. @Назар Токарь, по центру только через margin-top

  14. Сергей

    Привет, Назар.
    Спасибо, всё работает. Ни как не могу понять почему блок выбора доставки вылез, где прописан его стиль? developer tool пишет element.style {width: 344px;.. а в каком файле не нашёл..

    1. @Сергей, в buyme.js ширина селектов меняется

  15. Петр

    Добрый день. Очень крутой скрипт. У меня есть страница со списком товаров. возле каждого стоит ваша кнопка заказа. Как сделать, чтобы при заказе мне приходило письмо с названием заказанного товара?

    1. @Петр, настройте как в инструкции.

  16. Здравствуйте, Назар!
    Можете Вы установить на мой сайт скрипт Buyme и переделать его кнопку под кнопку как на сайте, скрин прилагается. http://s43.radikal.ru/i101/1402/5c/cdd4e3a923ee.jpg
    Если можете, то сколько это будет стоить и куда Вам скинуть доступ к FTP ?

    1. @Дмитрий, ответил на почту.

  17. Arkady Troitsky

    Добрый день. Как поставить автофокус в первое поле buyme? Спасибо.

    1. @Arkady Troitsky, в конфе функции showForm добавьте:

      $('.b1c-form .b1c-txt:first').focus();

  18. Нет, об одном товаре, да надо попробовать так сделать, спасибо! а будет новая версия buyme?

    1. @Иван, будет

  19. Еще раз повторюсь отличный скрипт, отказались полностью от корзины и работаем только по этому скрипту. Назар а можно как-то сделать еще чтоб количество товара по умолчанию 1шт, а если нужно больше ставить больше?

    1. @Иван, добавьте поле “количество товаров”. Или вы о нескольких разных товарах?

  20. Николай

    Добрый день. Я установил Ваш скрипт. Не совсем понял, как настроить заказ. Не могу понять куда приходят заказы. Можно ли сделать так, что бы они приходили в админку? Заранее спасибо

    1. @Николай, почитайте описание скрипта, я его написал, чтобы ответить на такие вопросы.

  21. Добавьте пожалуйста темплейт VK в buyme как у callme. Два скрипта на одном сайте должны быть одинаковые. Спасибо!!!

  22. В окне buyme в титлах есть КУПИТЬ + ИМЯ ТОВАРА вставляется. Но имя товара в окне использует заголовок h1 который в странице сайта. А я не хочу чтобы в окне buyme был такой большой шрифт. Где что поменять чтоб он не копировал свойства текста названия товара – А ТОЛЬКО сам голый текст без редактирования.

    1. @Alex Corn, если правильно настроите, там и будет только текст. Надо, чтобы блок b1c-name содержал только текст без вложенных блоков. Если так не получается, вложите внутрь блока с именем span с классом b1c-name.

  23. Maksim Fedorov

    Добрый день! Подскажите- в письме приходит информация о
    пользователе: IP, регион, насколько это достоверная информация,то
    есть насколько достоверный сервис, чтобы сделать его для выдачи
    геоинформации: например контакты, новости и т.д….?
    Спасибо

    1. Запрос с айпи обрабатывается на geoip.net, почитайте отзывы о них.

  24. Тимур

    Браузер Opera 12.16
    http://img138.imageshack.us/img138/4803/h7si.png

  25. Илья Аркадьевич Оськин

    Здравствуйте, Назар. На сайте после подключения данного
    скрипта перестают работать все остальные(scrollPane и scrollTo). Не
    подскажите как с этим разобраться?

    1. Вероятно, дело в несовместимости старых и новых версий библиотеки jquery. Попробуйте использовать версию 1.7.

  26. Скачивается версия 1.3.0, а где 1.3.5?

    1. @Yura Zamkovsky, в архиве 1.3.5, обновил описание. Ссылка та же.