Модуль распространяется бесплатно. Он прост в установке и настройке. Теперь вы можете получить отличную контактную форму на сайте всего в несколько кликов.
Модуль 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. Простота

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

Настройки 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 тыс. руб. в бесспорном и внесудебном порядке.

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

Удачи вам, Виталий!
Ответить | Ответить с цитатой | Цитировать
+1 # 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, заработало.
Ответить | Ответить с цитатой | Цитировать
0 # ПроблемкаКонстантин 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
Юрий, к сожалению, нет. Точнее, если вы немного разбираетесь в коде, то можете добавить свои поля по образу уже существующих, но это будет хак модуля.
Ответить | Ответить с цитатой | Цитировать

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

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