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

Вы можете помнить, как я просил помочь с тестированием новой версии скрипта. Тестирование закончилось, я благодарен всем за помощь и критику. А тем, кто покупает скрипт – за поддержку. Сегодня я хочу представить вашему вниманию новую версию скрипта Callme – 1.7.1.

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

Что делает скрипт

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

callme-form-171

Для настройки внешнего вида можно использовать скины, их в комплекте 6 штук: стандартный, facebook, вконтакте, hello kitty, красно-чёрный и apple. Как менять, написано в настройке скрипта. Пока же о нововведениях.

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

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

Новой функцией здесь будет получение копии уведомления также и в виде смс. Если сообщения не настроены, Callme будет отправлять только почтовое уведомление. Давайте посмотрим полный список новинок в версии 1.7.1:

  • Кодировку теперь не нужно менять. Больная тема, правда? Теперь, в какой бы кодировке не работал ваш сайт (UTF-8, Win-1251, etc), скрипт перекодирует форму и вы будете видеть её в нормальном виде. Теперь нет необходимости перекодировывать скрипт отдельно в редакторе.
  • Подключение скрипта производится одной строкой. Это настолько просто, что нечего объяснять: не нужно больше переносить куски кода в темплейты страниц, достаточно скопировать одну строку, загрузить файлы и скрипт заработает. Добавлять эту строку можно куда угодно после вызова jQuery.
  • Отправка смс. Не самое сложное в разработке, но самое важное в этом релизе. Теперь уведомление отправляется запрос не только на почту, но и на мобильный. Для работы используется сервис Bytehand, уведомления будут приходить от имени Callme. Для работы нужно зарегистрироваться, указать свой телефон, id и ключ сервиса в настройках скрипта (как это делать, написано в пошаговой чуть ниже). Если эти настройки не указаны, уведомления будут отправляться только на электропочту.
  • Скрипт появляется возле места клика мышкой. Вы по-прежнему можете вызвать скрипт по клику на любой ссылке или объекте, ему для этого достаточно указать class=’callme_viewform’. Но теперь скрипт будет появляться не справа на странице, а рядом с местом клика. Если вы кликаете рядом с границами окна, расположение скрипта будет это учитывать и он переместится так, чтобы вся форма была видна. По умолчанию форма появится сразу под курсором.

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

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

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

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

Тестирование

Отдельно хочу поблагодарить всех, кто помогал проверять скрипт в работе. Ваши отзывы помоглимне найти недоработки и исправить их до релиза. Отдельное спасибо таким людям: Александр Бузмаков, Максим Белолипецких, Геворг Геворгян, Александр Цыглов.

Если я кого-то забыл упомянуть, не по злому умыслу, а по невнимательности. Если вы помогали, а я вас забыл – напишите на почту.

Ссылка на сервис смс реферальная, то есть теоретически я могу получить какую-то прибыль со скрипта. На практике это кажется очень призрачным.

Демо и скачать

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

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

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

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

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

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

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

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

    218 коментарів

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

    Назар, давно хочу сказать спасибо за Ваш плагин! Мы им активно пользовались когда сайт был на WP. Всё устраивало, за инструкцию отдельное спасибо. Сейчас наш сайт раззросся до интернет магазина. Сделали на ОпенКарт. Там к сожалению ничего подобного нет. Перешли на готовый сервис от pozvonim. Надеемся, что Вы когда нибудь и для опенкарта напишите что-то хорошее :)

    Я установил скрипт по инструкции, единственное подключил их не так, как вы писали, но это не имеет значения. И при выборе в админке версии jquery 1.7 все отлично работает. Далее я выбрал версию jquery 1.5 и заменил, скаченный файл callme.js , но результата нет. Так в чем же грубейшие ошибки?

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

    @anton, мне кажется, вы сами ответили на свой вопрос в первом предложении.

    Поставил на drupal. Ставлю версию jquery 1.7 работает, но перестают работать другие скрипты, которые используют jquery 1.5 . Скачал тут файл callme.js для более старой версии jquery, но все равно не заработал скрипт. http://myyou.ru Клик по "Записаться на примерку в моем городе". Заранее спасибо.

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

    @anton, вы сделали несколько грубейших ошибок, что говорит о том, что не обратили внимание на инструкцию.

    Чтобы фраза "Идет отправка..." стала на русском, нужно изменить кодировку файла callme.js на ANSI

    Кто будет устанавливать - нельзя распаковывать в другую папку - только в корень /callme :)

    Заработало:)

    http://www.serg-co.ru/js/callme/ Не работает(

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

    @Сергей, ну так и не должно. Вы же не по инструкции сделали.

    Я бы конечно на вашем месте уже не в блоге такие вещи размещал, а сделал полноценный сайт вашего продукта. С четкой иерархией. И для Joomla (самый распространенный движок) плагин бы создал. Только по запросу Обратный звонок для Joomla 477 запросов в месяц=))
    Лана. Это всё лирика, а конфиг открыть я так и не смог=((...

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

    @Роман, будет сайт отдельный, плагин для вордпресса уже готовится.

    И сразу ещё в догонку вопрос. Можно ли убрать боковую кнопку. Она мне там сабсэм не нужна. Я планировал своей кнопкой выводить.

    У меня вопрос. А как нибудь можно поменять Имя отправителя СМС? Я не совсем понял что такое "добавьте новую подпись в смс-шлюзе и дождитесь апрува". Слишком много не понятных слов. И в письме тоже бы поменял.
    Плюс непонятка с полями. На почту приходит только Слово "телефон" и номер телефона, а в СМС приходит вот так CallMe Telefon (здесь номер телефона). Вопрос: для чего человек заполняет тему вопроса и своё имя?

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

    На почту отправляются все поля. А в смс телефон и остальные поля, которые вместятся до 160 символов.

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

    Подпись: надо открыть шлюз, через который шлете сообщения, найти там "Подпись" и добавить новую. Дождаться пока ее проверят (aprove) и указать в настройках.

    @Дедушка, у меня при открытии конфига ошибку выдает. 800A1391 (jQuery определение отсутствует). Это первое.
    Второе: вы так говорите, как будто все знают про какой шлюз идет речь и что вообще с ним нужно делать=)))

    @Дедушка, ну видимо они должны отправляться, только не отправляются почему то....

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

    Скучайте завтра обновленную версию. Нашли неточность, исправлю ночью.

    @Дедушка, а номер обновлённой версии не подскажете? У меня в конфиге 1.9 стоит, а тут 1.7.1 ничё не понимаю=)...

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

    1.9. А это у вас кэш

    @Дедушка, а где версию глянуть? В конфиге только это есть // настройка скрипта CallMe 1.9 А то меня чет напрягает отсутствие смысловой нагрузки в письмах и СМС от CallMe=))....

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

    Что? Скачивайте из любого поста архив, это будет самая свежая версия.

    @Дедушка, я имею ввиду мне как теперь тупо каждый раз скачивать, чтобы проверить вышла новая версия или нет. Исправили вы ошибку или нет=)). Вы же сами вчера написали Цит. Завтра скачайте новую версию". Я вот и жду когда ж она появится. Только у вас дата обновления не стоит, поэтому и приходится танцевать с бубном...=)

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

    Я в самом свежем посте написал дату обновления :). И на форуме, там всегда оперативнее все появляется. В общем, сегодня в полночь архив обновился. Качайте.

    @Дедушка, новую версию я обязательно скачаю, если не сложно киньте ссылку сразу в пост, как её обновлять. А то у вас на сайте столько дублирующейся информации.

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

    Все ссылки с любого поста будут вести на новую версию.

    Ну про настройки я пишу постоянно, разобраться уже несложно :)

    А jquery надо подключать конечно.

    @Дедушка,а! это у меня Filezilla чет заглючил наверное. На хостинге всё открывается.
    У меня как бы все работает. Кроме того что я не могу понять как имя отправителя поменять в письме и СМС.

    Михаил Плешков

    Почему у меня не работает? s159.ru скрипт внизу в самом. Папку callme залил на хостинг

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

    @Михаил Плешков, а как же он будет работать без jQuery?

    Михаил Плешков

    @Дедушка, прописать надо это где то??

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

    Где угодно до вызова самого скрипта.

    Михаил Плешков

    @Дедушка, а можете написать что конкретно надо прописать??

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

    @Михаил Плешков, всё подробно описано в инструкции.

    Михаил Плешков

    @Дедушка, ну инструкция противоречит тому что вы говорите сейчас, вот что написано:

    "Я рискую сделать вам смешно, но теперь скрипт устанавливается в одну строку. Скопируйте её и вставьте в любое место вашего сайта в темплейт, который вызывается на всех страницах. Например, footer или header. Ага, вот эта строка:

    То есть не нужно добавлять ни вызов jQuery, ни CSS - всё это скрипт сделает сам. Перенесите эту строку себе в html и всё — скрипт работает. Разумеется, перед этим перенесите содержимое архива к себе в корневую папку callme."

    О каком тогда jQuery идет речь?

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

    Вы открыли инструкцию для версии 1.7.1, а скачали версию 1.8. Откройте свежий пост на эту тему и поставьте как указано там.

    столкнулась с ошибкой в экслорере - "выполнено но с ошибками на странице"
    и кнопка отображается через раз - долго грузится

    в других браузерах все хорошо

    может есть какой то код для эксплорера? демо версия тоже показывается с ошибкой на странице в IE

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

    @даша, у эксплорера есть версия. О какой идёт речь?

    @Дедушка, проблемы в 8 версии, в 10 все норм, на остальных не проверяла

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

    @Даша, восьмая версия не поддерживается в JQ1.9+.

    Добрый день! Установил Ваш скрипт на сайт уралкожа.рф
    Если заходишь на сайт первый раз и нажимаешь "обратный звонок", то все работает как надо (приходит уведомление на почту). Но, после этого, после отправки заполненной формы, перестают работать форма "Закажите прайс" (в начале и в конце сайта) и "заказать обратный звонок". То есть, все кнопки нажимаются, все без ошибок, но письма на почту не приходят.
    Помогите, пожалуйста

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

    @Максим, для начала поставьте как я написал в инструкции, после разберитесь, что с остальными скриптами. Callme к ним никакого отношения не имеет и на работу не влияет.

    А есть возможность использовать эту же форму, только с другим заголовком (одновременно две, одна перезвонить, а другая заказать)?

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

    @Дмитрий, штатными средствами нет. Где-то в комментариях я рассказывал, как делать копию, нужно делать дубликат формы и вызывать её отдельно.

    @Дедушка, тут нет в комментариях такого. Вопросы есть, но ответа нет. А на форуме вот поиском - результата тоже не дало. :S

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

    @Дмитрий, помню, я такое рассказывал, если не в этом посте, то в другом. Вкратце: копируете содержимое form.htmlв тело документа, дублируете и называете по-другому (например, #callmeform2).

    Из core.js (callme.js) убираете вставку формы, она прокомментирована там. И дублируете функцию показа формы, это обработка нажатия .callme_viewform.

    Называете новый обект, например .callme_viewform2, далее дублируете index.php и меняете там обработчик данных по своему усмотрению, в js в новой функции меняете путь отправки данных на index2.php. Убеждаетесь, чтобы данные правильно обрабатываются.

    После этого проверяете, чтобы форма отображалась и пряталась. Разбирайтесь. Объяснять подробнее нет времени.

    @Дедушка, Всё сделал. Спасибо большое. Я и не подозревал что форму нужно перенести в тело документа.
    А еще не мало важный момент - продублировать стили! Я час тупил, потом дошло что стили темы надо продублировать.

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

    Я рад, что у вас получилось быстро разобраться. Стили можно не дублировать, а охать единые классы для идентичных частей обеих форм. Это структурно более правильно. Успехов.

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

    нашел ответ.. к сожалению :(

    Здравствуйте, спасибо за скрипт. Всё работает. Но есть проблемка (искал решение в комментариях и в инструкции не нашел ответа, может плохо искал)
    У меня на сайте есть скрипты для слайдшоу на jquery. Если их оставить то форма не отправляет сообщения. Если удалить, не работает слайдшоу но сообщения отправляются. Как можно сделать что бы и форма работала и слайдшоу?

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

    Лол, ну тогда я бы рекомендовал вам не лениться, а почитать комментарии :-)

    он есть и в хедере и в футере после тега body. а на сайте не отображается

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

    Алина, ну так дерзайте, я же даже написал, куда вам нужно добавить код скрипта.

    Самое забавное, временный админ - я)))

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

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

    /wp-content/themes/bonus_club/header.php

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

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

    Андрей, сталкивались все, кто не читает инструкцию :).

    Здравствуйте, ставлю скрипт на джомлу, все отлично, но когда нажимаешь кнопку "Перезвоните мне" - висит долго. Кто с этим сталкивался

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

    Сайт: www.гипсокартон.kiev.ua

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

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

    Добавил Ваш скрипт на сайт z109.ru Вроде отрабатывает нормально, пишет, что сообщение отправлено, но на почту оно не приходит. Адрес получателя проверил на 100500 раз. Адрес отправителя тоже менял на noreply@z109.ru но ничего не помогло.

    Можете мне помочь?

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

    Марти, скрипты обсуждаем на форуме http://www.qbx.me

    Точнее не в form.php, а index.php добавить функцию вывода title

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