Хорошего понемногу :). В предыдущей версии 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. Програміст, адміністратор української Вікіпедії.

Коменти
Виталий

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

Дедушка

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

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

Garastard

Комментарии нужны, чтобы клиент написал “время звонка”…
Например хочу, чтобы позвонили с 15:00 – 16:00

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

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

Garastard

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

Дедушка

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

Алексей

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

Михаил

Огромное спасибо!
Очень достойный скрипт!
Я искал именно, чтото подобное.
Всё заработало с первого раза. И работает тип-топ:)

Единственное что я сделал, так это отключил “проверку на отправку”. Мне кажется это очень не удобно, когда покупатель не может отослать пару раз сообщение.
http://babyprix.ru/postelka-003.html

Дмитрий

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

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

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

Артём

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

Артём

Всё установил, но зависает на надписи Отправка…
И ничего не происходит((
http://alla.16mb.com

Дмитрий

Доброго дня!

Тут такое дело, установил, работает, нравится, спасибо, но сайт перестал открываться в 5,6,7,8 версии IE. Жалуется на ошибку 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 и т.п. библиотеками.
* Текст кнопки написан болдом полностью.
* Изменены длины полей и немного размер формы.
* Небольшие модификации сообщений.