Модуль распространяется бесплатно. Он прост в установке и настройке. Теперь вы можете получить отличную контактную форму на сайте всего в несколько кликов.
Модуль Wedal Joomla Callback – Всплывающая Форма Обратной Связи

Друзья, рад представить вам свою новую разработку – модуль, реализующий всплывающую и встраиваемую форму обратной связи на сайте.

Модуль распространяется бесплатно. Он прост в установке и настройке. Теперь вы можете получить отличную контактную форму на сайте всего в несколько кликов.

Wedal Joomla Callback воплощает многие идеи, которые были у меня в голове, но не могли быть сформулированы в коде. Читайте описание. Думаю, что вам понравится!

Зачем нужен еще один модуль обратной связи?

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

Дело в том, что в процессе работы над разными клиентскими сайтами мне постоянно требовался простой и легкий модуль обратной связи, который бы работал через AJAX. Главной целью была простота кастомизации под требования заказчика.

Раньше я использовал свои готовые наработки контактных форм, но их постоянное развертывание и настройка отнимало много времени.

Wedal Joomla Callback я делал в первую очередь для себя, для удобства работы. Но решил, что будет здорово поделиться модулем с сообществом.

Особенности Wedal Joomla Callback

В чем особенность данного модуля?

1. Только модуль и ничего кроме модуля

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

2. Модуль работает полностью на AJAX

Он не загружается вместе со страницей. Загружается только кнопка вызова формы с таким кодом:

<div id="WJC102" data-id="102" class="wjcallback ">
    <a class="wjcallback-link" href="#">Заказать</a>
</div>

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

При клике по кнопке форма подгружается в реальном времени.

После отправки формы страница не перезагружается.

В Joomla это похоже на магию. Кто в теме, тот поймет =)

3. На странице может быть неограниченное количество разных форм с разным оформлением и только один JS и один CSS файл

Вы можете создать несколько копий модуля на одной странице с разными настройками. И да, они будут работать. При этом все формы будет обрабатывать общий JS-файл, который загрузится в единственном экземпляре.

Почему это круто? Теперь вы можете добавить пару контактных форм в шапке сайта, несколько в тексте, и еще одну в подвале с помощью одного единственного модуля, размноженного в админке. Это практически не утяжелит страницу (см. пункт выше). Это не потребует кучи скриптов.

4. Каждая форма, кнопка, письмо могут иметь уникальную структуру и оформление

Wedal Joomla Callback поддерживает альтернативные макеты для:

  • Кнопки запроса
  • Формы
  • Письма с запросом

Да, всего один модуль и неограниченное количество разных форм.

5. Защита от спама и CSRF-атак

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

Кроме того, в модуле внедрена проверка токена, которая не позволит совершать CSRF-атаки.

6. Простота

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

7. Всплывающая или встраеваемая в страницу форма

В обновленной версии модуля добавлена возможность показывать не только всплывающую форму, но и встраивать форму в страницу сайта. На одной странице может быть несколько всплывающих форм и несколько встроенных. И всё это будет работать!

Настройки Wedal Joomla Callback

Все настройки Wedal Joomla Callback вы можете видеть на рисунке:

Настройки модуля Wedal Joomla Callback

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

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

Несколько модулей на одной странице:

Несколько модулей на одной странице

Несколько модулей на одной странице

Несколько модулей на одной странице

И конечно, вы можете вставить один или несколько модулей обратной связи в любую статью, и это тоже будет работать!

Распространение модуля Wedal Joomla Callback

Модуль всплывающей формы обратной связи Wedal Joomla Callback  распространяется по лицензии GPL. Это означает, что вы можете бесплатно скачивать и использовать его на любых сайтах.

В модуле нет скрытых ссылок и прочих «радостей» пиратского софта. Код модуля полностью открыт, и вы можете сами посмотреть его.

Скачать Wedal Joomla Callback

Wedal Joomla Callback имеет свой репозиторий на Github и поддерживает обновления прямо оттуда.

Вы можете скачать модуль по этой ссылке.

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

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

Об авторе
Об авторе
Wedal (Виталий). Веб-разработчик полного цикла (Full Stack). Создатель и автор сайта Wedal.ru.
Основной профиль – создание сайтов и расширений на CMS Joomla.

Понравилась статья? Сохраните себе на стену:

Ваша оценка материала очень важна для нас. Просим вас оценить статью или оставить отзыв в комментариях.

Комментарии  

+1 # А хде дэмо?!Лаптев Михайлович 16.11.2018 10:38
А хде дэмо модуля?!)
Ответить | Ответить с цитатой | Цитировать
0 # RE: А хде дэмо?!Wedal 17.11.2018 04:19
Лаптев Михайлович, пока только на картинках. Руки еще не дошли. Там больше особенно нечего демонстрировать. Можете установить модуль на любой сайт и посмотреть в живую. Ничего настраивать не нужно. Опубликуйте его в любой позиции и увидите в работе.
Ответить | Ответить с цитатой | Цитировать
+1 # Модуль обратной связиАлександр Чернов 18.11.2018 02:33
Виталий, здравствуйте!

Модуль, безусловно, прекрасен, но... согласно требованиям ФЗ-152 "О персональных данных" в форме обратной связи должен присутствовать, как минимум, чекбокс "Я ознакомился/ознакомилась с Политикой конфиденциальности", а как максимум, ещё следует добавить чекбокс "Я согласен/согласна на обработку моих персональных данных" и ссылка на "Пользовательское соглашение".

Без них, к сожалению, ваш модуль, станет для владельца сайта источником немаленьких штрафов со стороны Роскомнадзора, в чём я лично уже имею печальный опыт - 65 тыс. руб. в бесспорном и внесудебном порядке.

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

Удачи вам, Виталий!
Ответить | Ответить с цитатой | Цитировать
+2 # RE: Модуль обратной связиWedal 19.11.2018 07:02
Александр,

Да, вы правы. Я постараюсь внести это дополнение в ближайшее время. Обновление придет автоматически для уже установленных модулей через стандартную систему обновлений Joomla.

Вообще, у меня двоякое отношение к этому закону. Почему? Я думаю, эти надписи негативно будут влиять на конверсию форм. Это нам с вами понятно, что ничего особенно не меняется, только добавляется уведомление. А простые люди, уже и так ужасно уставшие от бесконечных звонков и СМС-спама, могут истолковать такую приписку совершенно иначе. Что-то вроде "Отправляя форму, вы даете согласие на то, что мы будем надоедать вам звонками и присылать смс-ки по ночам". Если человек представит толкование надписи примерно в таком виде, то, вероятно, он просто закроет форму и уйдет с сайта.

Получается парадоксальная ситуация: в некоторых случаях малому бизнесу проще оформить домен на физическое лицо и платить штрафы по этому бессмысленному закону, чем подводить по него формы и снижать конверсию. Т.е. потери от снижения конверсии будут больше штрафов.
Конечно, я никого не призываю так делать. Просто для меня совершенно не понятен смысл этого закона. Кому надо - тот и так соберет все данных.

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

Я внесу возможность публикации предупреждения о сборе персональных данных отдельной опцией. А пока вы можете просто добавить ссылку в макет формы, предварительно переопределив его в шаблон Joomla.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль обратной связиАлександр Чернов 25.11.2018 22:11
Благодарю, Виталий, за развёрнутый ответ т готовность изменить модуль.
Да, я с Вами полностью согласен о засилье в Сети дурацких законов - как, к примеру, я могу идентифицировать человека лишь по адресу Email - для меня, как для нормального человека до сих пор остаётся загадкой.
НО "благодаря" этому закону, пришлось регистрироваться в РКН как оператору ПД - а это идиотизм уже высшей категории, поскольку требования, предъявляемые к операторам, в частности, к физлицам, это просто нонсенс.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль Wedal Joomla Callback – Всплывающая Форма Обратной СвязиALEHAN 18.11.2018 06:23
Виталий. После нажатия на кнопку появляется крутящееся кольцо и ничего не происходит. В консоли обнаружил ошибку "Uncaught TypeError: wjcmodal.load is not a function
at HTMLAnchorElement. (wjcallback.js:11)
at HTMLDivElement.dispatch (jquery-3.3.1.slim.min.js:2)
at HTMLDivElement.v.handle (jquery-3.3.1.slim.min.js:2)"
Как исправить? Не подскажете?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль Wedal Joomla Callback – Всплывающая Форма Обратной СвязиALEHAN 19.11.2018 06:39
Разобрался. Проблем была в "тонком" jQuery. Погуглив узнал, что в нем убраны обработчики ajax. Подключил полный jQuery, заработало.
Ответить | Ответить с цитатой | Цитировать
+1 # ПроблемкаКонстантин 07.12.2018 22:04
Установил ваш модуль на J 3.9.1, модуль вывелся, кликаю на кнопку, всплывает окно, но в теге Modal-body пусто, поля не подгружаются, в чем может быть причина? Спасибо
Ответить | Ответить с цитатой | Цитировать
0 # RE: ПроблемкаWedal 10.12.2018 03:31
Константин, проверил на J 3.9.1 - всё работает. Я думаю, форма не подгружается , поскольку у вас на сайте используется jQuery Slim. В этой версии jQuery нет функции, которая подгружает форму. Замените Slim-версию на стандартную jQuery и всё должно заработать. Прежде, чем менять, проверьте работоспособность на стандартном шаблоне Joomla. Если форма появится, то дело скорее всего в jQuery Slim.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль Wedal Joomla Callback – Всплывающая Форма Обратной СвязиЮрий 12.12.2018 11:21
Здравствуйте, Виталий

Возможно ли добавлять свои поля в форму? Например, название организации...
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль Wedal Joomla Callback – Всплывающая Форма Обратной СвязиWedal 13.12.2018 04:50
Юрий, к сожалению, нет. Точнее, если вы немного разбираетесь в коде, то можете добавить свои поля по образу уже существующих, но это будет хак модуля.
Ответить | Ответить с цитатой | Цитировать
0 # модуль Wedal Joomly CallbackЛада 16.01.2019 04:57
Спасибо огромное ! ваш модуль-то, что мне нужно, просто находка. Просто фраза без раздражающих всплывающих кричащих кнопок. У меня все работает.
Ответить | Ответить с цитатой | Цитировать
0 # Вызов по ссылке?Андрей 16.01.2019 11:57
А как по ссылке открыть такое окно обратной связи? Например, чтобы под кнопку в PageBuilder положить?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Вызов по ссылке?Wedal 17.01.2019 03:52
Андрей, чтобы скрипт открыл правильную форму, ему нужно знать ID модуля. В статье есть пример кода, который вызывает модуль. Т.е. вы можете сделать так:
1) Опубликовать модуль в какой-нибудь видимой позиции на сайте.
2) Скопировать html-код вызова модуля (3 строчки, вроде тех, которые показаны в статье)
3) Разместить код вызова модуля в PageBuilder
4) Перенести модуль в скрытую, но существующую позицию.
Но это в теории. На практике я не пробовал такой фокус.

А что мешает вам вывести модуль прямо в PageBuilder? Ведь он выведет только эти же 3 строчки кода.
Ответить | Ответить с цитатой | Цитировать
0 # Не подгружаются поляalex 26.01.2019 12:47
Установил себе на сайт, но не подгружаются поля. Заметил особенность зависит от позиции, если просто публикую модуль в позиции шаблона, но поля подгруужаются и письмо отправляется. Проблема возникает в тот момент, когда публикую код в компоненте html, так поля не подгружаются:

Заказать


В чем может быть проблема?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Не подгружаются поляWedal 28.01.2019 04:56
alex, что такое "компонент html" ?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Не подгружаются поляalex 28.01.2019 16:26
Модуль типа custom. Туда я вставляю код Код:<div id="WJC102" data-id="102" class="wjcallback ">
<a class="wjcallback-link" href="#">Заказать</a>
</div>
Ответить | Ответить с цитатой | Цитировать
0 # RE: Не подгружаются поляWedal 29.01.2019 14:36
alex, недостаточно просто вставить этот код. Важно еще опубликовать модуль. Его можно скрыть визуально, но он должен быть опубликован на сайте, т.к. в нем подгружаются скрипты, необходимые для работы формы.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль Wedal Joomla Callback – Всплывающая Форма Обратной СвязиВетал 08.02.2019 11:30
500 ошибка при отображении модуля
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль Wedal Joomla Callback – Всплывающая Форма Обратной СвязиWedal 11.02.2019 11:36
Ветал, ошибка 500 означает, что есть какая-то ошибка PHP (вероятно), но она не показывается пользователям по соображениям безопасности (так настроен ваш сервер). Посмотрите по логам, какая именно ошибка у вас выводится, напишите сюда, я помогу.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль Wedal Joomla Callback – Всплывающая Форма Обратной СвязиSergiy 14.02.2019 10:21
Доброго. В письме будет адрес страницы с которой была отправка формы если модуль опубликовать на всех страницах?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль Wedal Joomla Callback – Всплывающая Форма Обратной СвязиWedal 15.02.2019 04:15
Sergiy, по умолчанию такой возможности нет, но ее можно легко добавить. Для этого нужно переопределить макет письма ( modules/mod_wedal_joomla_callback/tmpl/default_message.php) в используемый шаблон Joomla (/templates/ваш_шаблон/html/mod_wedal_joomla_callback/default_message.php) и добавить в него вывод URL текущей страницы.
Ответить | Ответить с цитатой | Цитировать
0 # Модуль Wedal Joomla CallbackЮрий 16.02.2019 07:37
Здравствуте! Не выводится форма. Вот такой код в модуле:
Код: &nbsp; Внимание: Запишитесь на встречу с одним из наших профессиональных консультантовЗамер, просчет, изготовление, логистика, доставка и постгарантийное обслуживание.<br />Контакты
Что не правильно?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль Wedal Joomla CallbackWedal 20.02.2019 08:19
Юрий, пришлите ссылку, где можно посмотреть в живую.
Ответить | Ответить с цитатой | Цитировать
0 # Не работаетАндрей 07.04.2019 11:57
Здравствуйте!
Джумла 3.9, установил модуль, опубликовал, появилась надпись (в настройках написал "Свяжитесь с нами", настроил поля) с линком.
При нажатии на линк открывается окно с надписью "Заказать обратный звонок" без полей для заполнения.
В индексном файле шаблона подключил jquery 3.3.1
Ощущение, что срабатывает что-то по умолчанию.
Сайт закрыт, но если нужно посмотреть - открою
Ответить | Ответить с цитатой | Цитировать
0 # RE: Не работаетWedal 08.04.2019 13:38
Андрей, jquery не slim? Нужна полная версия. Если нет, то дайте ссылку на живой пример - посмотрю.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль Wedal Joomla Callback – Всплывающая Форма Обратной СвязиИван 20.05.2019 12:54
На локальном серваке не работает, если сайты в поддоменах сервака. Ссылки наверно относительные указаны.

[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (wjcallback.css, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (wjcallback.js, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (wjcallback.js, line 0)
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль Wedal Joomla Callback – Всплывающая Форма Обратной СвязиWedal 30.05.2019 06:33
Иван, да, ссылки относительные. Спасибо за наводку. Проверю и внесу правки.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль Wedal Joomla Callback – Всплывающая Форма Обратной СвязиХуш 03.06.2019 19:28
Протестировал модуль.
Что понравилось:
1) Нет капчи, которая всех бесит
2) сообщение после отправки появляется там же (а не вверху во всплывающем окне и не на другой странице)
Что не очень:
1) нет галочки про ФЗ 152
2) вместо тултипов, привязанных к полям, - инф. сообщения, которые появляются вверху (в гуглхроме по крайней мере)
3) нельзя выбрать неск емейл получателей (иногда это надо)
4) письма на gmail падают в спам
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль Wedal Joomla Callback – Всплывающая Форма Обратной СвязиWedal 05.06.2019 15:09
Хуш, спасибо за отзыв.

Из недостатков: всё по делу, кроме последнего. Письма в спам - это уже не от модуля зависит, а от настроек почты.

Остальное буду дорабатывать по мере возможности.
Ответить | Ответить с цитатой | Цитировать
0 # Модуль Wedal Joomla CallbackДмитрий 04.06.2019 10:13
Виталий, здравствуйте. Подскажите, пожалуйста, какие файлы в модуле нужно редактировать чтобы добавлять другие поля? Очень нужно.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Модуль Wedal Joomla CallbackWedal 05.06.2019 15:11
Дмитрий, почти все. Точно: xml-файл манифеста, хелпер, макеты, файл скриптов, языковые файлы.

Если необходимо, я могу доработать модуль конкретно под ваши нужды за отдельную плату.
Ответить | Ответить с цитатой | Цитировать
0 # Wedal Joomla Callback - Нет полей на формеСергей 28.06.2019 08:27
Здравствуйте, Виталий!
У меня сайт на Yootheme Pro (test.rem-parts.ru),
Установил Ваш модуль обратной связи и пробую вставить его через "вставку модуля":
{loadmoduleid 103}

Модальное окно появляется, а в нем ничего нет:

Единственное, заголовок белым шрифтом есть:


Подскажите, плиз, куда копать?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Wedal Joomla Callback - Нет полей на формеWedal 02.07.2019 05:30
Сергей, на странице жмите F12, там открывайте вкладку "Консоль" и смотрите ошибки, которые там есть. Очень вероятно, что они там будут.
Ответить | Ответить с цитатой | Цитировать
0 # При нажатии просто открывается форма «Заказать обратный звонок» и кнопка «Отправить» без полей заполнения Имя, Телефон.Владимир 08.07.2019 02:58
Во-первых Большое спасибо автору за бесплатный Модуль Wedal Joomla Callback он мне помог решить проблемку при создании сайта. Поэтому не поленился и написал решение по которому немного пришлось подумать.
Не подгружаются поля для заполнения Имя, Телефон при вставке кода в «Модуль фрагмента HTML-кода»

Заказать


При нажатии просто открывается форма «Заказать обратный звонок» и кнопка «Отправить» без полей заполнения Имя, Телефон.

Решение было найдено.
1. Создаём обязательно Модуль Wedal Joomla Callback и опубликовываем его.
2. Создаём «Модуль фрагмента HTML-кода» и вставляем код:

Заказать

3. Меняем в этом коде id и data-id на выше созданный модуль
Например:

Заказать


на


Заказать


Как мы находим id и data-id. Например, при помощи браузера Firefox кликаем по странице с опубликованной кнопкой «Оьратного звонка» правой кнопкой мышки, затем «Исследовать элемент» и находим нужный нам код. Далее я думаю вы разберётесь ))

Автор если что подправите меня. Спасибо!
Ответить | Ответить с цитатой | Цитировать
0 # RE: При нажатии просто открывается форма «Заказать обратный звонок» и кнопка «Отправить» без полей заполнения Имя, Телефон.Wedal 08.07.2019 10:38
Владимир, в комментариях вырезается код. Для вставки кода используйте, пожалуйста, специальный тег (последний в списке тегов комментариев). Было бы здорово, если бы вы отредактировали ваш комментарий, восстановив код. Он может быть многим полезен.
Ответить | Ответить с цитатой | Цитировать
0 # RE: При нажатии просто открывается форма «Заказать обратный звонок» и кнопка «Отправить» без полей заполнения Имя, Телефон.Владимир 08.07.2019 12:02
Понял ) Редактирую.
Во-первых Большое спасибо автору за бесплатный Модуль Wedal Joomla Callback он мне помог решить проблемку при создании сайта. Поэтому не поленился и написал решение по которому немного пришлось подумать ))
Не подгружаются поля для заполнения Имя, Телефон при вставке кода в «Модуль фрагмента HTML-кода»
Код:<div id="WJC102" data-id="102" class="wjcallback "> <a class="wjcallback-link" href="#">Заказать</a> </div>
При нажатии просто открывается форма «Заказать обратный звонок» и кнопка «Отправить» без полей заполнения Имя, Телефон.
Решение было найдено:
1. Создаём обязательно Модуль Wedal Joomla Callback и опубликовываем его.
2. Создаём «Модуль фрагмента HTML-кода» и вставляем код:
Код:<div id="WJC102" data-id="102" class="wjcallback "> <a class="wjcallback-link" href="#">Заказать</a> </div>
3. Меняем в этом коде id и data-id на выше созданный модуль
Например:
Код:<div id="WJC102" data-id="102" class="wjcallback "> <a class="wjcallback-link" href="#">Заказать</a> </div>
на
Код:<div id="WJC115" data-id="115" class="wjcallback "> <a class="wjcallback-link" href="#">Заказать</a> </div>
Как мы находим id и data-id. Например, при помощи браузера Firefox кликаем по странице с опубликованной кнопкой «Обратного звонка» правой кнопкой мышки, затем «Исследовать элемент» и находим нужный нам код. Далее я думаю вы разберётесь ))
Теперь по моему правильно )
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Для отправки комментария введите код с картинки:
Защитный код
Обновить