Назар Токар
Опубліковано: 9 Листопада 2011
Оновлено: 4 Травня 2017

Хорошего понемногу :). В предыдущей версии CallMe можно было тыкать 20 раз «отправить» и реально 20 раз администратор бы получил одно и то же уведомление. В новой версии скрипта мы с вами, дорогие друзья, позволим не менее дорогому клиенту всего один раз отправить нам запрос на обратный звонок.

callme

Алгоритм прост: после удачной отправки уведомления мы сохраним информацию об этом в браузере пользователя и при повторной попытке выведем какое-то смешное сообщение с угрозой. Я написал «Спасибо, хватит и одного раза», но уверен, что вы придумаете что-нибудь смешное.

Для того, чтобы все работало, мы дополним jQuery расширением local.storage. С его помощью мы будем записывать, а потом читать данные об отправке. Поэтому нужно будет также немного поменять код установки скрипта, добавив одну строку для вызова LS. Кроме того теперь обмен данными производится при помощи jSon, что никак визуально не поменяло работу, но теперь результат генерируется самим js, а не в php. Что, как по мне, более правильно с точки зрения логики.

Помня о проблемах с установкой, уточняю: если у вас уже подключена jQuery, то повторно её подключать не надо. Аналогичное касается и local storage. Удаляем эти строки в таком случае. Как обычно, рабочий пример скрипта смотрите на Мебельном.

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

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

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

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

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

Я видел, что на паре сайтов добавились «комментарии» кроме имени  номера и телефона. Я думаю, что это лишнее, хотя могу и ошибаться, какие у кого мысли по этому поводу? Также можно сделать уведомление по смс о заказе звонка, но это уже будет платно и не знаю, есть ли такая необходимость. Обсуждаем.

Кстати, жду ваших пожеланий и впечатлений от работы со скриптом. Пишите сюда или на почту. И если находите скрипт удобным можете сказать материальное спасибо в виде перевода по вебмани, подробности на странице «Обо мне».

PS: уважаемые блоггеры, пожалуйста, отдавайте полностью текст записи в фид, а то читать неудобно на всяких планшетах и телефонах. Спасибо :)

UPD 2012-02-29: поправили строку с подключением callme надо вставлять после jquery и storage. Спасибо Евгению.

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

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

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

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

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

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

82 коментаря

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

У вас сейчас со страницы любой предыдущей версии переходит на демо последней версии.

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

Виталий, ссылка на закрытие окна формы ссылается на демо, при клике он обрабатывается скриптом и форма закрывается, а пользователь никуда не переходит. Значит, скрипт не обрабатывает у вас клик и ссылка работает как обычная ссылка.

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

Комментарии нужны, чтобы клиент написал "время звонка"...

Например хочу, чтобы позвонили с 15:00 - 16:00

Я список вываливающийся с временем добавил

с xx:xx до xx:xx

удобнее для клиента

Дедуля, спасибо))

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

Алексей, куда угодно после открывающегося body. Обратите внимание на http://dedushka.org/kod/skript-zakaza-obratnogo-zvonka-callme-1-5/" rel="nofollow">новую версию скрипта.

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

Огромное спасибо!

Очень достойный скрипт!

Я искал именно, чтото подобное.

Всё заработало с первого раза. И работает тип-топ:)

Единственное что я сделал, так это отключил "проверку на отправку". Мне кажется это очень не удобно, когда покупатель не может отослать пару раз сообщение.

http://babyprix.ru/postelka-003.html

Эта проблема возникает, так как дочерний элемент контейнера HTML содержит сценарий, который пытается изменить родительский элемент контейнера дочернего контейнера. Он пытается изменить родительский элемент контейнера с помощьюinnerHTMLметода илиappendChildметод.

, Это может происходить, еслиDIVэлемент является дочерним контейнером вBODYэлемент иSCRIPTблока вDIVэлемент пытается изменитьBODYэлемент, являющийся родительским контейнером дляDIVэлемент.

Выставил код перед и всё стало ОК

Всё заработало само))))

Всё установил, но зависает на надписи Отправка...

И ничего не происходит((

http://alla.16mb.com

Доброго дня!

Тут такое дело, установил, работает, нравится, спасибо, но сайт перестал открываться в 5,6,7,8 версии IE. Жалуется на ошибку http://support.microsoft.com/kb/927917/ru" rel="nofollow">KB927917

Пишут что это из за русских комментов в .js, но убрав их ничего не поменялось.

IE глючный и это факт, но покупатели об этом не думают.

сайт _mpemebel.ru

А теперь кнопка заработала, но дерево с товарами раскладывается на всю страницу и плюсики исчезают apexlab.ru

Скажите, что не так, я изменила в файле индекc адрес эл. почты (в месте to и from)? распаковала ее в callme, вставила код на странице, кнопка есть, даже на вид работает, поле отправки пишет "одного раза хватит, спасибо", но мне на почту не отправляет...

Подскажите "истинной блондинке" что я делаю не так?

1. Загрузила файлы в созданную папку callme;

2. загрузила в index код кнопки (скопировала с этой страницы).

3. добавила callme.css в папку с дизайном.

В итоге кнопка есть, но не работает.

Да, кстати, адреса почти ввела свои.

мой магазин: http://www.oriflamebutovo.ru

МШ, в html-скрипте, которые добавляется на страницу поищите текст "+7" и замените на нужное.

Если подключена библиотека MooTools (например, при использовании Phoca Gallery), то могут возникнуть проблемы. Например, у меня не вызывались модальные окна с изображениями, они открывались тупо как обычные картинки вместо текущего документа. Как решить?

После подключения jquery.min.js прописываем:

{script type="text/javascript"}jQuery.noConflict();{/script}

(здесь заменить фигурные скобки на угловые), после чего меняем в callme.js все знаки $ на jQuery.

p.s. Подозреваю, что в jquery.storage.js тоже нужно сделать такую замену, я её не использую вообще, заменил на куки (ИМХО, так лучше, иначе человек никогда не сможет заказать звонок повторно, даже через месяц).

Мою модификацию качайте тут: http://content.wuala.com/contents/jin_x/Public/scripts/callme_modified.zip?dl=1

Основной код в _maincode.html и _maincode_nc.html

Изменения:

* Вместо storage используются куки с возможностью повторной отправки через час

* Добавлено поле "Комментарии (необязательно)", удалён текст "+7", т.к. человек может захотеть указать домашний телефон.

* Вариант _maincode_nc.html + callme_nc.js содержат код, не конфликтующий с MooTools и т.п. библиотеками.

* Текст кнопки написан болдом полностью.

* Изменены длины полей и немного размер формы.

* Небольшие модификации сообщений.

Подскажите пожалуйста, а как сменить +7 на +8 ? Спасибо

Блин...

Короче, загрузка callme.js должна быть после jquery и storage, а не первой строкой. В общем-то, логично :)

Нашёл косяк!

должен стоять после:

Дедушка, подправьте в шапке ;)

Отправка СМС хороша тем, что мыло люди могут проверять раз в день, а СМС приходит сразу. С другой стороны, можно завести специальный e-mail и настроить на смартфоне моментальное получение сообщений.

Про повод согласен, но "Комментарий" (необязательный) лучше пусть будет. Например, человек хочет написать "звоните после 20 часов" - это важно, а поля нет. Он может отказаться от отправки.

На сайте вроде всё правильно сделал, почему-то ничего не выходит. Пробовал на пустой странице сделать (с одной строкой текста) - то же самое.

Скрипт так и не работает, неделю с ним воевал, и все бестолку. Загляните пожалуйста http://купелибочки.рф

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

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

Установил скрипт на http://mandarish.ru/index.php (пока работает только по этой ссылке - для теста).

В итоге кнопка появляется, при наведении цвета не меняет и при клике эффект нулевой (смотрю на Опере, на других тоже не пашет). Консоль ошибок выдаёт:

Inline script thread

Uncaught exception: TypeError: '$(document).ready' is not a function

Error thrown at line 43, column 0 in http://mandarish.ru/callme/callme.js:

$(document).ready(function(){

Ещё пара замечаний: ИМХО, не есть хорошо, что кнопка называется "Заказать бесплатный звонок", а форма - "Заказать обратный звонок". И что "заказать бесплатный" выделено жирным, а "звонок" - нет. Стрёмно смотрится :). Лучше всё сделать жирным.

По поводу SMS - очень хорошая идея. Удобно! Можно сделать переключатель где-нибудь в недрах: SMS/e-mail.

По поводу поля "комментарий" - хорошая идея. Я бы даже написал: "Повод:", - а далее выпадающий список с несколькими вариантами, типа "Вопрос по товару/услуге", "Вопрос об оплате и доставке", "Проблема на сайте", "Другой".

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

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

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

Далее, повод заказать звонок. Повод — хочу, чтобы мне перезвонили :). Зачем усложнять форму? По себе сужу: чем больше полей надо заполнить, тем меньше шансов, что я буду это делать добровольно.

С ошибкой буду разбираться.

Дедуш, это я заполнил)

//адрес почты для отправки уведомления

//несколько ящиков перечисляются через запятую

$to = "moya@pochta.ru";

//адрес, от которого придёт уведомление

$from = "moya@pochta.ru";

Сам скрипт работает, при нажатии "перезвонить мне" пишет "отправлено"

но не приходят письма) может с локалхоста не работает?

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

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

Дмитрий, у вас файлов скрипта нет на сайте. Пруф.

Никита, у вас кода скрипта нету.

Андрей...

Все работает, но письма не приходят.

Я бы сказал, что ничего не работает :). Для настройки открывайте в текстовом редакторе index.php и указывайте свою почту. В комментариях написано что и где.

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

Добрый день.

Установи, и ... заветной кнопки нема ((

doors.nahodov.ru

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

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

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

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

Сергей, хороший самопис) вот бы такой прикрутить к фильтру движка CS-Cart (подбор цены).

У меня был такой же трабл, менял порядок и всё работает + внутренние.

Посмотри мб кроме главной в шаблоне других страниц что-то добавляется лишнее...

Добрый день.

Сайт http://www.idental.com.ua/

1) У меня при отправке постоянно мигает значек отправки, но сообщения не отправляет.
Установил все правильно, несколько раз проверил.

2) На страницах товаров, в левом блоке появляется окошко поиска по параметрам, и этот поиск не работает.

Вероятнее всего проблема в конфликте Jquery, т.к. когда из кода удаляю строку подключения

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

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

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