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

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

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

#1by Nazar Tokar » 27.08.2013, 13:32

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

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


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

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

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

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

Настройка Callme

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

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

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

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

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

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

Code: Select all
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. Убедитесь, что у вас подключена эта версия. Если нет, подключите таким образом:

Code: Select all
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

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

Code: Select all
<script type="text/javascript" src="/callme/js/callme.js"></script>

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

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

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

Code: Select all
class="callme_viewform"

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

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

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

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

Image
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 146
Posts: 2450
Topics: 100
With us: 3 yaers 11 months

#2by souz21 » 01.10.2013, 18:00

Сделайте кодировку в windows-1251
souz21
Reputation: 0
Posts: 5
With us: 3 yaers 4 months

#3by Nazar Tokar » 02.10.2013, 00:02

souz21, я уже думал над этим.
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 146
Posts: 2450
Topics: 100
With us: 3 yaers 11 months

#4by 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
Age: 47
Reputation: 0
Posts: 2
With us: 3 yaers 4 months

#5by Nazar Tokar » 02.10.2013, 19:19

Pvl.Dm, какая кодировка самого сайта? Если utf-8, все будет работать. Если win-1251 или другая, откройте редактором callme.js и сохраните в нужной кодировке.
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 146
Posts: 2450
Topics: 100
With us: 3 yaers 11 months

#6by Pvl.Dm » 02.10.2013, 20:11

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

Мне помогло в .htaccess поставить
AddDefaultCharset UTF-8
В сплывающем окне становиться все нормально. А после отправки так и осталось: http://cl.ly/Rjaq
Pvl.Dm
Age: 47
Reputation: 0
Posts: 2
With us: 3 yaers 4 months

#7by Nazar Tokar » 03.10.2013, 09:05

Pvl.Dm, в index.php раскомментирована строка с кодировкой в самом верху?
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 146
Posts: 2450
Topics: 100
With us: 3 yaers 11 months

#8by dmitrylazarev » 03.10.2013, 17:55

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

Code: Select all
<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
Reputation: 0
Posts: 4
With us: 3 yaers 4 months

#9by Nazar Tokar » 04.10.2013, 07:50

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

Code: Select all
<a href="http://fthemes.com" class="callme_viewform">...
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 146
Posts: 2450
Topics: 100
With us: 3 yaers 11 months

#10by diazz » 04.10.2013, 14:48

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

От себя очень попрошу разработчика выпустить модуль в кодировке windows-1251
diazz
Age: 26
Reputation: 0
Posts: 2
With us: 3 yaers 4 months

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

Не знаю, может, кто-то уже задавал подобный вопрос, но как сделать, так, чтобы появляющаяся форма имела фиксированную позицию по центру?
Дмитрий11
Аспирант
Reputation: 0
Posts: 13
With us: 3 yaers 8 months

#12by dmitrylazarev » 04.10.2013, 20:29

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

#13by Nazar Tokar » 05.10.2013, 11:21

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

dmitrylazarev, z-index формы должен быть выше, чем у меню.
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 146
Posts: 2450
Topics: 100
With us: 3 yaers 11 months

#14by faynoit » 06.10.2013, 01:22

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

Спасибо

Added after 1 hour 23 minutes:
Еще нашел одну проблему.
Отсылаю заявку на звонок, на самой форме бегает индикатор, что отправляется и так зависает. В тоже время на почту сообщение приходит.
Спасибо
faynoit
Аспирант
Reputation: 0
Posts: 12
With us: 3 yaers 4 months

#15by Nazar Tokar » 06.10.2013, 12:37

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

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

Вопрос второй и третий: я уже отвечал: уберите предупреждения в php.ini.
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 146
Posts: 2450
Topics: 100
With us: 3 yaers 11 months

#16by faynoit » 06.10.2013, 13:04

Не поверите, но установку я делал именно по инструкции.
Что касается пхп, то у меня нету доступа к этому файлу у хостера, к сожалению. Да и от пхп я далековат.
По поводу размещения в нужном месте кнопки, поищу еще раз.
faynoit
Аспирант
Reputation: 0
Posts: 12
With us: 3 yaers 4 months

#17by Nazar Tokar » 06.10.2013, 14:42

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

Code: Select all
class="callme_viewform"

Замените:

Code: Select all
if ( !$hr = $_GET["hr"] ) {
   $hr = date("H"); // текущее время
}

На:

Code: Select all
$hr = date("H"); // текущее время
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 146
Posts: 2450
Topics: 100
With us: 3 yaers 11 months

#18by faynoit » 06.10.2013, 19:57

Спасибо огромное. По стилю, действительно, мой недосмотр. Как-то начал сразу читать про установку. А по пхп точно не разобрался бы. Спасибо. Готов даже перекинуть пару долларов на карточку Привата:)
faynoit
Аспирант
Reputation: 0
Posts: 12
With us: 3 yaers 4 months

#19by dmitrylazarev » 07.10.2013, 11:50

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

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

Code: Select all
<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
Reputation: 0
Posts: 4
With us: 3 yaers 4 months

#20by Nazar Tokar » 07.10.2013, 14:20

dmitrylazarev, просто почитайте о том, что такое z-index, это основы CSS.
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 146
Posts: 2450
Topics: 100
With us: 3 yaers 11 months

Next

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

Who is online (over the past 30 minutes)

Users browsing this forum: 3 guests

cron