Назар Токар
Опубліковано: 11 Вересня 2013
Оновлено: 6 Травня 2017

Добавление текстовых полей на лету, выпадающие списки, подключение в одну строку, возможность выбора времени звонка и настройки в отдельном файле. Все это в версии 1.9.1. Читайте подробности ниже.

callme

Что такое Callme

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

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

В двух словах нужно объяснить: Callme — скрипт формы обратного звонка, который будет работать на любом сайте, независимо от системы управления, на которой он работает. Скрипт использует в работе jQuery, а письма администратору отправляются через php.

Если отправка писем в php не работает или чем-то не нравится, можно настроить отправку уведомлений через smtp.

Уведомление с просьбой звонка отправляется на почту администратору. Дополнительная настройка позволит получать уведомления в виде SMS. На всякий случай убедитесь, что функция php sendmail() на вашем хостинге работает. Впрочем, она работает почти всегда.

Если что-то не получается, читайте отдельный пост, посвящённый настройке скриптов. Прочтите написанное до вас и если ответа не найдёте, пишите вопрос на форуме QBX.ME. Там мы обычно обсуждаем все нововведения и делимся опытом.

Что нового

  1. Сжатый код скрипта теперь весит 3 Кб и грузится моментально.
  2. Новые поля добавляются на лету и для этого не надо редактировать скрипт. Достаточно указать в настройках, какие именно поля вы хотите видеть в форме.
  3. Теперь вы можете вставлять выпадающие поля в форму. Это делается очень просто, смотрите инструкцию в примере.
  4. Появилось поле “удобное время звонка”. Если вы указываете в настройках начало и конец рабочего дня, клиенту будет предложено выбрать, с какого и по какой час ему удобно принять звонок. Если рабочий день закончился, в выпадающих полях будет завтрашний день.
  5. Показывать форму по центру страницы или возле места клика — вынесено как настройка.
  6. Настройки хранятся в отдельном файле.

Чтобы добавить новые поля в форму, укажите их в файле config.js переменной cme_fields через запятую. Для того, чтобы поле было не просто текстовым, а textarea, перед его именем добавьте дефис. Пример настройки смотрите ниже. Если что-то неясно, просто откройте файл с примером и скопируйте код оттуда, скрипт заработает. Все поля автоматически будут отправляться вам на почту и в смс.

Внешний вид формы

Форма заказа звонка выглядит так:

callme

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

  • apple (в стиле Apple)
  • default (по умолчанию, самый крутой)
  • blackred (красно-чёрный)
  • vk (ВКонтакте)
  • fb (Facebook)
  • hkitty (Hello Kitty)

Чтобы сменить скин, нужно поменять переменную cme_template в config.js, в примере все указано.

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

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

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

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

Условия использования

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

Пользоваться скриптом можно бесплатно, оставляя мой копирайт. Если хотите появления новых версий этого и других скриптов, а также технической поддержки, поддерживайте и вы меня материально: здесь все реквизиты. В версии 1.9.1 копирайт пока не стирается, чуть позже будет инструкция, как это сделать.

Тех, кто помогает больше всего, я указываю на странице благодарностей со ссылками на их проекты (ТИЦ=350, PR=4). Если необходимо стереть копирайт, переводите 7$ (210 рублей, 60 грн) и стирайте. Но лучше оставьте — чем больше пользователей, тем больше будет новых доработок. Спасибо.

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

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

Напоследок

Есть предложение сделать маску для ввода телефона, но я как противник всего нового, пока не согласен, так как это усложнит установку и увеличит код на 2-3 Кб. Что скажете по этому поводу? Пока это сделаем как опцию и добавим инструкцию на форуме, а по отзывам сделаю вывод, надо ли включать этот пункт в следующую версию.

← Тисни «Лайк», щоб читати нас у Фейсбуці
Tokar_ua Будьте в курсі. Долучайтесь до нашого каналу в Telegram.

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

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

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

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

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

    59 коментарів

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

    Назар, большое спасибо за скрипт!
    одна проблемка: русский текст внизу формы отправки запроса (на зеленом фоне) выглядит как знаки ???, то же в теме письма, которое приходит на почту, над айпи пользователя и информацией о Вашем сайте в письме. кодировка на сайте UTF-8
    Заранее благодарю за ответ

    Не получается скачать. Просит ввести почту и сайт, хотя они введены

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

    @Anna, какой у вас браузер, разрешены ли js?

    Назар, спасибо за скрипт!
    если кому то нужна поддержка websms.ru в send.php

    $u['websms.ru'] = "cab.websms.ru/http_in6.asp?http_username=" . uc($sms["log"]) . "&http_password=" . uc($sms["pss"]) . "&phone_list=" . uc($sms["num"]) . "&message=" . uc($msg);

    Назар здравствуйте, есть 2 вопроса.
    Как для двух разных кнопок, добавить 2 разные формы?
    Объясню: на сайте должно быть 2 кнопки, "перезвони мне" и "получить прайс".
    с первой все понятно.
    как реализовать вторую, чтобы она не мешала первой, и имела функцию скачивания файла находящегося в корне сайта.

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

    @Глеб, поставьте на одну кнопку Callme, а на вторую — Buyme.

    @Назар Токарь, это понятно, вторая должна тоже вызывать вашу форму

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

    @Глеб, такого нет.

    Назар, подскажите, пожалуйста, как сменить расположение кнопки на странице?

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

    @Dmitry, так ведь уже рассказывал...

    Майкл Гуссер

    не могу скачать, не приходит на майл...

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

    @Майкл Гуссер, попробуйте еще раз, теперь должно работать. Что-то с яндексом было.

    Добрый день. Хочу купить "CallMe". Но мне нужно его
    разместить в папке отличной от папки "корень сайта". Я смогу это
    сделать?

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

    Пока нет.

    @Назар Токарь, Жаль. У нас сайт на typo3, там так просто не
    получается с "корнем сайта". На Buyme тоже нельзя сменить
    папку?

    на локальной машине работает
    на хосте нет
    пути вроде в порядке
    не знаете в чем может быть проблема?
    http://vseikra.ru

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

    @Дима, нет файлов или неправильные права доступа.

    Как можно удалить "call me" из подвала сайта? это видно на
    сайте halyava.me

    Автор

    Два варианта:
    1) нормально настроить
    2) удалить скрипт

    Здравствуйте Назар!
    Спасибо за скрипт. Есть небольшой баг со временем звонка, т.е. задано время работы с 10 до 21 часов, в момент заказа звонка время на часах 15-00, а в выпадающем списке есть уже прошедшее время начиная с 12-00. Т.е. это время уже прошло. Спасибо.

    Автор

    @Alex, берётся время компьютера пользователя

    Не становится к сожалению скрипт. Все сделано как положено, работать не хочет. Интернет-магазин на OpenCart, скрипт привязан к ссылке. Сама ссылка сейчас в футере. Папка лежит в корне сайта как по инструкции, ссылке задан нужны класс. Без привязке к ссылке тоже не работает. itrade.net.ua

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

    Автор

    @Pokrovsky, не понял, про каких ребят речь, ссылку снес.

    @Назар Токарь, Спасибо, насчет ребят это привычка при общении) Насчет обратного звонка есть какая-нибудь информация?

    Автор

    @Pokrovsky, вы подключаете скрипт перед jquery, так работать не будет.

    аагроменный респект за фичу, так держать Дедушка!

    Добрый день, установил счетчики яндекс метрики и гугл
    аналитикс. Хочу настроить целью заказ обратного звонка! Вопрос: что
    и как нужно указать в настройках,чтобы был подсчет статистики?
    Спасибо!

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

    Добрый. На форуме посмотрите, там есть инструкция для buyme. Суть аналогична.

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

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

    @Илья, я вижу от вас 5 или 6 вопросов в разных местах на разные темы. Пожалуй, я традиционно попрошу вас почитать форум и постараться излагать мысли более ясно. Спасибо.

    @Назар Токарь, Я третьи сутки читаю Ваши ресурсы, все
    размазано, в комментариях множество обращений, это говорит о том
    что есть проблемы, а на станице "Возможные ошибки с установкой
    CallMe.js" не достаточно информации. Вопрос конкретный, на сайте
    надо разместить две формы разные по содержанию. Нашел Ваш ответ в
    форуме. http://qbx.me/viewtopic.php?t=127

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

    @Илья, всегда найдутся вебмастера, у которых есть вопросы. Для них я и пишу инструкции, отвечаю на форуме и дорабатываю скрипт. Если по делу: на данный момент нет возможности вызывать несколько форм.

    У меня на лендинге вверху видео, при вызове окна Callme,
    видео наезжает на него(слоем выше). Это возможно
    корректировать?

    А как убрать часовой пояс в смс?

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

    @Владимир, мне кажется иногда, что комментарии в коде читаю только я. Нужно убрать строки:

    // часовой пояс юзера
    cs.push('Часовой пояс');
    os.push(new Date().toString());

    Добрый день. Скрипт выдает вот такую ошибку:

    ...host mxs.mail.ru[94.100.176.20] said: 550 Message was not

    accepted -- it contains invalid headers. More specially, 'From:' header

    must match user you are sending mail from. See

    http://help.mail.ru/mail-help/mailer/popsmtp for details. (in reply to end

    of DATA command)...

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

    @Сергей, если потратить 20 секунд на перевод, получится, что "header must match user you are sending mail from" это ответ на ваш вопрос.

    В этой версии еще нельзя убрать копирайт и ссылку на ваш сайт?

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

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

    @Назар Токарь, даже если сделать вам перевод?

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

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

    @Назар Токарь, когда планируете запустить, сейчас можно приобрести без копирайта?

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

    @Иван, мыслями я его уже сделал, осталось воплотить в жизнь. Я понимаю, что уже пора, поэтому в ближайшее время буду делать. Заодно попрактикуюсь в Bootstrap :)

    @Назар Токарь, Копирайт уже удаляется после оплаты?

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

    Нет. А должен?

    @Назар Токарь, если копирайт не будет, готов оплатить.

    Доброго дня. В получаемом письме с формы. Что означают эти нули впереди и как убрать их?
    0:
    0

    Имя:
    Артем

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

    @Евген, пожалуйста, скачайте свежую версию и обновите index.php и callme.js, я время от времени их обновляю.

    @Назар Токарь, свежую поставил в том то и дело

    Проблема при установке скрипта на сайт. Возможно конфликт джикерри. Как только я устанавливаю скрипт - на главной пропадает слайд и контакты. Как бороться? Сайт http://balkon-msk.ru

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

    @Юрий, понятия не имею, вы не установили скрипт и задаете вопрос. Куда мне смотреть?
    Читайте форум, там тыщу раз это обсуждалось.

    @Назар Токарь, Кстати по форуму нашел лекарство. Спасибо

    @mail.ru а что?

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

    @Евгений, ввел вашу почту, отправилось

    Не удается скачать. Пишет-введите емаил и сайт, хотя все введено...

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

    @Евгений, какую почту вводите?

    Антон Куликов

    Доброго времени суток!

    Сразу отвечаю на вопрос: маску телефона только как опцию. Скриптом наверняка полюзуются по всему СНГ, если не миру :)

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

    @Антон Куликов, спасибо... В маске есть вариант одной страны. Можно разделять телефон так: две последние цифры, тире, еще две цифры, тире, три цифры кода и дальше что угодно. Но это не совсем маска, да и подойдет не всем, той же РФ не особо такое подходит.