Всем привет. Для начала немного лирики: я несколько раз встречал в сети клоны Callme, которые продаются находчивыми предпринимателями. На мой вопрос “WTF?” резонно отвечают, что идея не нова и сделать её может любой школьник. Тем не менее этот школьник берёт именно готовый Callme и, немного переделав, продаёт от своего имени. Напрашивается вопрос: если всё так просто, зачем красть чужое? С другой стороны, мне даже приятно, что маленький и по большому счёту очень простой скрипт пригодился стольким вебмастерам.

скрипт обратного звонка callme 1.7

На этом ирония закончена и предлагаю вернуться к нашему скрипту. В этой версии я, как и обещал добавил пару новых фич. Например, обещанные скины.

Скины

Я сохраняю за Callme его основную задачу – заказ обратного звонка. Скрипт не будет записывать диски, показывать видео или строить диаграммы. Расширять основной функционал и совершенствовать его – в этом путь развития скрипта. А дополнительные фишки будут в отдельных продуктах и о них я буду писать позже.

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

Итак, что дают скины? Начиная с этой версии, менять внешний вид кнопки и формы можно будет за два клика – для этого достаточно сменить адрес подключаемой CSS. После этого дизайн скрипта автоматически обновится. Скины-темплейты хранятся каждая в своей директории по адресу /callme/templates/, а название папки совпадает с названием скина.

Уже сейчас я понимаю, что этих темплейтов ничтожно мало и нужно создавать новые, поэтому прошу о помощи вас. Любой может нарисовать свой скин и предложить его на общий суд читателей блога. Как это сделать? Вы дублируете любую из папок со скинами, переименовываете её и меняете css, кнопки и фон по своему усмотрению, тестируете, а потом отправляете мне на почту. Если скины действительно будут появляться, я буду выкладывать их с указанием автора здесь в блоге.

Что ещё нового?

  • Новая, блочная, вёрстка для формы. Все таблицы ушли в прошлое. Не прошло и пяти лет, как и я добрался до hmtl5.
  • Проверка, была ли подключена jQuery ранее. Если нет, подключается библиотека из архива, если была, используется активная. Теперь не нужно будет проверять, есть ли дубликаты подключения jQuery. Главное, чтобы она подключалась ДО подклчения Callme. И следите за тем, чтобы у вас на сайте была подключена свежая библиотека.
  • Закрытие и очистка формы заказа звонка по Esc
  • Кнопка reset. Меня просили сделать кнопку reset, но так не смогли аргументировать её необходимость. Это печально, умейте выражать свою точку зрения. В результате я решил не нагружать немногословный интерфейс лишними элементами управления, а сделал очистку полей по клику на кнопку закрытия или нажатию Esc. Так, после закрытия заполненной формы, открыв её снова, она будет пустой.

Как подключить и настроить

Установка и настройка Callme и настройка SMS-уведомлений.

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

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

Если что, берите html-код скрипта в архиве из любого html-файла. Как обычно, это всё. Прежде чем задавать вопрос, пролистайте комментарии к предыдущим версиям:

Посмотреть и скачать

Посмотреть скрипт в работе можно по ссылкам выше.

А скачать скрипт можно тут.

Updated 2013-01-28: если у вас не было jQuery, то он не успевал подгружаться, поэтому я обновил код в примерах и в архиве. Чтобы избежать путаницы, прошу вас установить скрипт заново (обновить у себя все js-файлы скрипта, а также код установки – он изменился). После этого не забудьте почистить кэш браузера. Спасибо комментаторам за помощь!

Обсуждать версию предлагаю здесь.

↑ Тисни «Лайк», щоб читати нас у Фейсбуці

Засновник і керівник видання Tokar.ua. Програміст, адміністратор української Вікіпедії.

Коменти
Alex

Назар, здравствуйте.

Скрипт установил, на почту все приходит, но при нажатии на кнопку – статус идет отправка ни чем не заканчивается) подскажите что не так, спасибо за Вашу работу

Назар Токарь

@Alex, почитайте пост про ошибки, там все написано

Владислав

Здравствуйте, Назар!
Спасибо за скрипт, очень понравился, но есть 2 проблемы.
1. Подскажите какие и где поменять параметры, что бы изменить расположение основной формы (#callmeform не нашел в дефолтной теме в style.css)
2. Как и где можно поменять расположение и форму кнопки “Заказать обратный звонок”
P.S.: Так же настроил все, что бы получать сообщения на мэйл, но почему то приходят сообщения через раз а то и вообще не приходят.
Сайт: http://www.bestviz.com

Дедушка

@Владислав, Здравствуйте. Все эти вопросы не раз обсуждались на форуме, посмотрите там.

Dotrox

Здравствуйте!
Не могу отправить заявку на скрипт: пишет, что не заполнена почта или адрес сайта, но оба поля заполнены.

Дедушка

Работает. Проверял.

Виталий

Дедушка, подскажи, плиз. Все графы заполнил, но появляется надпись “идет отправка” и все. Вот ссылка http://www.1compservice.ru/callme/index.html

Дедушка

@Виталий, php отключён на хостинге

Alex

Назар добрый день!

Подскажите пожалуйста почему не работает клик на ссылку? Сбоку панель есть и работает, а вот например если нажать на номер телефона или кнопку “Позвонить” ничего не происходит. Вроде все сделал правильно, прописал class но не открывает окно. Сайт http://www.led-w.com

Alex

@Alex, Все разобрался! у меня два “class” Спасибо большое за Ваш труд и Ваш скрипт. Все работает отлично!

Дедушка

Классов у любого объекта может быть сколько угодно. Пожалуйста.

Инесса

Кеш чистила, пробовала в разных браузерах – идет отправка, а самой оправки не происходит….

Дедушка

@Инесса, добавьте после < head > подключение:
&lt;script type="text/javascript" src="/callme/js/jquery.js"&gt;&lt;/script&gt;

Игорь

Ввожу все данные, пишет Идет отправка, и не уходит. http://www.mir-konvektorov.ru/
В чем может быть проблема?

Дедушка

@Игорь, по инструкции поставьте и будет работать…

Андрей

Доброго времени суток.
Подскажите как-бы мне отключить проверку JQ не прибегая к саддиским методам?

Столкнулся со слеующей проблемой:
На сайте стоит уже подключено JQ

Коментирую это момент – у меня Ваш замечательнй скрипт работает, без пробелем, но зато всё остальное нет.
Раскоментирую – всё остальное естественно работает, кроме скрипта.

Подскажите пожалуйста, какая версия JQ используется у Вас в срипте или может есть какиенибудь другие идеи?

ЗЫ: Зроблено в Україні, місто Севастополь
Привет землякам)

Дедушка

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

Остальные скрипты у вас какие? Вам надо бы найти аналоги для них.

Марго

Дедушка, спасибо за скрипт! скачала, пытаюсь поставить, но никак не могу понять что не так. По нажатию ссылки ничего не происходит.
time.astrokons.com (в самом верху ссылка)
А здесь http://time.astrokons.com/callme/ работает. Что не так пишу?
Спасибо за подсказку!

Pavel

вопрос а как убрать +7 или оно не убирается и можно ли скрипт привязать отдельно к каойто своей кнопочке ну поместить например в шапку сайта

Дедушка

Никита, старый JQ, обновите.

Никита

Здесь уже когда то писали.

Форма всплывает, но отправить не может. Пишет: Идёт отправка… и на этом висит. Фаербаг ругается:

var cnt = jQuery.Storage.get('callme-sent'); // load sent time

Пример тут: http://silkyway.com.ua/tours/v-poiskah-privideniy
Drupal 7

Максим Агуреев

Может подскажите решение, я не профессионал, но методом тыка понял, что один
важный элемент на сайте работает только с jquery 1.4.4, а ваш скрипт с ним не работает. Есть решение?

Дедушка

Максим, решение — найти скрипт, который работает с более поздними версиями JQ. Других вариантов я не знаю.

Дедушка

Виктория, не понял вопроса, что не работает? Пишите на форуме с вопросами: http://www.qbx.me

Роман, успехов!

Роман

Спасибо за скрипт! Все отлично работает.

Виктория

Назар, здравствуйте! Спасибо Вам за скрипт! Только у меня не работает ни он, ни сайт теперь.
Попробовала поставить, не получилось. Сделала всё как было написано, не заработало, после некоторых ковыряний теперь и сайт (elevenclub.ru) не работает. я удалила вставленные коды, даже из корня удалила, всё равно не работает. Как быть?

Максим

Вот слелал как писал Дедушка – затемнение экрана вокруг формы и её закрытие по клику на тёмную область.
пример тут
http://test.winterschool.com.ua/

Но вот никак не могу победить баг – При повторном нажатии на Заказать повторный звонок что бы скрыть форму и оверлей(затемнение))) ) – оверлей не скрывается.
Помогите пожалуйста

Дедушка

Максим, надо добавить функцию скрытия слоя с затемнением. Обсуждается все на форуме.

Дмитрий

Спасибо, Дедушка. Нашел на форуме плагин jquery-migrate, который мне и помог. Ночью видимо я уже мало понимал и видел, так как перечитывал форум но так и не решил проблемы (утро вечера мудренее, правду говорят). Сейчас уже все ок, спасибо! =)

Дедушка

Дмитрий, да, и я упоминал об этом плагине, но так в нем и не разобрался, а просто переписал скрипты под новые функции.

Дедушка

Дмитрий, задайте вопрос на форуме — http://www.qbx.me
И почитайте комментарии, здесь ваш вопрос обсуждался раз эдак 12-15.

Дмитрий

При такой строке вместо той, что в прошлом комментарии, работает КолМи, но не работает слайдер.

ПС:Вроде бы в прошлый коммент вставлял 2-й код, но он потерялся(

Дмитрий

Здравствуйте, Назар!

Помогите пожалуйста решить проблему:

Поставил на сайте http://www.iso9000.com.ua/ Ваш скрипт обратного звонка. Если в хедере прописать

<script type="text/javascript" src="/js/jquery-1.4.2.min.js”>

, то Ваш плагин не работает (даже не появляется окно всплывающее), но зато полностью работает слайдер.

Если же я вместо строки, что указал вышел, вставлю строку

то КолМи работает нормально, но в таком случае не работает слайдер.

Мои познания в этих кодах очень слабы, и я потратив кучу часов, так и не нашел решение для этой проблемы. Может Вы подскажите, что можно с этим сделать?

Дедушка

Николай, открываете style.css текущего скина и для #viewform добавляете эту строку.