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

С ноутбуком в белградском хостеле я смотрю на Дунай и заканчиваю новый релиз Callme. Он не зря носит имя 2.0, в нем новое почти все. И это реально круто — сейчас вы в этом убедитесь.

Первый релиз Callme, версия 0.2, вышла в свет ровно три года назад и постоянно менялась. C тех пор я получал множество вопросов от вас: о кодировке, конфликтах со старыми версиями jQuery. Не оставлял без внимания пожелания в блоге и на форуме. В результате и получилась вторая версия скрипта.

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

Что такое Callme

Callme — это бесплатный скрипт обратного звонка.

Подробнее о скрипте читайте в описании Callme.

Скрипт бесплатный, вы можете пользоваться им на своих сайтах. Можно поддержать меня и купить лицензию, это стоит от 7$ на ваше усмотрение, а как это сделать, написано здесь.

Что нового в версии 2.0

Новое почти все и вы заметите улучшения с первого взгляда. Расскажу по пунктам:

  1. работа с любыми версиями jQuery, начиная от 1.4; В прошлых версиях для jq от 1.4 до 1.7 требовалось вносить изменения в код, теперь этого делать не нужно. Если ваш сайт работает со старыми версиями, я не буду больше сетовать на это, а скрипт не будет и подавно;
  2. Callme теперь работает одинаково в кодировке utf-8 и win-1251; нет, правда, если ваш сайт работает в win-1251, это больше не проблема;
  3. скрипт можно подключать из любой папки, вообще из любой… Наконец-то, скажете вы, я не смогу говорить, что скрипт загружен не туда. И окажетесь правы.
  4. можно указывать, какие поля должны быть обязательными к заполнению. Если этого не сделать, обязательными будут все текстовые поля формы;
  5. можно добавлять placeholder для текстовых полей, подробно об этом написано в инструкции;
  6. быстрая загрузка формы; теперь все, кроме отправки, происходит прямо в браузере, форма грузится за долю секунды;
  7. множество других мелких доработок.

Как выглядит

Скрипт содержит 6 шаблонов оформления:

  • apple — в стиле Apple;
  • default — по умолчанию, самый крутой;
  • blackred — чёрно-красный;
  • vk — в стиле ВКонтакте;
  • fb — Facebook;
  • pink — Розовый.

callme обратный звонок шаблон

Чтобы поменять шаблон, достаточно обновить его название в настройках скрипта.

Установка

Процесс установки и настройки не изменился, скрипт по-прежнему подключается в одну строку. Пожалуйста, добавляйте вызов скрипта в самый конец вашего html-кода. Вот инструкции:

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

Посмотреть скрипт в работе:

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

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

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

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

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

    167 коментарів

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

    как она устанавливается то?

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

    Доволі просто.

    Благодарю вас, Назар, за вашу работу.

    Есть один вопрос:

    Когда появляется форма, и если она попадает на то место, где меню сайта, она оказывается под меню.

    В меню тоже используется скрипт. Такое ощущение, что скрипт меню главнее. Или может в чем-то другом причина.

    Не подскажите как с этим побороться?

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

    Спробуйте підключити скрипт тільки один раз.

    Назар, огромная благодарность Вам за Ваши труды и отличные продукты! Вопрос тот же: на айфонах Callme не отображается и не работает. Что будем с этим делать?

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

    @Ольга, я скоро выпущу новую версию, там мобильным будет уделено больше внимания.

    Константин

    Назар, благодарю за удобный скрипт, подскажите пожалуйста будет ли поддержка мобильныйх устройств? С айфона не срабатывает демо.

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

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

    @Илья, в style.css

    Назар здравствуйте! скажите пожалуйста а можно ли как нибудь сделать чтобы когда письма приходили на почту, чтобы имя отправителя было не Call me а другое?

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

    @Евгений, конечно, в send.php редактируется.

    Здравствуйте!

    Стала появляться такая трабла - при отправке данных из формы (отправить запрос) работа скрипта зависает!

    То есть отправка идет и идет... по несколько минут

    Как это исправить? Может обновиться до последней версии ? но тогда все настройки вроде пропадают... (

    Хотим купить лицензию - будет ли в этом случае оперативно оказываться помощь в решении возникающих проблем в работе скрипта?

    Спасибо!

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

    @Юрий, в результате отправляются или нет? Если да, то вопрос к хостеру, если нет, то либо запретили отправку (опять же к хостеру), либо ошиблись в настройке (проверьте). Если обновляетесь, то оставляйте config.js и send.php, в них все настройки хранятся, если вы шаблоны не трогали.

    @Назар Токарь, Спасибо за ответ!

    Письма вроде так или иначе отправляет ( правда с задержкой)

    Меняли как было указано в инструкции название полей,

    затем стили самого окна (с цветом поигрались) и боковую кнопку поменяли (ширину, высоту и сам ).

    Вобщем не сочтите за спам - одна из наших страниц:

    http://www.pressmax.ru/ecatalog/pressmax500/507/

    У меня возникла мысль - может тормозится отправка тупо из-за скорости интернета или как вы заметили из-за ограниченных ресурсов хостинга. На страницах есть много других ява-скриптов.

    С Уважением,

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

    @Юрий, чтобы ускорить отправку, отключите поиск города по ip адресу, это отдельный запрос, который требует времени. Инструкцию найдёте на форуме.

    Ну и вообще можете пользоваться vps, а не виртуальным хостингом.

    Устанавливал на http://www.thezona.ru/" rel="nofollow" target="_blank">http://http://www.thezona.ru/" title="http://www.thezona.ru" rel="nofollow">сайте, немного не понравился, в итоге психанул и написал все с 0 :)))

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

    Двигатель прогресса :)

    Добрый день. Назар, подскажите как можно использовать две копии callme на одном сайте? Заранее спасибо!

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

    Такой возможности штатно не предусмотрено.

    Сколько будет стоить написание скрипта как у callbackhunter?

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

    25.000$

    Установил скрипт на сайт. Отлично работает.

    При подключении callme перестает работать переключение вкладок на главной и orbit слайдер тоже отваливается. Стоит jQuery 1.11.1. Везде получаю "Uncaught TypeError: undefined is not a function".

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

    @Владимир, обновите скрипт из свежего архива.

    Хорошо, попробую, позже отпишусь!

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

    Скрипт просто класс! Огромное Вам спасибо за труды!

    Но есть не большая проблемка. Суть в чем, все отправляет нормально, но как только "callTime": "0", чтобы не использовать время звонка, письма, как ни крутил, не приходят.

    В чем может быть проблема?

    За ранее спасибо!

    Автор

    @Андрей, какая у вас версия скрипта?

    @Назар Токарь, 2,0

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

    Ставьте 2.1.

    Назар подскажите путь где корректируются стили, а именно открыв окно - отображаеться в центре сайта где можно его сместить например в права и немного в низ не могу найти.... заранее Вам спасибо

    Автор

    @Юрий, есть два варианта настройки: форма появляется рядом с местом клика и форма появляется посредине.

    Назар, я имею виду когда открыть окно (для заполнения) и проинспектировать элемент (в стилях) можно изменять расположения окна

    ( element.style {

    position: absolute

    left: 1233px

    top: 332px

    display: block

    } -вот где эти теги находится в котором эти стили можно редактировать, изменить...

    Автор

    @Юрий, о, так бы сразу и спросили. Это меняется в callme.js. Вообще все поведение формы там меняется. На форуме было написано, как менять эти параметры.

    @Назар Токарь, ок а как тогда сделать что бы с местом клика и разве стили нельзя поправлять ?

    Назар извеняюсь нашел где вибрать (0 или 1) место расположения , но все же таки разве стили нельзя поправлять

    Автор

    @Юрий, мне кажется, чувство реальности покидает меня, я не понимаю, о чём вы вообще говорите.

    Добрый день

    Не подскажите а где настройки о том через сколько закрывается окно call me после того как сообщение послано?

    заранее спасибо за ответ

    Автор

    @Диа, есть вызов функции dl('cmeHide', 4);, где 4 — кол-во секунд перед закрытием.

    @Назар Токарь, в каком файле внести изменения, не могу найти.

    Автор

    @Юрий, придётся немного подумать.

    В случае кириллического домена в письмо попадает урл в пуникоде. Некритично, но глаз царапает :)

    Уважаемый дедушка!!! А есть ли такая возможность при вызове вашего скрипта путем нажатия на ссылку, внести изменение в поле вопроса, те. Чтобы при открытии формы в поле вопрос появлялся текс, например, ПРИВЕТ

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

    @Алексей, да, это функция текста по умолчанию, смотрите как написано в конфиге, это текст в скобках.

    @Назар Токарь, да я понял, что это текст в скобках.

    Представим что мы слелали обычную кнопку и указали ей класс, который открывает форму обратного звонка. Можно ли в функционал кнопки подставить параметр, переменную статическую, которая при нажатии нашей кнопки и вызове окна callme заменит текст в поле ваш вопрос.

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

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

    Можно как нибудь прицепить данные из метрики? Например источник траффика? От куда пришел посетитель?

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

    Источник трафика есть в самом скрипте. А из метрики вы можете прикрепить отслеживание кол-ва кликов и их параметры (источник, ось, страна и т.д.) Ищите инструкцию на форуме.

    Можно ли как нибудь ограничить на номер телефона буквы. То есть вместо букв только цифры?

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

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

    Можно ли поменять цвет формы и как это сделать?

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

    Вы можете выбрать один из 6 шаблонов, у них разные цвета. Если не подходят редактируйте style.css любого из них по своему вкусу.

    После добавления кода:

    У меня исчезает таймер. Код таймера такой:



    function CDT(){

    // Указываем конечную дату

    var tl = new Date('2014/10/31 00:00:00');



    // Выводим сообщение по окончанию таймера

    var timer = new CountdownTimer('CDT',tl,'Время акции закончилось!');

    timer.countDown();

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

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

    @Назар Токарь, вставил с сайта: http://timegenerator.ru/

    С ним так же не работает

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

    @Ильдар, откройте этот файл и посмотрите, что в нём :). Напомню: я не несу ответственности за скрипты других разработчиков.

    Добрый вечер не подскажите

    в мозиле при нажатии на кнопку не открывается окно

    в остальных браузерах все отлично работает

    спасибо за ответ

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

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

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

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

    Добрый день, да. Вы можете заменить кнопку на свою с соблюдением размеров. Если размеры будут отличаться, отредактируйте style.css шаблона скрипта, как это описано на форуме.

    Вызов формы можно назначить любой кнопке, ссылке или другому элементу. Как это сделать — написано в инструкции.

    Здравствуйте, подскажите пожалуйста, если нетрудно. Чтобы отправить sms уведомление без уведомления на email. Чистый php код, что нужно добавить сюда и в html чтобы письмо отправлялось?

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

    Вам нужно в файле send.php закоментировать строку @mail($to, $title, $mess, $headers); либо не указывать адрес почты для отправки в начале этого файла.

    Спасибо! подскажите пожалуйста найти не могу, в каком файле отредактировать и приблизительная строка куда вписать это.

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

    Файл не играет роли.

    Как моэно сделать, что бы callme работал не в модальном окне, а на странице сайта?!

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

    Никак.

    Поставил на сайт Callme 2.0 и скрипт обратного отсчета времени, вот этот: http://sanographix.github.io/css3-countdown" title="CSS3 Countdown" rel="nofollow">CSS3 Countdown. Они друг с другом конфликтуют. CSS3 Countdown вынес в отдельный js и подключил между. Теперь какой из скриптов подключен вторым, тот и работает. Менял местами — то один отрубается, то другой. Может кто сможет помочь разобраться в чем конфликт? Заранее благодарен.

    @Назар Токарь , помогите пожалуйста решить вопрос с конфликтом между callme и простым скриптом отсчета времени. Работает только один из двух. Если надо могу скинуть код скрипта.

    Автор

    Проверяйте, какая версия jquery работает и в самом скрипте найдите jQuery(document).ready(function(){

    ...

    });

    Люди на форуме советовали собрать из обоих скриптов код в единый блок из двух таких.

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

    Привет

    как убрать cтрочку "Источник трафика"

    из письма которое приходит о оповещине заказа звонка

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

    @Андрей, на форуме об этом написано.

    Подскажите, отправляет ли скрипт адрес страницы которая в данный момент открыта у клиента?

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

    Да, это поле "отправлено со страницы".