Модуль обратного звонка для любой cms: WordPress, Joomla, OpenCart и др.
И снова поднимаю тему обратного звонка. Пусть не так давно мы рассматривали скрипт обратного звонка «Callme», сегодня рассмотрим еще один вариант добавления обратного звонка на сайт или интернет-магазин с помощью модуля «Обратный звонок на сайт (jbCallMe)». Модуль позволяет добавить всплывающую форму для заказа обратного звонка, подачи вопроса, оставления заявки или для любой другой задачи, так как поля формы можно настраивать по своему усмотрению. Мало того, на один сайт можно добавить не одну, а несколько абсолютно разных форм, с различным количеством и типом полей. Сообщения приходят на почту указанную в настройках модуля.
Теперь рассмотрим модуль по порядку. Я устанавливала модуль на рабочий сайт на Joomla, сейчас же рассмотрим его установку на Opencart. В принципе установка практически идентична, исключение лишь составляет основной файл для подключения модуля (в Joomla это index.php, в OpenCart — это header.tpl используемого шаблона).
Варианты форм, которые можно создать с помощью модуля «Обратный звонок на сайт (jbCallMe)»:
- заказ обратного звонка с минимальным количеством полей (форма по умолчанию)
- заказ обратного звонка с дополнительными полями, которые необходимы именно Вашему магазину или сайту
- быстрый заказ
- форма заказа, заявка
и т. д. Повторюсь, форм можно делать много и с самым разным содержимым. В этом плюс данного модуля, в его гибкости и возможностях.
Установка и настройка модуля
1. Скачиваем модуль «Обратный звонок на сайт (jbCallMe)» (вверху страницы две кнопки «Скачать» и «Заказать установку»).
2. В корень сайта, в нашем случае магазина, так как рассматриваем установку модуля на OpenCart, загружаем папку jbcallme. Содержащийся в этой папке файл postmaster.php (обработчик запросов, который выполняет функцию отправки информации из заполненных полей на указанный e-mail) выносим из папки в корневую папку магазина.
В начале файла postmaster.php впишите e-mail, на который хотите получать сообщения, отправленные с помощью созданных Вами форм.
3. Открываем файл catalog/view/theme/default/template/common/header.tpl и подключаем модуль. Для этого между тегами
|
1 |
<head></head> |
размещаем строки
|
1 2 |
<script type="text/javascript" src="/jbcallme/js/jquery.jbcallme.js"></script> <link rel="stylesheet" type="text/css" href="/jbcallme/css/jquery.jbcallme.css"> |
В настройках модуля есть еще одна строка, в которой идет подключение jquery, но поскольку мы работаем с opencart, в котором jquery уже подключен, то эту строку мы просто не трогаем.
4. Перед закрывающим тегом </head> добавляем код скрипта
|
1 2 3 4 5 |
<script type="text/javascript"> $(function() { $('.callme_button').jbcallme(); }); </script> |
5. В нужном месте, где хотим сделать вывод формы, размещаем строку
|
1 |
<a class="callme_button">Заказать звонок</a> |
Выполнив эти действия мы добавили в магазин форму по умолчанию, со стандартными полями «Имя» и «Телефон», как на первом скриншоте выше.
Как добавить дополнительные поля и как изменить форму под свои запросы?
Например, помимо имени и телефона нам необходимо получать еще такую информацию как «Сообщение», «Время звонка» и «Тема вопроса». Для этого возвращаемся к header.tpl и в скрипт, который мы разместили перед </head>, добавляем нужные поля и теперь весь скрипт будет иметь следующий вид
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<script type="text/javascript"> $(function() { $('.callme_button').jbcallme({ postfix: "callme_order", title: "Заказ обратного звонка", // заголовок окна fields: { time: { label: "Удобное для звонка время", placeholder: "17:30 - 20:00", }, descr: { label: "Примечание", type: "textarea", }, topic: { label: "Тема вопроса", type: "text", }, action: { type: "hidden", value: "callme_order", }, }, } ); }); </script> |
Но, если мы добавили новые поля в форму, то необходимо их добавить и в обработчик — postmaster.php, чтобы данные из этих полей приходили на почту.
В файле postmaster.php переходим к кейсу, который совпадает со значением нашего скрытого поля action. В нашем случае это case ‘callme_order’. По умолчанию здесь поля — Имя, Телефон, Время звонка, Примечание — добавляем еще поле «Тема вопроса». Получаем следующую картину:
|
1 2 3 4 5 6 7 8 9 10 |
case 'callme_order': sendmail("Заказ обратного звонка", render( '<div><b>Имя:</b> '.stripinput($_POST['name']).'</div>'. '<div><b>Телефон:</b> '.stripinput($_POST['tel']).'</div>'. '<div><b>Время звонка:</b> '.stripinput($_POST['time']).'</div>'. '<div><b>Примечание:</b> '.stripinput($_POST['descr']).'</div>'. '<div><b>Тема вопроса:</b> '.stripinput($_POST['topic']).'</div>' ),$EMAIL,$FROM,$REPLY); exit('200'); break; |
И в итоге получим форму вот такого содержания
Как вы уже, скорее всего, заметили, в postmaster.php уже есть 4 варианта заготовленных форм: ask_order, callme_order, service_order и форма по умолчанию — default. Но мы вполне можем их не использовать, а создавать свои собственные.
Вот в принципе и вся информация по модулю, но есть некоторые тонкости, которые стоит знать при создании новых полей или при изменении существующих:
— если в форме не нужны стандартные поля «имя» и «телефон», то отменить их вывод в можно с помощью добавления строк:
|
1 2 |
no_tel: true, no_name: true, |
— если не нужна стандартная кнопка, то необходимо прописать
|
1 |
no_submit: true, |
и, конечно, в скрипт после action добавить свой вариант кнопки, например
|
1 2 3 4 |
send: { type: "submit", value: "Отправить заказ", }, |
— с помощью title можно давать свой заголовок всплывающему окну с формой
|
1 |
title: "Быстрый заказ", |
— фразы, выводимые после удачной или неудачной отправки заполненной формы, можно изменить с помощью
|
1 2 |
success: "Ваше сообщение успешно отправлено. Спасибо!, fail: "Сообщение не отправлено.", |
Модуль легкий, быстрый и гибкий. К тому же, что немаловажно, подходит как для сайтов на различных cms, таких как Joomla, WordPress, OpenCart, DLE и т. д., так и для самописных сайтов. В общем, если суть модуля ясна, то тестируйте и внедряйте для удобства посетителей и покупателей.
Здравствуйте!
Во-первых большое спасибо за такой полезный блог. Почерпнул очень много полезной информации по opencart!
А по скрипту проблема в следующем — всё сделал по инструкции, кнопка появилась, форма появляется и при отправке пишет «сообщение отправлено». Но на почте пусто. В postmaster.php исправил только одно значение:
$EMAIL = ‘моймаил@gmail.com'; // Ваш e-mail на который будут приходить заявки
В итоге никаких писем не приходит. Что я мог упустить? Пользую ocStore 1.5.5.1.2
Нашел письма в спаме =)
Там есть ещё и ссылка на расширенную версию, в которой настройка формы идет в визуальном конструкторе (не надо в код лезть), из дополнительных фишек — капча, прикрепление файлов, уведомление по смс о заявках, а также идентификация профилей соц.сетей тех, кто написал с формы сообщение.
Хороший сервис! Долго им пользовались, но в итоге из-за совместного браузера перешли на Редконнект. Про него можно у них на сайте почитать: https://redconnect.com/
Очень нравится, что операторы-продавцы сами видят, как ведет себя клиент на сайте, вплоть до мышки и могут подсвечивать нудные области. Да и тарификация за контакт, а не поминутная и без «сгорания» баланса
Да что вы говорите, «Долго им пользовались..» Это разные сервисы! Ваш сервис совершает автоматические дозвоны, а этот просто информирует. Конечно, если имеется штат операторов, то да, удобно. Но если штата нет, и нет желания получать звонок в самое разное время, то jbcallme — самое оно. Тем более всё бесплатно.
Поставил данный модуль но сообщение не отправляется https://img.ii4.com/images/2015/08/13/627680_kiss_6kb.png . Можете подсказать в чем проблема
Ребят, у кого проблемы с обратным звонком, попрубйте сервис от https://www.pozvonim.com
Простая установка на любую cms, хорошая поддержка. Не сочтите за рекламу, ссылка не реферальная, просто можно взять и попробовать на тестовый период. А потом уже решить подходит или. Цены как у всех, можно пакеты брать, а можно количество клиентов или минут. Может кому пригодиться мой комментарий
Ребят, у кого проблемы с обратным звонком, попрубйте сервис от https://www.pozvonim.com
Простая установка на любую cms, хорошая поддержка. Не сочтите за рекламу, ссылка не реферальная, просто можно взять и попробовать на тестовый период. А потом уже решить подходит или. Цены как у всех, можно пакеты брать, а можно количество клиентов или минут. Может кому пригодиться мой комментарий.
Так-то работает! можно использовать на любом сайте. Сообщения отправляются нормально.
Что самое полезное в этом модуле можно использовать в качестве быстрой покупки. И не надо заморачиваться с регистрацией на сайте. Совсем недавно звонили предлагали этот модуль за 10$ вместе с установкой А тут он совершенно бесплатно. Jul спасибо за модуль!
Всегда немного раздражал слишком простецкий дизайн такого модуля. Теперь, наконец, перешел на RedConnect Free: redconnect.com
У них теперь есть бесплатная версия. Работает просто огонь! И, главное, без подводных камней — если нужен простой, красивый и эффективный информатор о заказе обратного звонка — самое оно.
Здраствуйте! Прошу Вашей помощи!
Возникла такая проблема, когда выскакиевает окно Обратной связи/Быстрого заказа, категории не перекрываются этой формой, тоесть при наведении на ссылки именно «категорий» они работаеют, все остальные ссылки нормально «перекрываются» этой формой.
Можете потестировать и сами увидеть, какая у меня проблема на моем сайте mylko-natural.com
видео ютуб: https://www.youtube.com/watch?time_continue=20&v=1ulNjd0NZII
Буду рад, если Вы мне ответите на почту ! mylkonatural@gmail.com
Заранее спасибо!
Ответила на почту.
Спасибо!
Мне очень нравится сервис у: pozvonim.com
Всё просто и удобно. Отличная техподдержка
Добрый день. С наступающим Вас 8-м марта. Уважаемая jul (извините не знаю как Вас зовут), подскажите пожалуйста что может быть.. После того как сделал все операции по установке модуля, и вставил «заказать звонок». Надпись на сайте появилась… но это и все)) т.е. форма при нажатии не появляется и соответственно ничего не оптравляется.
У меня такая же проблема как у Игоря
Здравствуйте!! Все прекрасно работает, но только почему то не открывается окно с формой на главной странице. В чем может быть причина?
не понял куда надо поставить
no_submit: true,
можно подробней, кнопка добавилась а старую скрыть не могу…
Отличный модуль, все работает, письма приходят. Ложатся в спам, кстати.
Предлагаю попробовать сервис https://excitel.net/ Здесь вам не придется разбираться с кодом, предоставляется уже готовый код, который нужно будет добавить на свой сайт. Также имеються готовые модули для различных CMS, таких как Joomla, WordPress и пр.
Тут можно будет и принимать звонки с сайта с помощью кнопки звонка, и принимать запросы на обратный звонок либо голосовые сообщения в нерабочее время.
Есть возможность редактирования кнопки звонка под дизайн своего сайта.
Советую попробовать, возможно, кому-то данный сервис и подойдет.