Обновлено 2014-07-02

Я перенес инструкцию по установке скрипта 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».

    424 Коментар на "Инструкция: установка и настройка Buyme"

    Ivan
    Гість

    Подскажите, для того что бы поменять кодировку для сайта в Win-1251

    Надо сделать следующее:

    Перекодировать в (Win-1251) Sublime Text файлы:

    /buyme/js/buyme.js
    /buyme/lib/f.php

    После этого в buyme.js
    закоментировал contentType: “text/html; charset=utf-8”,
    пример:

    строка 107 jQuery.getJSON(“/buyme/lib/send.php”, {
    строка 108 //contentType: “text/html; charset=utf-8”,
    строка 109 prd: bn,

    но по непонятным причинам не отображаеться
    или нужно перекодировать в Noute++ (ANSI)?

    Ignor
    Гість

    Подскажите (не нашел ответа) как добавить в письмо такие поля как Цена: ХХХ (то, что на сайте)

    Ignor
    Гість

    Нашел такие метки: class=”b1c-price”, class=”b1c-price”!
    Они работают вообще?

    Дмитрий
    Гість

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

    Дмитрий
    Гість

    или к своей картинке

    Владимир
    Гість

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

    Михаил
    Гість

    Назар, Спасибо! Очень интересный и удобный скрипт! Но возникла небольшая проблема. Форма оказывается под фотографиями. Можно это как-то поправить?

    Singing Birdie
    Гість

    Спасибо большое! Замечательный скрипт, как и callme.
    Огромная благодарность!

    Илья
    Гість

    как сделать отправку скрытой копии?

    Илья
    Гість

    Как добавить дополнительные поля свойств товара в письмо?
    Например: поле цена.

    Станислав
    Гість

    Добрый день! Решил поставить скрипт buyme, поставил, но при
    нажатии на кнопку не происходит ничего. Вроде уже все перепроверил,
    jquery 1.10.2 поставил, подгружается, стили и скрипт buyme
    подгружаются. А при нажатии ничего не происходит. Помогите плз :)
    Вот ссылка на товар, для примера:
    http://lisapprofessional.ru/shop/easy-build-to-laminirovanie-volos/lisap-build-to-2-ricostruttore-polimerico-150-ml-polimernyi-vosstanovitel

    Антон
    Гість

    @Станислав, Не забудьте убедиться, что до этого уже был подключен jQuery версии не менее 1.7.2. Смотрите также инструкцию, как быть, если нужно «подружить» Buyme и jQuery старых версий.
    Инструкцию пишут для дебилов???

    Станислав
    Гість

    @Антон, jquery у меня подключен версии 1.10.2, как мне
    кажется, эта версия явно новее чем 1.7.2. К чему этот наезд я не
    знаю…

    Антон
    Гість

    @Станислав, последняя версия jQuery v2.0.1

    Станислав
    Гість

    @Назар Токарь, Кстати, меня тут осенило, а на версии php
    5.2 работает buyme? Или может нужна 5.3?

    Станислав
    Гість

    @Станислав, смена версии php на 5.3 ничего не дала
    :(

    Станислав
    Гість

    @Назар Токарь, а может быть нужны какие либо надстройки над
    php? Что должно быть включено в конфигурации, чтобы модуль
    работал?

    Андрей
    Гість

    Здравствуйте! Напишите пожалуйста как и где отредактировать страницу товара. Все параметры товара должны быть включены в блок с class=’b1c-good’ Где это все сделать?

    И где это? – Далее к названию товара нужно добавить class=’b1c-name’

    Андрей
    Гість

    @Назар Токарь, посмотрел форум, ответа нет. У меня движок
    Wordpress. CallMe установил без проблем, а вот с BuyMe, споткнулся.
    Может быть он не предназначен для WP?

    Александр
    Гість

    Здравствуйте. Что-то я в толк никак не возьму, у вас ссылки
    по настройке smpt-отправки и возможные ошибки при установке ведут
    на скрипт CallMe. Он должен вместе с BuyMe
    устанавливаться?

    Андрей
    Гість

    Здравствуйте. Подскажите пожалуйста как всё-таки вернуть многоязычность в новую версию BueMe. А то у меня сайт будет на 3 языках а в описании новой версии сказано что такая возможность убрана. + как тогда её настроить (сайт будет сделан на Jooml’e + VirtueMart).
    Заранее спасибо за помощь!

    Юрий
    Гість

    Я замахался с этой кодировкой. Кодировал с помощью дримьюера на сервере, скачивал, кодировал с помощью Sublime Text2 и с помощью Notepad ++.

    На сайте у меня стоит кодировка “Кириллица (Windows)”. Все файлы модуля бай ми я конвертирую в этот формат. Я же ничего не мог пропустить? Ни одного действия? Причем видно что верно отображается часть заголовка формы http://triumftour.ru/Georgia/10479
    Ну в чем косяк. Может в .htacces чтото нужно сделать? Не хватает мозга

    Юрий
    Гість

    Я перекодировал все файлы – не помогает. Как еще можно побороть эту проблему?
    http://triumftour.ru/Georgia/10479

    Юрий
    Гість

    Скрипт заработал. Непонятная кодировка теперь. По инструкции перекодировал нужные файлы в кодировку всего сайта (кириллица windows). Кракозябры остались. Единственное я не нашел для закоментирования эти строчки:

    jQuery.ajaxSetup({‘beforeSend’ : function(xhr) {
    xhr.overrideMimeType(‘text/html; charset=utf-8’);
    },
    });

    http://triumftour.ru/Georgia/10479

    Юрий
    Гість

    Пытаюсь прикрутить к сайту. http://triumftour.ru/Georgia/10479 – просто вставил кнопку вверху страницы – она не реагирует. Что я сделал не так и почему она не работает?

    Александр
    Гість

    Мне кажется, в инструкции пропущен важный пункт – вставка
    самой кнопки Причем вот так надо с закрывающим слэшем. Спасибо,
    после того как нашел это, все закрутилось :)

    Tim
    Гість

    Здравствуйте!
    Отличный скрипт! Спасибо автору!
    Вопрос:
    Установил скрипт, все работает нормально, но форма отправки кривая какая-то получается…

    Во-первых шрифт не черный
    Во-вторых поля криво как-то расположены :(
    С прошлой версии скрипта то же самое было…
    Что делать?

    Tim
    Гість

    @Назар Токарь, спасибо за подробный ответ!
    Но когда я поставил везде !important в /buyme/templates/default/style.css
    Форма просто перестала появляться…

    Tim
    Гість

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

    Tim
    Гість

    @Tim, еще callme работает очень хорошо, внешний вид не меняется…

    Tim
    Гість

    @Назар Токарь, извините вы меня не правильно поняли
    Класс, отвечающий в Buyme за вид текста…

    wpDiscuz