Пример
Давайте посмотрим, как работает Callme. Нажмите на любую из ссылок ниже. Кликайте на любую ссылку, чтобы показать форму заказа. Вообще на любую. Кликайте на любую из них повторно, чтобы форма скрылась.
Все очень просто: любому объекту, который должен по клику показывать или скрывать форму, добавляйте аргумент: class="callme_viewform"
Шаблоны
В комплекте 6 различных скинов, которые меняются при помощи CSS. Чтобы выбрать другой шаблон, меняйте переменную cme_template.
Настройка
Все настройки указываются в файле /callme/js/config.js. Чтобы изменить поля, которые появляются в форме, укажите их названия в переменной cme_fields через запятую. Для того, чтобы поле было не просто текстовым, а textarea, перед его именем добавьте минус.
Все параметры указываются как свойства объекта cmeData в формате "имя свойства": "значение" и разделенные запятыми. Если это звучит сложно, не расстраивайтесь, ниже есть пример, в котором все понятно.
Вы можете указать, какие из полей требуют заполнения, для этого добавьте после значения поля в переменной fields звездочку.
Например: Имя*
Название поля может отличаться от параметра placeholder. Чтобы указать, какой текст будет использоваться в качестве placeholder, укажите его в скобках после названия поля. Этот параметр будет действовать и для текстовых полей, и для текстовых блоков (textarea).
Например: Имя(Укажите имя), -Ваш вопрос (Опишите суть вопроса)
| Параметр | Назначение | Варианты |
|---|---|---|
title |
Заголовок формы | Заказать обратный звонок |
button |
Надпись на кнопке | Перезвоните мне |
txt.callTime |
Надпись в форме | Время звонка |
alert.sending |
Процесс отправки | Идет отправка |
alert.setCallTime |
Если не указано время звонка | Укажите время звонка |
txt.tmrw |
Время звонка: завтра | завтра |
txt.today |
Время звонка: сегодня | сегодня |
| Параметр | Назначение | Варианты |
|---|---|---|
showButton |
Показывать фиксированную кнопку справа? | 1 да0 нет |
fields |
Список полей для всплывающей формы. Указываются через запятую.
|
|
callTime |
Показывать время звонка? | 1 да0 нет |
workStart, workEnd |
Начало и конец рабочего дня в часах, используется для выбора времени звонка | workStart "8"workEnd "19" |
center |
Где показывать форму на экране | 1 в центре экрана0 у места клика |
template |
Шаблон. С версии 2.0 hello kitty переименован в pink. |
default, apple, vk, fb, blackred, pink |
license |
Лицензия, чтобы законно скрыть копирайт. Этот ключ можно купить здесь) | 00000000 |
showCopyright |
Показывать ли копирайт; действует только если указана лицензия | 1 да0 нет |
Этот код — значение по умолчанию, которое сохраняется в файле callme/js/config.js. Чтобы все работало, достаточно не трогать его. Если хотите менять значения, пользуйтесь таблицей выше. Если что-то пошло не так, скопируйте этот код и замените им то, что получилось у вас.
var cmeData = {
"showButton": "1",
"fields": "Имя, Телефон(Укажите номер)*, -Комментарий*, !Ваш вопрос!Узнать наличие!Сделать заказ, ?Подарочная упаковка",
"title": "Заказать обратный звонок",
"button": "Перезвоните мне",
"callTime": "1",
"txt.callTime": "Время звонка",
"txt.today": "сегодня",
"txt.tmrw": "завтра",
"txt.till": "до",
"txt.hours": "час.",
"alert.sending": "Идет отправка",
"alert.setCallTime": "Укажите время звонка",
"mail.referrer": "Источник трафика",
"mail.url": "Страница с запросов",
"workStart": "8",
"workEnd": "19",
"center": "1",
"template": "pink",
"license": "0",
"showCopyright": "0"
}
Напоминаю: настройки должны быть сохранены в файле cellme/js/config.js.
Подключение
Обратите внимание: если вы обновляете более старую версию Callme, вам нужно будет удалить её код и установить заново. Это несложно, тем не менее, код придётся обновить.
О том, как настраивать sms, написано здесь: настройка СМС в Buyme и Callme.
Скачивайте архив (ссылка ниже), распаковывайте его в корневую папку callme. Открывайте в Notepad++ или Sublime Text (не блокноте) файл /callme/lib/send.php и меняйте почту на свою. Если отправка почты не работает или у вас есть лишнее время, вы можете подключить отправку почты через SMTP. Данные указывайте в файле callme/lib/smtp.php.
Установка скрипта производится так: перед закрывающимся тегом </head> добавляем такой код:
<script src="/callme/js/callme.js" charset="utf-8"></script>
Лицензия
Чтобы убрать копирайт, нужно купить лицензию. Это стоит не менее 7$ на ваше усмотрение. Реквизиты указаны на странице с лицензиями. Оплачиваете и заполняете форму на этом сайте, а я в ответ отправляю вам ключ для скрипта. Все посто.
Пользоваться скриптом можно совершенно бесплатно, оставляя копирайт. Если хотите новых версий и технической поддержки, поддерживайте и вы меня материально: здесь все реквизиты. Тех, кто помогает больше всего, я указываю на странице благодарностей со ссылками на их проекты. Копирайт прошу не удалять — чем больше пользователей, тем больше будет новых доработок.
Помощь
Если что-то не получается, вы можете заказать у меня установку скрипта на любую CMS. Также разрабатываю другие скрипты на заказ, верстаю. Заинтересован в постоянном удаленном сотрудничестве.