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

Настройка Buyme

Самая свежая версия — 1.4, скачать.

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

В редакторе кода, например Sublime Text или Notepad++ (не блокноте) откройте файл buyme/lib/send.php и укажите почту или несколько адресов почты, куда скрипт будет отправлять уведомления:

//адрес почты для отправки уведомления
$to = "yourMail"; //несколько ящиков могут перечисляться через запятую

Все настройки кроме смс-уведомлений и адреса почты с версии 1.3.0 хранятся в файле js/config.js. В нем можно указать поля для формы, заголовок, название кнопки. Вам потребуются оттуда такие переменные:

var bmeData = {
 "caption.description": "Чтобы оформить заказ, заполните форму. В течение пары часов с вами свяжется менеджер и уточнит детали заказа, а также время доставки.", // описание в форме
 "caption.title": "Купить", // заголовок формы
 "caption.button": "Оформить заказ", // надпись на кнопке

 "caption.sending": "Отправка", // отправка
 "caption.error": "Заполните все поля", // заполните все поля

 "txt.yes": "Да",
 "txt.no": "Нет",

// укажите названия полей через запятую
// чтобы добавить textarea, перед названием добавьте минус (-)
// выпадающий список: !Название!Вариант1!Вариант2...
// checkbox: ?Вопрос

 "fields": "Ваше имя(Укажите имя), Телефон (Номер телефона)*, -Адрес доставки(Укажите город и адрес доставки)*, !Доставка!Самовывоз!Курьерская доставка, ?Подарочная упаковка",

 "template": "default", // template name (default)

 "license": "0", // ключ лицензии (можно купить на get.nazartokar.com)
 "showCopyright": "0" // показывать ли копирайт?
}

Сохраняйте файл и убедитесь, что на сервере отредактированная версия. Это все настройки.

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

Инструкция по настройке смс

Настройка SMTP-отправки

Если письма по какой-то причине не отправляются, вы можете настроить smtp-отправку. Инструкция по настройке SMTP.

Установка Buyme

Не забудьте убедиться, что до этого уже был подключен jQuery версии не менее 1.4.4. Если его нет, можете подключить его из папки скрипта этой строкой:

<script type="text/javascript" charset="utf-8" src="/buyme/js/jquery.js"></script>

Когда файлы загружены, нужно добавить код для корректной работы скрипта. Это делается так: открываете шаблон вашего сайта и в <head> добавляете строку с вызовом скрипта:

<script type="text/javascript" charset="utf-8" src="/buyme/js/buyme.js"></script>

После этого нужно отредактировать страницу товара. Все параметры товара должны быть включены в блок с

class='b1c-good'

Обратите внимание: если вы обновляетесь до 1.4.0, то код на странице товара также нужно обновить.

Далее к названию товара нужно добавить

class='b1c-name'

А все дополнительные поля (если они нужны) обработать таким образом: нужному полю добавляете атрибут:

data-bme="Имя поля"

Таким образом можно “собирать” такие типы элементов:

  • выпадающие списки (select)
  • текстовые поля (input type=”text”)
  • текстовые блоки (textarea)
  • чекбоксы (checkbox)
  • радио-списки (radio)
  • любые строчные и блочные элементы (p, div, span и так далее).

Название поля скрипт возьмет из атрибута data-bme, а значение — в зависимости от типа элемента.

Если вы размещаете скрипт на странице с несколькими товарами, каждый из товаров нужно “обернуть” блоком с классом b1c-good. После этого сохраните все настройки, почистите кэш, скрипт настроен.

Установка кнопки

В том месте, где вы хотите видеть кнопку для заказа, добавляйте такой код:

<button class="b1c">Купить за 1 клик</button>

Не получается?

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

Возможные ошибки при установке я собрал в одном посте «Возможные ошибки при установке».

Как убрать копирайт

Читайте инструкцию в посте «Как убрать копирайт из Callme и Buyme».

↑ Тисни «Лайк», щоб читати нас у Фейсбуці

Засновник і керівник видання Tokar.ua. Програміст, адміністратор української Вікіпедії.

Коменти
Дмитрий

Делаю все по инструкции, кнопка купить не активна и в иероглифах. Подскажите, пожалуйста, что не так. Вот страница

Назар Токарь

@Дмитрий, используйте другой редактор кода.

Дмитрий

@Назар Токарь, Уже перешел с AkelPad на NetBeans. Скажите, пожалуйста, что именно нужно исправить ?

Тимми

Назар, в wordpress библиотека jQuery подключена в режиме noConflict, следовательно ваш код с $ не работает. Оберните его в:
jQuery(document).ready(function($) {
// Внутри этой функции $() будет работать как синоним jQuery()
});
или хотя бы посоветуйте пользователям.

Андрей

Назар, подскажите, пожалуйста – почему отправляются на почту все значения радио кнопок, а не только нажатой? Список работает, а radio – нет. Заранее спасибо.

Андрей

Всем спасибо) Вопрос решен.

Алексей

Назар добрый день.
Установил Buyme. Задача, получить на почту сообщение, в котором было бы видно наименование кол-во и цену продукта. С наименованием и ценой все понятно, получаю при помощи класса и атрибута data-bme=”Цена”, а вот получить количество не получается, пишу атрибут у тега – data-bme=”Кол-во”, но на почту получаю из атрибутов только цену…

Назар Токарь

@Алексей, посмотирте на форуме, как сделать обработку поля с одним символом.

Александр

Назар, спасибо за скрипт. Скрипт замечательный: увеличивает конверсию в заявки.
Вчера возникла проблема:
После обновления WP при клике по кнопке не раскрывается окно с запросом контакта. Подскажите пожалуйста как восстановить работу скрипта?

Назар Токарь

@Александр, у вас всё работает, нужно кэш почистить.

Александр

@Назар, попробовал с 4 браузеров предварительно почистив их Кэш. Ни на одном не открылось окно… У Вас как я понял окно заказа открывается. Помогите пожалуйста решить проблему. (Небольшой взнос в развитие скрипта или участие в тестировании обещаю).

Назар Токарь

@Александр, у меня открылось сразу, проблемы не увидел. Поставьте версию 2.2, у вас 2.1.

Александр

@Назар,
У меня версии: Скрипт 1.4 WordPress 4.2
Подскажите пожалуйста 2.2 это версия чего? ( jquery обновлял- эффект=0)

Назар Токарь

@Александр, я не вижу кнопок для покупки у вас.

Александр

@Назар Токарь,
http://children-love.ru/all-products/karnavalnyj-vzroslyj-kostyum-kovboya/
На каждой карточке товара зеленая кнопка “Купить за 1 клик”

Назар Токарь

@Александр, вы необозначили имя товара классом b1c-name.

Антон Маркелов

Здравствуйте, пытаюсь настроить чтобы скрипт захватывал данные элементов radio через data-bme= но почему-то захватывает данные всех элементов, а хотелось бы чтоб только чекнутый.

Алексей

А возможно ли данный скрипт прикрутить к корзине опенкарт? Просто на товар получается, а в корзине ничего не получается

Назар Токарь

@Алексей, нет.

Александр

@Назар Токарь, а такую версию нет в планах сделать? очень нужная штука вышла бы )

Дмитрий

Здравствуйте, все нервы уже измотал. Помогите пожалуйста разобраться. Скрипт перестал проходить на отправку. Кнопка “Комплект : Заказать.”

Ошибка во время отправки формы (Send.php не срабатывает) Uncaught TypeError: Cannot read property 'get' of undefined указывает консоль на 94 строчку buyme.js. Установлен jquery-2.1.3.js

Назар Токарь

Дмитрий, из новостей: ваш сайт получает красную карточку и отправляется в черный список за удаление копирайта. Совет да любовь, неуважаемые.

Дмитрий

@Назар Токарь, я тут недавно. Если подскажите, где он стоял, то давайте я его добавлю, идет? Я прекрасно понимаю, что так делать нельзя. К сожалению не знаю того умняша, который копирайтс удалял. Раз опенсорсом работаешь – не унижай разработчика своими действиями.

Назар Токарь

Дмитрий, все это в крайней степени мило с вашей стороны.

Дмитрий

@Назар Токарь, это значит нет?

Назар Токарь

Дмитрий, а вы как сами думаете?

Дмитрий

@Назарь Токарь, Ну :) Во мне еще теплится надежда на мир во всем мире и торжество справедливости))))

Дмитрий

@Назар Токарь , мне лично неприятен сей инцидент. Хотел бы предложить следующее: я показываю руководителю наш “косяк”, запрашиваю деньги на лицензионный ключик и profit. Для этого мне нужно показать ему, что Вы нас добавили в черный список. Подскажите ссылку, где можно этот бан-лист посмотреть. Дальше заполню форму как надо, Вам клиент, нам репутация, мне карма ++ . Как такой вариант?

Назар Токарь

Дмитрий, приятно, что вас это заботит. Список этот для меня, он не афишируется, смысла в этом не вижу.

Артём

Назар, привет!
Спасибо за отличный скрипт покупки в один клик!)) Такой вопрос: как настроить форму, чтобы она появлялась в месте клика? Дело в том, что когда нажимаешь на кнопку, форма появляется посередине сайта и нужно пролистывать до нее…)) В форме обратного звонка можно было добавить настройку через “center 0”, но в buyme не работает такая тема…))) Может что то не так прописал?)

Назар Токарь

@Артём, в buyme такой функции нет.

Артём

@Назар Токарь, подскажите тогда, как исправить эту стуацию с формой? она появляется посередине сайта,…. вот: http://мосводосервис.рф

Назар Токарь

Артём, никак. Форма обычно большая и всегда появляется посредине страницы.

Vadim

Здравствуйте! Спасибо за классный модуль заказов!

1. Возможно ли заранее указать данные в некоторых полях и использовать для них type=”hidden”. Например для того чтобы вставить свои данные которые будут браться из страницы.

2. Так же интересует – возможно ли подключить любую другую систему смс рассылки в которая работает не только с Россией? Как я понял, все систему только шлют смс по России. А если пользователь из США, Литвы, Италии.

Назар Токарь

1. Конечно, подключение аналогично любым другим полям.

2. Смс по всему миру к всех операторов. Можете подключить любых других.

Алексей

Здравствуйте! Подключил скрипт, все работает, заказы отправляет. Как мне передать заказ в админку, в заказы для дальнейшей обработки менеджерами ? движок Opencart 1.5.5.1 сборка maxystore.

Назар Токарь

Скрипт никак не взаимодействует с админкой, сколько можно говорить

Михаил

Назар, спасибо большое!!! Все получилось! Спасибо что пнул меня!
PS для особо тугодумов как я напиши в инструкции по установки что прописывания class="b1c-name" Обязательно!!! :-) и тогда будут меньше трясти тебя по пустякам)
Еще раз большое спасибо!

Назар Токарь

@Михаил, так вроде и так несколько постов на одну и ту же тему сделал.

Михаил

Назар, добрый вечер. Не удаляйте мою тему пожалуйста!
Я сейчас поставил код buyme в меню “Купить” но при клике на кнопку ни чего не происходит.
а в firebug пишет ошибку:
Uncaught TypeError: Cannot read property ‘length’ of undefinedbuyme.js:275 (anonymous function)jquery.js:5 x.event.dispatchjquery.js:5 x.event.add.y.handle

PS движек сайта WordPress 4.1. Jquery я отключил стандартный и подключен только Ваш. При тесте из консоли он показывает версию 2.0.1

Помогите что делаю не так?

Назар Токарь

@Михаил, во-первых, вы два раза спрашиваете одно и то же. Во-вторых, неправильно установлен код скрипта. Вы добавили кнопку с классом .b1c, но нет кода товара .b1c-good и класса с именем. Обо всём этом и многом другом написано в инструкции.

Павел

В чем прикол сделал все как написано ничего не работает!!!!!
кнопка появилась но форма не появляется!!!!

Назар Токарь

@Павел, нужно больше истерики! Больше хардкора!

Сергей

@Павел, Вы поставили 3 волшебные строчки – которые вызывают работу скрипта?
Тогда будьте любезны скопируйте их и поставьте. ВОТ ОНИ:

Назар Токарь

@Сергей, код вырезается, если не вставлять его в теге pre.

Сергей

@Назар Токарь, Ставлю в тег

 КОД 
.
  <link rel="stylesheet" href="buyme/stuff/bs.css">
  <script type="text/javascript" charset="utf-8" src="/buyme/js/jquery.js"></script>
  <script type="text/javascript" charset="utf-8" src="/buyme/js/buyme.js"></script>
  <link rel="stylesheet" href="/buyme/stuff/style.css"> 

Дмитрий

Установлен buyme, все работает отлично. Но не меняются настройки формы:( Ставил не я, к меня руки кривые… Прилагаю config.js Или я чего то не не понял, или??? Плз хелп.

Дмитрий

Добавлено: e-mail(контактный e-mail)*
Транспортная компания, ?Наличная оплата, ?Безналичная оплата»,

Но в форме ни чего не изменилось(

Назар Токарь

Давайте больше комментариев. И давайте не читать что было написано до вас. Только спам в коментах, только хардкор!

Дмитрий

Назар, скажите есть ли какое то ограничение на пересылку дополнительных параметров data-bme? У меня в форме из 8 штук, но приходит на почту только 4.

Назар Токарь

@Дмитрий, нет.

Дмитрий

Cкрипт не берет значения только из тега select. Может кто сталкивался с такой проблемой?

Михаил

Еще один вопросик возник.. сейчас озадачился разработкой отдельного шаблона под iphone, и выяснилось что на данный момент если зайти на сайт в Айфона, кнопка “купить в 1 клик” не работает(( она нажимается, но окно не появляется. А это не есть хорошо, т.к. доля посетителей с iphone-ов оставляет не менее 20%. Вы не тестировали свой модуль под айфон? Или это только у меня одного не работает?)

Назар Токарь

@Михаил, тестировал на 4-м айфоне, все норм работает.

Михаил

@Назар Токарь, спасибо) будем копать соседние скрипты) хотя пока я не очень понимаю что делать, т.к. на обычном компе все работает, да и отключать уже вроде там нечего(

Сергей

@Михаил, у меня так же было, пока не поместил страницу сайта в папку buyme. Поместив в эту папку страницу сайта – все начало работать. НО, есть один вопросик – значит все страницы сайта нужно в папку buyme класть или как?

Олег

Перечитал везде ответ так и не нашел. Маску ввода телефона можно реализовать?

Михаил

Приветствую Назар! Пытаюсь прикрутить к своему сайту на Joomla1,5+Virt1.1.9. Не всплывает окно. Jquery пробовал и Ваш и свой оставлял. К каким тегам лучше присваивать классы? Пробовал и к table’ам и к div’ам.. Подскажите где копать?))

Алексей

@Михаил, Сайт оптимумхим Связка J 2.5 и Joomshopping все отлично работает. По аналогии и в virt. будет работать. Правой кнопкой в Хроме и просмотреть код элемента. Мне помогло подключение скрипта buyme не в head, а в теле страницы (body), сразу после кнопки вставил

Назар Токарь

@Михаил, можно к любым вообще. Логичнее к ссылкам, ихображениям и кнопкам.

Михаил

@Назар Токарь,
Все уже перепробовал… кнопка ловит стили, т.е. становится зеленая, и buyme.js доступен по ссылке из кода и jquery родной жумловский v1.5.2 точно подгружается, и пробовал Ваш jquery, и отключал всякие жумловские mootools`ы… и по-прежнему кнопка жмется а окно не появляется…(

Михаил

@Михаил, Ура!) одна из множества комбинаций помогла!!!!)

Олег

Здравствуйте!
Уже наверно пол года пользуюсь BuyMe и все было без проблем. Недавно заметил, что стало меньше заказов и решил проверить и сам заказать через BuyMe и не получилось. Выдает постоянно: “Заполните все поля”. Хотя заполняю все поля, все равно выдает “Заполните все поля”. В настройках даже убрал все *, которые определяли обязательные поля, пробовал переустанавливать. – Ни чего не помогает. Помогите понять причину!

Назар Токарь

@Олег, вспомните, после чего это произошло.

Олег

@Назар Токарь, я без понятий(
Странно то, что и сейчас, переустановив BuyMe, ни чего не поменялось(

Андрей

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

Денис

Назар, извините,вопрос решен!

Денис

Назар,извините,предыдущий вопрос снят: дело в том,что у меня кнопка слетает при нажатии и ее активная сторона смещается вправо. То есть, чтобы отправить форму нужно нажимать на правую часть кнопки. Но есть 2 вопрос через таблицу стилей не правится положение кнопки,как быть?

Денис

Назар, добрый день. Установил 1.4 версию Buyme, все подтянулось, но после заполнения полей формы кнопка “Оформить заказ” не реагировала. Затем она сработала, получилось отправить несколько тестовых запросов. Но спустя несколько часов опять перестала работать форма и опять пустота. Правил только css и send.php. В чем может быть проблема? Страничка http://dim-mriy.com.ua/postelnoe-bele/komplekt-postelnogo-belya-zastelli-3576-detail

Vitalii

Не плохо было бы сделать редактируемую маску для телефона в настройках.
Например: +380 (50) ___-__-__
Как думаете?

Назар Токарь

Да, думаю над этим.

ВОЛОДЯ

ПОТРАТИЛ 3 часа ! – грубо говоря )))
измените подпитку скрипта с
НА

Анатолий

Еще важный вопрос, как бы внедрить капчу в скрипт.
у меня стоит плагин Really Simple CAPTCHA. можно ли его как то использовать для скрипта?

Назар Токарь

@Анатолий, капчу я не предусматривал.

Анатолий

Спасибо, СПАН работает! с внешним видом кажется разобрался.

А в вашем скрипте есть возможность отправки клиенту письма с подробностями его заказа?

Назар Токарь

@Анатолий, да, на форуме есть инструкция.

Анатолий

Добрый день, расскажите особо одаренным,
как сделать, чтобы Дивы Обложка на паспорт Цена: 250 грн Купить
отображались в строчку, то есть:
Обложка на паспорт. Цена: 250 грн (кнопка купить)

А не так:
Обложка на паспорт.
Цена: 250 грн
(кнопка купить)

Назар Токарь

@Анатолий, ничего не понял.

Анатолий

@Назар Токарь,
Форум не показал теги.
К примеру, название я хочу взять из текста, для этого нужное слово я беру в блок “b1c-name”. Но при этом весь следующий текст начинается со следующей строки, а нужно чтобы оставался в той же строке.

Назар Токарь

@Анатолий, вы можете добавить нужную часть текста в строчный элемент span. Вот пример:

<div class="your_class">
Текст вокруг названия <span class="b1c-name">название товара</span>
</div>

Григорий

Здравствуйте! Спасибо за отличное решение!
Вот только не могу понять, почему при добавление нового поля во всплывающем окне – (“fields”: “Ваше имя(Укажите имя), Телефон (Номер телефона)*, и тд) его данные не передаются на почту. При этом когда я пробую через денвер, то в письме данные из нового поля есть, а когда с сайта отправляю заказ, то это поле отсутствует в письме.

Назар Токарь

@Григорий, так не бывает. Значит, список полей не там редактируете.

Григорий

@Назар Токарь, Спасибо за ответ. Проблема вот в чем – если в любое поле вносить любое число состоящее из одного символа, то оно не учитывается, как будто пустое. Если двузначное число или любая буква, то данные приходят. Я это обнаружил, создав поле “количество штук” ))

Назар Токарь

@Григорий, этот вопрос обсудили на форуме, там написано, как исправить лимит.