Пример
Для примера я добавил несколько товаров. Вы можете получать в уведомлениях о покупке не только название, но и цену, выпадающие поля, чекбоксы и статическую информацию о товаре.
Смотрите пример и читайте инструкцию, чтобы настроить скрипт правильно.
Настройка
Сначала нужно настроить товар. Для этого любому блоку, который включает в себя название товара и кнопку «купить», присвойте class="b1c-good". Название товара должно иметь class="b1c-name". Если у вас есть дополнительные поля (выпадающие списки, текстовые поля и блоки, радиокнопки, чекбоксы, цена товара и т.д.), то каждому полю, которое вы хотите получать в уведомлении, добавьте атрибут data-bme="имя поля".
Это минимально необходимая настройка, теперь можно переходить к настройке самого скрипта.
Все настройки указываются в файле buyme/js/config.js. Чтобы изменить поля, которые появляются в форме, укажите их названия в переменной fields через запятую.
Все параметры указываются как свойства объекта bmeData в формате "имя свойства": "значение" и разделенные запятыми. Если это звучит сложно, не расстраивайтесь, ниже есть пример, в котором все понятно.
Настройка товара
Свежая инструкция по настройке скрипта и кода товара есть в блоге, она постоянно обновляется.
Вы можете указать, какие из полей требуют заполнения, для этого добавьте после значения поля в переменной fields звездочку.
Например: Имя*
Название поля может отличаться от параметра placeholder. Чтобы указать, какой текст будет использоваться в качестве placeholder, укажите его в скобках после названия поля. Этот параметр будет действовать и для текстовых полей, и для текстовых блоков (textarea).
Например: Имя (Укажите имя), -Адрес доставки (Укажите город и адрес)
| Параметр | Назначение | Варианты |
|---|---|---|
caption.description |
Описание процесса заказа вверху формы | Чтобы оформить заказ, заполните форму. В течение пары часов с вами свяжется менеджер и уточнит детали заказа, а также время доставки. |
caption.title |
Заголовок формы | Купить [название товара] |
caption.button |
Надпись на кнопке «Купить» | Оформить заказ |
caption.sending |
Сообщение внизу формы во время отправки | Отправка |
caption.error |
Сообщение внизу формы в случае ошибки | Заполните все поля |
txt.yes, txt.no |
Да, Нет | ... |
| Параметр | Назначение | Варианты |
|---|---|---|
fields |
Список полей для всплывающей формы. Указываются через запятую.
|
|
template |
Название шаблона. Если вы создаете новый, помещайте его в отельную папку в templates и указывайте в этой переменной ее название |
default |
license |
Лицензия, чтобы законно скрыть копирайт. Этот ключ можно купить здесь) | 00000000 |
showCopyright |
Показывать ли копирайт; действует только если указана лицензия | 0 |
Этот код — значение по умолчанию, которое сохраняется в файле buyme/js/config.js. Чтобы все работало, достаточно не трогать его. Если хотите менять значения, пользуйтесь таблицей выше. Если что-то пошло не так, скопируйте этот код и замените им то, что получилось у вас.
var bmeData = {
"caption.description": "Чтобы оформить заказ, заполните форму. В течение пары часов с вами свяжется менеджер и уточнит детали заказа, а также время доставки.",
"caption.title": "Купить",
"caption.button": "Оформить заказ",
"caption.sending": "Отправка",
"caption.error": "Заполните все поля",
"txt.yes": "Да",
"txt.no": "Нет",
"fields": "Ваше имя(Укажите имя), Телефон (Номер телефона)*, -Адрес доставки(Укажите город и адрес доставки)*, !Доставка!Самовывоз!Курьерская доставка, ?Подарочная упаковка",
"template": "default",
"license": "0",
"showCopyright": "0"
}
Напоминаю: настройки должны быть сохранены в файле buyme/js/config.js.
Подключение
Обратите внимание: если вы обновляете более старую версию Buyme, вам нужно будет удалить её код и установить заново. Это несложно, тем не менее, код придётся обновить.
О том, как настраивать SMS, написано здесь: настройка СМС в Buyme и Callme.
Скачивайте архив (ссылка ниже), распаковывайте его в корневую папку buyme. Открывайте в Notepad++ или Sublime Text (не блокноте) файл buyme/lib/send.php и меняйте почту на свою. Если отправка почты не работает или у вас есть лишнее время, вы можете подключить отправку почты через SMTP. Данные указывайте в файле buyme/lib/smtp.php.
Установка скрипта производится так: перед закрывающимся тегом </head> добавляем такой код:
<script src="/buyme/js/buyme.js" charset="utf-8"></script>
Лицензия
Чтобы убрать копирайт, нужно купить лицензию. Это стоит не менее 7$ на ваше усмотрение. Реквизиты указаны на странице с лицензиями. Оплачиваете и заполняете форму на этом сайте, а я в ответ отправляю вам ключ для скрипта. Все посто.
Пользоваться скриптом можно совершенно бесплатно, оставляя копирайт. Если хотите новых версий и технической поддержки, поддерживайте и вы меня материально: здесь все реквизиты. Тех, кто помогает больше всего, я указываю на странице благодарностей со ссылками на их проекты. Копирайт прошу не удалять — чем больше пользователей, тем больше будет новых доработок.
Помощь
Если что-то не получается, вы можете заказать у меня установку скрипта на любую CMS. Также разрабатываю другие скрипты на заказ, верстаю. Заинтересован в постоянном удаленном сотрудничестве.