Установка обратного звонка Callme [инструкция]

Список розділів Скрипти Callme — скрипт замовлення зворотнього дзвінка

Опис: Свіжа версія — 1.9.5 (2013-12-21)

#1 Nazar Tokar » 27.08.2013, 13:32

Обновлено 2014-06-20

callme-установка.png


Инструкция: установка и настройка Callme

Если вам нужна инструкция по установке Callme, вы зашли по правильному адресу. В каждом посте, посвящённом скрипту обратного звонка, я писал, как именно надо его устанавливать.

В каждой версии инструкция дублировалась и кое-где изменялась. Обновлять все посты с выходами новых версий было нерационально. Поэтому я создал этот пост, в нём всегда гарантированно будет единственная и правильная инструкция по установке самой свежей версии Callme.

Остальные посты будут ссылаться сюда, а инструкции из них я уберу. Переходим от теории к практике.

Настройка Callme

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

На почту вам придёт свежая версия скрипта. Полученный архив нужно распаковать и загрузить папку callme по ftp в корневой каталог вашего сайта.

Это очень важно: папка должна быть загружена именно в корень сайта. Если загрузить в другое место сайта, скрипт работать не будет.

В скачанном архиве находится файл /callme/lib/send.php и открываете его в редакторе кода, не в блокноте (почему?). В соответствующем поле указываете почту получателя, на которую будет приходить уведомление о заказе.

Код: Виділити все
//адрес почты для отправки уведомления
$to = "your@mail"; //получатель

Список полей для отображения хранится в файле настроек. Для того, чтобы настроить поля в форме, отредактируйте файл /callme/js/config.js. Ниже список всех настроек с пояснениями:

Код: Виділити все
var cmeData = {
   // показывать кнопку справа? (1 - да, 0 - нет)
   "showButton":    "1",

   // укажите через запятую названия полей
   // textarea: ставьте перед названием минус (-)
   // select: ставьте перед названием "!" и разделяйте варианты для выбора таким же символом
   // checkbox: знак вопроса перед именем
   // если поле должно быть обязательно заполнено, после его название добавьте * (например, имя*)
   "fields": "Имя (Ваше имя), Телефон (Укажите телефон)*, -Вопрос (Желательно заполнить)*, !Ваш вопрос!Узнать наличие!Сделать заказ, ?Подарочная упаковка",

   // заголовок формы
   "title": "Заказать обратный звонок",

   // надпись на кнопке
   "button": "Перезвоните мне",

   // показывать ли время звонка (1 - да, 0 - нет)
   "callTime": "1",
   "txt.callTime": "Время звонка",
   "txt.today": "сегодня",
   "txt.tmrw": "завтра",
   "txt.till": "до",
   "txt.hours": "час.",

   "alert.sending": "Идет отправка", // идет отправка
   "alert.setCallTime": "Укажите время звонка", // Укажите время звонка

   "mail.referrer": "Источник трафика", // откуда пришел посетитель
   "mail.url": "Страница с запросом", // страница, откуда отправлен запрос

   // начало и конец рабочего дня в часах, используется для времени звонка
   "workStart": "8",
   "workEnd": "19",

   // центрировать форму на экране? (1 - центр экрана, 0 - у места клика)
   "center": "1",

   // шаблон (default, apple, vk, fb, blackred, pink)
   "template": "default",

   // лицензия (можно купить на get.nazartokar.com)
   "license": "0",
   "showCopyright": "0"
}

Сохраняете файлы и загружаете их на сервер. На этом настройка скрипта окончена.

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

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

Установка Callme

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

Код: Виділити все
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

Этот код необходимо установить до подключения скрипта. Сам скрипт подключается в одну строку:

Код: Виділити все
<script type="text/javascript" src="/callme/js/callme.js"></script>

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

Как открывать форму по клику на любых объектах

Чтобы форма заказа звонка отображалась по клику на любую ссылку, изображение, кнопку и так далее, этому объекту нужно присвоить такой класс:

Код: Виділити все
class="callme_viewform"

Что делать с версиями jQuery до 1.7 (неактуально)

Начиная с версии 2.0, Callme работает со всеми версиями jQuery, не младше, чем 1.4.4.

Что-то не получается?

Для FAQ есть отдельный пост: возможные ошибки при установке Callme, эта запись постоянно обновляется, а свежая редакция указана над текстом.

Зображення
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2489
Теми: 100
З нами: 4 роки 4 місяці

#2 souz21 » 01.10.2013, 18:00

Сделайте кодировку в windows-1251
souz21
Репутація: 0
Повідомлення: 5
З нами: 3 роки 9 місяців

#3 Nazar Tokar » 02.10.2013, 00:02

souz21, я уже думал над этим.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2489
Теми: 100
З нами: 4 роки 4 місяці

#4 Pvl.Dm » 02.10.2013, 18:38

Версия 1.9.1
Проблема с кодировкой. Перепробовал много всего.Кодировка не пошла. В итоге в .htaccess , добавил жирным:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
AddDefaultCharset UTF-8
# END WordPress

WordPress. Кодировка UFT-8. Какая на сервере стоит - не знаю, думаю windows-1251
Было: http://cl.ly/RjWs
Стало: http://cl.ly/Rjhs

На почту все приходит. Все отлично. Но вот после отправки кодировка так и осталась =( http://cl.ly/Rjaq
Pvl.Dm
Вік: 47
Репутація: 0
Повідомлення: 2
З нами: 3 роки 9 місяців

#5 Nazar Tokar » 02.10.2013, 19:19

Pvl.Dm, какая кодировка самого сайта? Если utf-8, все будет работать. Если win-1251 или другая, откройте редактором callme.js и сохраните в нужной кодировке.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2489
Теми: 100
З нами: 4 роки 4 місяці

#6 Pvl.Dm » 02.10.2013, 20:11

какая кодировка самого сайта? Если utf-8, все будет работать.
Писал выше - utf-8.
откройте редактором callme.js и сохраните в нужной кодировке.
Ничего не меняется. Как менять кодировку знаю.

Мне помогло в .htaccess поставить
AddDefaultCharset UTF-8
В сплывающем окне становиться все нормально. А после отправки так и осталось: http://cl.ly/Rjaq
Pvl.Dm
Вік: 47
Репутація: 0
Повідомлення: 2
З нами: 3 роки 9 місяців

#7 Nazar Tokar » 03.10.2013, 09:05

Pvl.Dm, в index.php раскомментирована строка с кодировкой в самом верху?
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2489
Теми: 100
З нами: 4 роки 4 місяці

#8 dmitrylazarev » 03.10.2013, 17:55

Здравствуйте дедушка и другие форумчане, помогите пожалуйста - на вордпрессе в настройках темы у меня находиться код на банер с контактным номером, код там такой

Код: Виділити все
<a href="http://fthemes.com" target="_blank"><img src="http://shoppingtrend.ru/wp-content/uploads/2013/10/банер-для-номера.gif" alt="Free WordPress Themes" title="Free WordPress Themes" /></a>

куда вставить скрипт что бы при нажатии на банер вылез callme? все перепробывал не получается, помогите!
dmitrylazarev
Репутація: 0
Повідомлення: 4
З нами: 3 роки 9 місяців

#9 Nazar Tokar » 04.10.2013, 07:50

dmitrylazarev, конструкция должна быть такой:

Код: Виділити все
<a href="http://fthemes.com" class="callme_viewform">...
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2489
Теми: 100
З нами: 4 роки 4 місяці

#10 diazz » 04.10.2013, 14:48

В общем я тоже замахался. Всеми правдами и не правдами. Сайт мой на windows-1251. В модуле абра кадабра. Менять кодировку файлов результата не принесло. Добавил в .htacces
Код: Виділити все
AddDefaultCharset UTF-8
- все заработало - но теперь админка стала аброй кадаброй. При добавлении
Код: Виділити все
AddDefaultCharset windows-1251
- форма снова иероглифами.

От себя очень попрошу разработчика выпустить модуль в кодировке windows-1251
diazz
Вік: 26
Репутація: 0
Повідомлення: 2
З нами: 3 роки 9 місяців

#11 Дмитрий11 » 04.10.2013, 15:41

Не знаю, может, кто-то уже задавал подобный вопрос, но как сделать, так, чтобы появляющаяся форма имела фиксированную позицию по центру?
Дмитрий11
Аспирант
Репутація: 0
Повідомлення: 13
З нами: 4 роки 1 місяць

#12 dmitrylazarev » 04.10.2013, 20:29

Назар Токарь написав:<a href="http://fthemes.com" class="callme_viewform">
Дедушка спасибо большое, получилось! единственное когда кликаешь на сайте callme он появляется по кнопками меню, и это меня печалит((( потому что как это поправить не знаю, помоги дедушка!!! сайт http://shoppingtrend.ru/
dmitrylazarev
Репутація: 0
Повідомлення: 4
З нами: 3 роки 9 місяців

#13 Nazar Tokar » 05.10.2013, 11:21

Дмитрий11, вы не поверите, но в инструкции написано.

dmitrylazarev, z-index формы должен быть выше, чем у меню.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2489
Теми: 100
З нами: 4 роки 4 місяці

#14 faynoit » 06.10.2013, 01:22

Здравствуйте. Прежде всего спасибо огромное за работу и скрипты.
Возникла у меня тут проблемка, точнее 2:
1. Как мне установить кнопку именно в то место, где ее хотелось бы видеть
2. Возникает ошибка сейчас:
Код: Виділити все
Notice: Undefined index: hr in /sata1/home/users/.../callme/f.php on line 69

Спасибо

Додано через 1 годину 23 хвилини:
Еще нашел одну проблему.
Отсылаю заявку на звонок, на самой форме бегает индикатор, что отправляется и так зависает. В тоже время на почту сообщение приходит.
Спасибо
faynoit
Аспирант
Репутація: 0
Повідомлення: 12
З нами: 3 роки 9 місяців

#15 Nazar Tokar » 06.10.2013, 12:37

faynoit, первый вопрос вообще лишен смысла. Я множество раз писал: создаете любой объект и назначаете ему нужный класс.

Вы якобы цените мою работу, но не потратили 10 минут на чтение инструкции или форума, чтобы найти ответы на подобные вопросы И теперь тратите мое время на повторный ответ. Извольте посмотреть в инструкции.

Вопрос второй и третий: я уже отвечал: уберите предупреждения в php.ini.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2489
Теми: 100
З нами: 4 роки 4 місяці

#16 faynoit » 06.10.2013, 13:04

Не поверите, но установку я делал именно по инструкции.
Что касается пхп, то у меня нету доступа к этому файлу у хостера, к сожалению. Да и от пхп я далековат.
По поводу размещения в нужном месте кнопки, поищу еще раз.
faynoit
Аспирант
Репутація: 0
Повідомлення: 12
З нами: 3 роки 9 місяців

#17 Nazar Tokar » 06.10.2013, 14:42

faynoit, цитирую пример: любому объекту, который должен по клику показывать или скрывать форму, добавляйте аргумент:

Код: Виділити все
class="callme_viewform"

Замените:

Код: Виділити все
if ( !$hr = $_GET["hr"] ) {
   $hr = date("H"); // текущее время
}

На:

Код: Виділити все
$hr = date("H"); // текущее время
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2489
Теми: 100
З нами: 4 роки 4 місяці

#18 faynoit » 06.10.2013, 19:57

Спасибо огромное. По стилю, действительно, мой недосмотр. Как-то начал сразу читать про установку. А по пхп точно не разобрался бы. Спасибо. Готов даже перекинуть пару долларов на карточку Привата:)
faynoit
Аспирант
Репутація: 0
Повідомлення: 12
З нами: 3 роки 9 місяців

#19 dmitrylazarev » 07.10.2013, 11:50

Дмитрий11, вы не поверите, но в инструкции написано.
dmitrylazarev, z-index формы должен быть выше, чем у меню.

Дедушка, а где мне вставить этот z-index в моем коде

Код: Виділити все
<a href="http://fthemes.com" class="callme_viewform"><img src="http://shoppingtrend.ru/wp-content/uploads/2013/10/банер-для-номера.gif" alt="Free WordPress Themes" title="Заказать обратный звонок" /></a>

или его в другом месте менять?
dmitrylazarev
Репутація: 0
Повідомлення: 4
З нами: 3 роки 9 місяців

#20 Nazar Tokar » 07.10.2013, 14:20

dmitrylazarev, просто почитайте о том, что такое z-index, это основы CSS.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2489
Теми: 100
З нами: 4 роки 4 місяці

Наст.

Повернутись в Callme — скрипт замовлення зворотнього дзвінка

Хто зараз на форумі (базується на активності користувачів за останні 30 хвилин)

Зараз переглядають цей розділ: MeTaN і 10 гостей