Назар Токар
Опубліковано: 26 Січня 2013
Оновлено: 6 Травня 2017

Всем привет. Для начала немного лирики: я несколько раз встречал в сети клоны 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 Будьте в курсі. Долучайтесь до нашого каналу в Telegram.

    Поширити у Фейсбуці
    Надіслати у Messenger
    Надіслати в Telegram
    Надіслати у WhatsApp
    Зберегти в Pocket

    Додати коментар

    Такий e-mail вже зареєстровано. Скористуйтеся формою входу або введіть інший.

    Ви вказали некоректні логін або пароль

    Вибачте, для коментування необхідно увійти.

    329 коментарів

    спочатку нові
    за рейтингом спочатку нові за хронологією

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

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

    Автор
    Назар Токар

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

    Владислав

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

    Автор
    Назар Токар

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

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

    Автор
    Назар Токар

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

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

    Автор
    Назар Токар

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

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

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

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

    Автор
    Назар Токар

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

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

    Автор
    Назар Токар

    @Инесса, добавьте после < head > подключение:

    <script type="text/javascript" src="/callme/js/jquery.js"></script>

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

    Автор
    Назар Токар

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

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

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

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

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

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

    Автор
    Назар Токар

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

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

    Автор
    Назар Токар

    Марго, http://www.qbx.me

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

    time.astrokons.com (в самом верху ссылка)

    А здесь http://time.astrokons.com/callme/ работает. Что не так пишу?

    Спасибо за подсказку!

    Автор
    Назар Токар

    Pavel, http://qbx.me/" rel="nofollow">вам сюда.

    вопрос а как убрать +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 добавляете эту строку.

    Дедушка, а можно подробнее пожалуйста 290-ый комментарий расшифровать? Если я просто хочу чтобы при нажатии на ссылку открывалось окно, я ей прописываю класс callme_viewform, а вот как убрать боковую кнопку по умолчанию не понятно. Где конкретно нужно прописать display:none!important ?

    Нашел ошибку почему у меня не работало, у вас по инструкции
    src="/callme/js/check.js"
    и мы видим «check.js» а надо «callme.js» ;)
    Назар, исправьте в статьи.
    Спасибо за скрипт.

    Автор
    Назар Токар

    Виталий, спасибо.

    Назар, здравствуйте! Спасибо Вам за такой хороший модуль. Помогите, пожалуйста, у меня на сайте есть своя кнопка "Заказать звонок". Как убрать Вашу кнопку "Заказать обратный звонок"? Если можно, то напишите на почту. Буду премного признателен.
    С уважением, Денис.

    Автор
    Назар Токар

    Денис, чтобы убрать кнопку, в текущем темплейте для id кнопки добавьте:
    display:none!important;

    Автор
    Назар Токар

    Игорь, я отправлял с главной страницы и только что снова отправил. Ставьте, кстати, 1.7.1, там с кодировкой не надо возиться.

    Игорь Шепелев

    Назар, я в 280ом коменте описал проблему, подробней, извините не могу. Могу предоставить доступ или сделать то, что вы скажите.

    Автор
    Назар Токар

    Игорь, спасибо за подробное описание вопроса, сейчас отвечу.

    Завантажити ще