Назар Токар
Опубліковано: 23 Вересня 2013
Оновлено: 26 Серпня 2017

Я перенес инструкцию по установке скрипта 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 Будьте в курсі. Долучайтесь до нашого каналу в Telegram.

Поширити у Фейсбуці
Надіслати у Messenger
Надіслати в Telegram
Надіслати у WhatsApp
Зберегти в Pocket

Додати коментар

Такий e-mail вже зареєстровано. Скористуйтеся формою входу або введіть інший.

Ви вказали некоректні логін або пароль

Вибачте, для коментування необхідно увійти.

433 коментаря

спочатку нові
за рейтингом спочатку нові за хронологією

Здравствуйте. Установил Bayme на сайт. Кнопка выводится в карточке товара. При нажатии на кнопку окно не всплывает, а отправляет в стандартные шаги оформления заказа в корзине. Сайт на Joomla 3.8 +JoomShopping. Не подскажите возможную причину. Сайт http://e-perina.com.ua

Автор
Назар Токар

Схоже, що кнопка обробляється вашим js магазину і не дає Buyme відкрити форму, тож я б радив прибрати всі класи окрім Buyme і додати стилі до нього.

Спасибо за ответ. Как я понимаю нужна работа с кодом. Я в этом новичок. Будем разбираться.

Доброго дня, Пiдкажiть будь ласка, яка цiна за встановлення Bayme на сайтi ?

Автор
Назар Токар

Вітаю, на форумі вам відповів.

Володимир

Добрый.
Подскажите, а можно ли изменить надпись, которая появляется после успешной отправки? В инструкции есть только надпись процесса отправки. В файлах тоже не нашел. Спасибо.

Автор
Назар Токар

Всі написи міняються або в send.php, або в buyme.js.

Дивно, Ви пишете що в 1251 тепер теж все чітко буде, а насправді одні ієрогліфи. Потратив декілька годин, плюнув...

Якщо щось підскажете то буде добре. Ось примір сторінки http://sbmtour.com.ua/countries/ukraina/tury-po-ukraine/tury-iz-kieva-1-den/kozja-ferma.html

Автор
Назар Токар

Файл підключено правильно, але config.js збережений у неправильному кодуванні. Перекодуйте його у інший, почистіть кеш.

Ось про що я говорю:
"caption.error": "Çàïîëíèòå âñå ïîëÿ"

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

но значение не отправляется

если кусок кода data-bme="количество" добавить к любому другому полю значение отправляется, именно количество товара не отправляется. Где-то конфликт

Автор
Назар Токар

Мінімально 2 символи. На форумі написано, як це виправити.

добавляю поле textarea к форме. Хочу чтобы пользователь указывал количество заказываемого товара. но оно работает если минимум указывать 2 значения. при указании 1 цифры поле не отправляется на почту.

Подскажите в чем может быть проблема:

делаю все по инструкции, размещаю кнопку, при нажатии на нее форма не появляется, появляется только начало формы - http://joxi.ru/v29Oz7bCWJ30rG

конфликт скриптов?

Автор
Назар Токар

У вас якийсь перероблений модуль Buyme, зверніться до його «розробника».

сейчас установил ваш, с вашего сайта - не работает

Автор
Назар Токар

Якщо ви приберете друге підключення jQuery і Buyme, то можливо запрацює.

не помогло(

Автор
Назар Токар

Мабуть, тепер залишилось додати розмітку для товару на його сторінку? Як вважаєте?

можете подсказать, что нужно сделать?

Автор
Назар Токар

Як мінімум — клас для товару і клас для імені. Інструкція, сер.

Автор
Назар Токар

ХЗ, ви ж навіть не дали лінк на сайт.

Добрый день, есть ли возможность прикрутить к форме картинку товара? Ее можно и не отправлять на почту, просто закинуть в popup.

Все очень классно!

Но почему отправка заказа идет так долго? (где-то 30 сек., затем только идет сообщение об успешной отправке)

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

Назар, подскажи, можно ли изменить внешний вид окна Buyme? В templates лежит один вариант default, у CallMe несколько тем оформления. Возможно ли использовать темы CallMe для Buyme?

Автор
Назар Токар

Вітаю, міняти можна, але теми з Callme до Buyme не підходять. Тому відкривайте templates/default/style.css і редагуйте як завгодно.

Станислав

#ХОТЕЛКА

Добрый день!

Было бы круто еще картинку передать в модальное окно, и параметры чтобы можно было задать для этой картинки.

Спасибо за ваш труд. Очень помогает в работе.

Александр

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

Я выявил причину, рекомендую проверить htaccess

у моем случае из-за

##Removing the .html suffix

RewriteCond %{REQUEST_URI} \.html$

RewriteRule (.*)\.html$ /$1 [R=301,L]

скрипт не работает, если удалить эти пару строчек оттуда начинает работать.

Вопрос к Назару - как сделать, чтобы скрипт работал с этой строчкой?

Автор
Назар Токар

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

Александр

@Назар Токарь, не сработало.. так же ноль эффекта.

я запускаю демо-страницу по адресу:

http://сайт.ru/buyme/

там уже форма заказа с телефонами из примера и никаких index.php или .html на конце нет.

подумал может дело в этом

## Removing /index.php/

RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /index\.php\ HTTP/

RewriteRule ^index\.php$ http%2://www.сайт.ru/ [R=301,L]

но нет, даже с пустым htaccess не реагирует

Автор
Назар Токар

@Александр, пустой htaccess в папке заменяется htaccess, который берётся из папки выше или из глобального файла. Почитайте форум на эту тему или уберите безусловную переадресацию в htaccess.

Александр

@Назар Токарь,

эти строки удаляют дубли.

ведь страница может быть доступна как

sait.ru/page

sait.ru/page.html

и чтобы не было дублей удаляется вариант с html

вот вопрос как сделать, чтобы и такие дубли удалялись и кнопка покупки работала

Автор
Назар Токар

@Александр, ну тогда заменить всё html на на php в buyme.js.

Добрый! Установил скрипт себе на сайт. Делал уже много раз. По инструкции. Сначала при загрузке сайта, в консоли появляется ошибка http://prntscr.com/997rcx , а после того, как нажимаю на кнопку купить в один клик, всплывает как всегда окно, но она без полей для ввода данных - http://prntscr.com/997s15 .

Должен заметить, что все знаки $ в файле buyme.js я заменил на jQuery , так как выдавалась ошибка о непонимании что такое $

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

Автор
Назар Токар

@Рома, скачайте заново скрипт и замените ваш buyme.js на новый.

@Назар Токарь, ты волшебник. Спасибо!!

@Назар Токарь, к сожалению я вчера это делал

Автор
Назар Токар

@Рома, после нашей беседы я обновил скрипт.

Здравствуйте. Сделал все по инструкции на сайте - в результате при нажатии на кнопку заказать - просто поднимался экран на верх.

Попробовал тогда разархивировать полученный на почту архив.

в папку локалхосте (денвер)

ничего не работает..

понял, что там пути не правильные, поправил.

всеравно ничего не происходит. нажимаю - ноль реакции

вот архив ...

Автор
Назар Токар

@Александр, вы мне сбросили мой архив? Спасибо конечно, но я могу и так сказать, что у меня работает :).

Добрый день. Не подскажешь в каком файле можно исправить текст : "Чтобы оформить заказ, заполните форму. В течение пары часов с вами свяжется менеджер и уточнит детали заказа, а также время доставки." ??

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

Ваша фамилия

Попов

Ваше имя и отчество

Иван Иванович

Телефон

+79042328912

Адрес доставки

Барнаул

Регион

Алтайский край

Доставка

Курьерская доставка

Подарочная упаковка

Нет

Ваша фамилия

Попов

Ваше имя и отчество

Иван Иванович

Телефон

+79042328912

Регион

Алтайский край

Адрес доставки

Барнаул

Доставка

Курьерская доставка

Подарочная упаковка

Нет

@Назар Токарь, подскажите при установке на Joomla 2.5 выдает ошибку: buyme.js:21 Uncaught TypeError: Cannot read property 'append' of null

@Иван, в начале buyme.js добавляешь

jQuery.noConflict();

jQuery(document).ready(function($) {

и в самом конце добавляешь

});

. Я так исправил работу.

@Chez, при много благодарен.

Назар, увеличение шрифта до 1.2em в форме, для устройств менее 640 по ширине - на айфонах (max-device-width: 640px;) приводит поля input в нечитаемый вид, со скрытым наполовину текстом (по высоте). и кроме того, не подменяются позиционирование и отступы (я добавлял !important для этого, а также позиционирование формы - fixed).

Добрый день, установил все по инструкции н офрома не появляется при нажатии кнопки вот сайт http://new.smartpostel.by/index.php/joomshopping/product/view/13/34

Автор
Назар Токар

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

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

Автор
Назар Токар

@Сергей, теперь вам осталось поменять код в html.

а где можно поменять настройки дизайна кнопки "Купить за 1 клик"? перелизил все css не нашел...

Назарь, здравствуй! Тестирую твой скрипт. Подскажи пожалуйста, что нужно подправить в файле send.php , чтобы вот здесь http://clip2net.com/s/3k6FYpQ изменить название в строке "Имя:" на например "Страница:"

то есть чтобы логично было, а то как-то не гуд, когда второй раз названа строка Имя, а за ней идет урл, откуда была отправка.

Автор
Назар Токар

ПМР, правда?

Делаю все по инструкции, кнопка купить не активна и в иероглифах. Подскажите, пожалуйста, что не так. http://pro-ekran.com/ekrany/экран-для-проектора-79-4-3-160х120-см-detail" rel="nofollow">Вот страница

Автор
Назар Токар

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

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

Назар, в wordpress библиотека jQuery подключена в режиме noConflict, следовательно ваш код с $ не работает. Оберните его в:

jQuery(document).ready(function($) {

// Внутри этой функции $() будет работать как синоним jQuery()

});

или хотя бы посоветуйте пользователям.

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

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

Назар добрый день.

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

Автор
Назар Токар

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

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

Вчера возникла проблема:

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

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

Автор
Назар Токар

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

@Назар Токарь,

http://children-love.ru/all-products/karnavalnyj-vzroslyj-kostyum-kovboya/

На каждой карточке товара зеленая кнопка "Купить за 1 клик"

Автор
Назар Токар

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

@Назар,

У меня версии: Скрипт 1.4 WordPress 4.2

Подскажите пожалуйста 2.2 это версия чего? ( jquery обновлял- эффект=0)

Автор
Назар Токар

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

Автор
Назар Токар

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

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

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

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

Автор
Назар Токар

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

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

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

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

Автор
Назар Токар

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

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

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

Автор
Назар Токар

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

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

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

Автор
Назар Токар

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

Автор
Назар Токар

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

Завантажити ще