Форма обратной связи joomla 3


Рассмотрим несколько пунктов работы с формой в том порядке, в котором ее нужно настраивать.

1. Создание формы обратной связи в компоненте RS Form

Начнем с того, что переходим в Компоненты/RS Form/Управление формами, а в открывшемся окне, нажимаем Создать. Далее можно выбрать каким именно образом создавать форму. С помощью мастера или нет. Я обычно выбираю Пропустить мастера. Вы можете сделать по своему

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

В настройках поля можно указать разные параметры: Различные надписи, Значение по умолчанию,Обязательность, Ширину поля и т.д. Тут описывать я долго не буду, экспериментируйте сами.


После заполнения всех атрибутов поля незабываем Сохранить

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

Все. Поля для нашей формы готовы.

2. Настройка формы обратной связи RS Form

Этот пункт не требует особого описания, но я не могу его пропустить. Что бы попасть на страницу с настройками формы, необходимо перейти на вкладку Свойства. Далее выбираем нужную компановку (внешний вид формы), а далее нужно перейти к Корректировка формы

В корректировке формы очень много настроек и все они подробно описаны, поэтому мои комментарии тут ненужны.

На этой странице я остановлюсь только на кнопке Исправить сообщение благодарности.

3. Сообщение благодарности в форме обратной связи RS Form. Настройка сообщения благодарности

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

Справа от всплывающего окна есть кнопка Быстрое добавление переключателя. При ее нажатии открывается список наших полей и переменных этих полей. Используя эти переменные, Вы можете вставлять их в форму благодарности.


Вот так вот просто все работает… Едем дальше ))))

4. Настройка писем администратору и пользователю в форме обратной связи RS Form

На странице Свойст формы, в левой панели, есть 2 кнопки Электронная почта пользователя и Электронная почта Администратора. Как раз эти пугкты отвечают за отправку писем из формы пользователю и администратору.

Настройка писем пользователю

Переходим по кнопке Электронная почта пользователя.

  • В поле «От» пишем адрес электронной почты, от которой наш пользователь получит письмо, т.е. почту администратора
  • В поле «От имени» пишем имя отправителя формы, т.е. название сайта или организации
  • В поле «Кому» указываем переменную, отвечающую за ввод E-mail пользователя в нашей форме, т.е. у меня {mail:value} (у вас это поле может называться по другом. смотрите справа в списке переключателей)
  • В поле «Тема» указываем тему, которая придет в письме для пользователя. В теме письма так же можно использовать любые переменные из формы

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

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

Настройка писем администратору

Переходим по кнопке Электронная почта администратора


  • В поле «От» пишем указываем адрес электронной почты пользователя, который отправляет форму, т.е. в нашем случае это будет переменная — {mail:value}
  • В поле «От имени» пишем имя отправителя формы, т.е. в нашем случае это имя пользователя, который отправил форму — {name:value}
  • В поле «Кому» пишем адрес электронной почты администратора
  • В поле «Тема» указываем тему, которая придет в письме для администратора. В теме письма так же можно использовать любые переменные из формы

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

Все. теперь наша форма полностью настраена и готова к работе. Можете тестировать)))

joomla-zone.ru

Бесплатные расширения для Joomla

В статье рассматриваются наиболее популярные бесплатные плагины для создания на сайте под управлением CMS Joomla формы обратной связи.

1.      ALF Contact 3.1.8


Сайт разработчика: http://www.alfsoft.com/joomla/alfcontact

Расширение полностью совместимо с Joomla 1.7/2.5/3.x.

ALF Contact 3.1.8 – достаточно функциональный, но в то же время простой и компактный компонент. Устанавливается плагин стандартно через «Менеджер расширений», после установки появляется в списке компонентов.

Для корректной работы плагина необходимо  создать новый пункт меню, в котором будет размещена форма обратной связи. Для этого нужно выбрать в панели управления «Меню»-«Создать новый пункт», а в строке «Тип меню» —  «ALF Contact» — «Contact Form».

Создание пункта меню типа ALF Contact 

Далее следует произвести настройку контактов, выбрав пункт меню «Компоненты» — «ALF Contact».

 Настройка компонента ALF Contact

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


Настройка пользователя для отправки сообщений электронной почтой с помощью компонента ALF Contact 

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

Панель настроек компонента, которую можно открыть, кликнув по кнопке «Настройки»,  выглядит следующим образом:

Панель "Настройки" компонента ALF Contact
В опциях можно ввести ограничение на длину отправляемого сообщения, включить автозаполнение имени пользователя, если он зарегистрирован на сайте, выбрать будет ли использован в форме обратной связи адрес сайта и капча. Предусматривается два типа капчи: reCAPTHA и captchas.net. Для использования капчи необходимо предварительно пройти бесплатную регистрацию на соответствующих сайтах и ввести в настройки компонента полученные логины и ключи. Капча reCAPTHA позволяет использовать на выбор одну из четырех тем оформления, восемь языков (в том числе русский) и поддерживает протокол SSL. Капча от captchas.net, в свою очередь, позволяет задать алфавит капчи, её ширину и высоту, цвет, а также предусматривает аудио версию капчи, но русский язык она не поддерживает.

На вкладке настроек «Redirect» можно выбрать страницу, на которую будет перенаправлен пользователь, задать текст заголовка или гиперссылку, а также текст, появляющийся на экране после заполнения формы обратной связи:


Вкладка "Redirect" компонента ALF Contact 

В работе плагин выглядит весьма достойно:

Форма обратной связи, генерируемая компонентом ALF Contact

2.      Creative Contact Form

Сайт разработчика: http://creative-solutions.net/joomla/creative-contact-form

Расширение полностью совместимо с Joomla 2.5/3.x.

Легкая в настройке и использовании, визуально привлекательная форма обратной связи. Бесплатная версия позволяет создать на сайте лишь одну форму обратной связи с максимум пятью полями. Кроме того, в нижней части формы будет присутствовать информация об авторских правах. Минусом бесплатной версии расширения «Creative Contact Form» является отсутствие защиты от спама в виде капчи.


Установка расширения производится через «Менеджер расширений», рекомендовано воспользоваться опцией «Установить из каталога», предварительно распаковав архив в папку каталога установки. После установки в списке компонентов появляется новый пункт — «Creative Contact Form». При щелчке по заголовку компонента, появляется окно, в котором можно увидеть созданные формы, поля и просмотреть имеющиеся шаблоны формы обратной связи.

 Меню настройки компонента Creative Contact Form

Щелчок по кнопке «Forms» открывает список имеющихся форм. Поскольку рассматривается бесплатная версия, в которой возможно наличие только одной формы обратной связи, можно отредактировать под свои потребности имеющуюся «Contact Form Example». Меню редактирования формы имеет следующие поля: имя формы, заголовок формы, надпись под заголовком, сообщение, возникающее после отправки, текст на кнопке для отправки сообщения, текст сообщения по умолчанию, ширина формы, шаблон оформления.  Для выбора шаблона оформления доступна возможность предварительного просмотра.

Настройка внешнего вида формы обратной связи Creative Contact Form 

Ниже на этой вкладке требуется настроить страницу, на которую будет переадресован пользователь и заполнить всю информацию о получателе данных сообщений. На вкладке «Fields» можно увидеть имеющиеся поля формы.


Вкладка Fields настроек компонента Creative Contact Form 

Щелчок по заголовку выбранного поля открывает его окно редактирования, содержащее поля «Название», «Форма», «Тип поля», «Обязательно для заполнения», «Состояние» и «Ширина».

Форма редактирования полей формы обратной связи Creative Contact Form 

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

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

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

 Вид формы обратной связи Creative Contact Form

 


3. aiContactSafe

Сайт разработчика: http://www.algisinfo.com/en/download/category/1-free-extensions.html

Расширение полностью совместимо с Joomla 2.5.

С помощью расширения «aiContactSafe» можно разместить форму обратной связи в любом месте веб-страницы, причем форма может содержать любое количество полей разных типов, в том числе поддерживается загрузка вложений. Кроме того, в состав компонента входят модуль отображения формы обратной связи в любой позиции шаблона (mod_aiContactSafe), плагин, предназначенный для размещения формы обратной связи в статье (plg_aiContactSafeForm) и плагин для размещения в статье ссылки на форму обратной связи(plg_aiContactSafeLink).

Для загрузки расширения необходима регистрация на сайте разработчика. Расширение устанавливается через «Менеджер расширений», не вызывая особых сложностей.

После установки компонент можно найти в списке  пункта меню «Компоненты» под заголовком «Форма обратной связи». При наведении курсора мыши на этот заголовок выпадает меню с пунктами «Сообщения», «Вложения», «Профайлы», «Поля», «Statuses», «Панель управления» и «О программе».


Пункт меню «Сообщения» содержит все сообщения, созданные пользователями сайта с помощью формы обратной связи. Каждое из сообщений имеет параметры «Название», «Email», «Тема», «Послано отправителю», «ip-адрес отправителя», «Профайл», «Статус», «Отправлено», «ID» и «Дата добавления», что позволяет легко создавать ответы и отслеживать сообщения.

Пункт меню «Профайлы» позволяет выбрать и настроить одну из существующих форм, либо создать  новую. Здесь же производится настройка капчи, почтового ящика, на который можно дублировать сообщения,  текста сообщения благодарности и порядка отображения полей на форме. В пункте меню «Поля» требуется настроить поля формы, установив их название, метку на форме и в письме, выбрать необходимый тип. Набор типов полей включает в себя текстовую строку, галочку да/нет, выпадающий список, расширенное текстовое поле, список с галочками с возможностью множественного выбора, переключатель, дата, e-mail, список получателей e-mail, контакты Joomla, пользователи Joomla, вхождения из SOBI2, скрытое поле, разделитель, файл, количество и скрытый e-mail.

В пункте меню «Статусы сообщения» возможно создание статусов с параметрами «Имя статуса», «Цвет» и «Порядок». По умолчанию присутствуют статусы «Новое», «Прочитано», «Отвечено» и «Архив».

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

В работе расширение выглядит следующим образом:

Форма обратной связи aiContactSafe 

Особенностями компонента «aiContactSafe» являются капча с возможностью задания кодовых или случайных слов для каждого языка и легкой интеграцией в дизайн сайта с помощью настроек цвета символов и фона; большое число типов полей; возможность создания множества форм без ограничений на количество полей; поддержка множества языков; использование визуального текстового редактора; возможность блокировки пользователей по IP; отказ передачи сообщений с заданными ключевыми словами; передача вложенных файлов как с использованием AJAX, так и без него.

Среди минусов расширения стоит отметить его совместимость лишь с Joomla 2.5 и отсутствие возможности выбора и изменения дизайна формы.

4.      FlexiContact 

Сайт разработчика: http://www.lesarbresdesign.info/extensions/flexicontact

Расширение полностью совместимо с Joomla 1.5/1.6/1.7/2.5/3.x.

FlexiContact — простая, но гибкая форма обратной связи для сайтов на CMS Joomla.

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

 Панель настройки формы обратной связи FlexiContact

В «Общих настройках» можно включить ведение логов, автозаполнение; при необходимости ввести текст соглашения или ссылку на него. Удачно реализована настройка вида сообщения, отсылаемых как Администратору, так и Пользователю – визуальный редактор в сочетании с таблицей переменных позволит настроить подходящий вид сообщения быстро, без ошибок и практически не задумываясь.

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

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

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

www.jtemplate.ru

Вступление

Компонент «Контакты» мало освещаем в документации. Мало того, создается впечатление, что он нужен для вывода на сайт контактных данных владельца, администраторов, авторов сайта и т.д. На самом деле у компонента «Контакты» много задач. Как по мне, основное назначение компонента «Контакты», это создании формы обратной связи с клиентом, пользователем, покупателем. Сразу отмечу, что создать их можно несколько.

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

Этапы создания формы обратной связи Joomla

Контакты Joomla это компонент системы. Общие (глобальные) настройки контактов делаем на вкладке: Общие настройки>>>Контакты. Управление контактами находится на вкладке Компоненты>>>Контакты.

Чтобы создать и разместить форму обратной связи на сайте Joomla пройдем следующие этапы:

  • Создадим категорию контактов;
  • Создадим контакт;
  • Создадим пункт меню типа «Контакт»;
  • Посмотрим результат;
  • Исправим, что не нравится.

Создать категорию контактов

Напомню, компонент контакты может иметь древовидную структуру материалов, по типу родительская категория – дочерняя подкатегория. При этом, при создании сами контакты могут помещаться, только в конкретную категорию, но потом могут копироваться или перемещаться в другие категории контактов. Делается это на кнопке «Пакетная обработка» в списке контактов.

Вернемся к созданию категории контактов. Если вы при установке Joomla забыли убрать «установку демо данных», то у вас на сайте уже могут быть созданы категории контактов и есть установленные контакты. Удалите их, оставив только категорию «Uncategorised», она системная.

На вкладке Контакты (верхнее меню)>>>Категории, жмем кнопку «Создать»;

obratnaja svjaz joomla screen1

В открывшейся вкладке создаем категорию с произвольным именем. Выберем имя категории по логике задачи. Для примера создам категорию для контактов «Отзыв», алиас «otzyv». Можно назвать её «Связаться», «Контакт» и т.п.

obratnaja svjaz joomla screen2

Я не понимаю, зачем контакты и формы контактов индексировать, поэтому на вкладке Публикация>> Мета-тег Robots, закрываю категорию от поисковиков, ставя параметры noindex, nofollow. Вы можете это не делать.

obratnaja svjaz joomla screen3

Создать контакт

Теперь в созданной категории нужно создать контакт. Это контакт будет формой обратной связи, которую мы покажем на сайте. Поэтому заполнять его будем по-особенному.

obratnaja svjaz joomla screen4

Вкладка «Создать контакт»

obratnaja svjaz joomla screen5

Заполняем свои контактные данные. Все, которые хотим сообщить пользователям (клиентам). Например: адрес, телефон, факс, город и т.д. Эти контактные данные можно скрывать настройками в пункте меню.

Можно связать данный контакт с любым пользователем, существующим на сайте. Тогда основные данные, возьмутся от этого пользователя.       

Вкладка «Дополнительная информация»

Здесь пишем текст, который будет отображаться над или под (зависит от шаблона) формой контакты-обратная связь. Например, пишу «Здесь вы можете оставить отзыв о работе нашего сайта».

Вкладка «Настройка отображения»

Здесь нам нужно либо оставить глобальные настройки, которые стоят на вкладке Общие настройки>>Контакты, либо что-то изменить именно для этого контакта.

Важная настройка, для внешнего вида показываемого контакта, это параметр «Контактная информация». Он стоит на значении «По умолчанию». Раскроем его, установив значение «Показать». Для примера я заполню этот параметр так.

obratnaja svjaz joomla screen6

Вкладка «Настройка отображения контактов»

obratnaja svjaz joomla screen7

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

Обращу внимание, что на вкладке «Создать контакт» мы не привязали контакт к конкретному пользователю (администратору). 

Вкладка «Параметры публикации»

Я закрываю от индексации форму обратной связи и ставлю в параметре «Мета-тег Robots» параметр «noindex, nofollow».

Всё. Контакт с формой обратной связи создан, остается поместить его в меню сайта, чтобы показать на фронтэнд сайта.

Добавляем контакт в меню сайта

Для этого, идем в любое созданное меню и добавляем новый пункт меню.

  • Выбираем тип пункта меню Контакт–Контакт.
  • Из контактов выбираем созданный ранее контакт «Отзыв».
  • Остальные поля заполняем по желанию, обязательно заполняем только заголовок.
  • Рекомендую открывать отзывы в новой вкладке.
  • Интересно: Используя параметр «Стиль шаблона» и установив заранее одностраничный или отличный от основного, шаблон, можно изменить форму обратной связи.
  • На вкладке «Метаданные» закрываю контакт от поисковиков и ставлю «noindex, nofollow».
  • Сохраняюсь и смотрю результат.

Результат и исправления

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

obratnaja svjaz joomla screen9

Как видим маловато информации о сайте и администраторе в элоке Контакты. Хотя мы их заполняли.

Возвращаемся в пункт меню «Отзыв». На вкладке «Параметры отображения контактов», ранее я оставил по умолчанию. Так как по умолчанию все параметры были скрыты, то в форме они не показались. Исправляю и ставлю в строке «Контактная информация» параметр  показать. Далее выставляю, что хочу показать в контактной информации. Сохраняюсь.

Чищу кэш и смотрю новую форму контактов.

obratnaja svjaz joomla screen10

Опять мне кое-что не нравится, не вижу описания данного контакта, которое я хотел показать пользователю.

Возвращаюсь в сам контакт. Данное описание контакта это «Дополнительная информация». Её показ включаем на вкладке «Настройки отображения»—«Дополнительная информация»—Показать. Аналогично включаем показ дополнительной информации в пункте меню.

Заодно, поменяю формат отображения формы обратной связи. По умолчанию стоит обычная форма, есть возможность сделать выпадающий список. Полезно если много полей. Для этого в пункте меню «Отзыв», на вкладке «Параметры отображения контактов», в параметре «Формат отображения», ставлю «Сворачивающиеся списки».

obratnaja svjaz joomla screen11      

Смотрим результат. Форма связи с виде сворачивающихся списков.

obratnaja svjaz joomla screen12

Капча на форме обратной связи

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

Саму капчу нужно настроить в менеджере плагинов, плагин «CAPTCHA — reCAPTCHA». reCAPTCHA версия 2.0 на сайте Joomla статья как это сделать.

Проверьте включение капчи общих настройках «Контакты» вкладка «Форма». Там же, если открываете формы для поисковиков, на вкладке «Интеграция» включите новый параметр URL Routing, очищающий URL от цифровых меток (Experimental-Да). Об этом урок 26

Итоги

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

Полная форма обратной связи состоит из трех блоков:

  • Контакт (кому будет отослан текст). Определяющая настройка в пункте меню;
  • Форма обратной связи (кто и что хочет написать). Определяющая настройка формы в Общие настройки>>Контакты;
  • Дополнительная информация (просто информация о связи). Включается в форму в настройке пункта меню, пишется информация при создании контакта в редакторе.

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

Примечание: Для этого сайта в форме обратной связи я убрал всё лишнее, и упростил её до простейшей.

Форма обратной связи Joomla

Кстати, вот в каком виде приходит письмо от пользователя.

Roundcube Webmail

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

©Joomla-abc.ru

joomla-abc.ru

Форма обратной связи Joomla.

Прежде всего скачаем Perfect Ajax popup contact form и установим его через менеджер расширений в Джумле. На данный момент я использую версию 3.2.20, и она меня устраивает более чем полностью. Теперь я предлагаю вам пройти несколько шагов, в ходе которых мы сделаем простенькую кнопку и привяжем к ней всплывающую форму обратной связи Perfect Ajax.
Перейдем в менеджер модулей админпанели Joomla 3. Здесь нам нужно найти свежеустановленный модуль и открыть его настройки:

Всплывающая форма обратной связи для Joomla 3

Сразу скажу, Perfect Ajax можно настроить и для статического (невсплывающего) отображения, однако это тема отдельной статьи. Ну а мы в первую очередь выставляем параметр Lightbox Window в первой вкладке, которая именуется Модуль:

Форма обратной связи Joomla

(Кликните по картинке для увеличения)

Также в этой вкладке скрываем заголовок модуля, если он есть, включаем публикацию и выставляем позицию модуля. В принципе, можно выбрать любую позицию, так как окошко формы будет всплывать «из ниоткуда», я обычно выставляю позицию debug, она встречается практически во всех шаблонах Джумлы.
Во вкладке Привязка к пунктам меню выбираем На всех страницах. Далее переходим в следующую важную вкладку Theme. Именно здесь задается внешний вид нашей формы обратной связи Joomla.
В этой вкладке очень много настроек, в которых легко заблудиться, поэтому я расскажу вам о нескольких основных. В самом верху выбирается цветовая тема. Давайте сделаем стиль кнопок и полей (Buttons and fields style) синим, а цвет фона (Background style) — белым:

Форма обратной связи

(Кликните по картинке для увеличения)

Прокручиваем вниз. Тут есть пара важных настроек, таких как Ширина формы (Form width), Позиция названий полей (Labels position), Шрифт (Font size, Font family). Названия полей я обычно ставлю над полями (Above field), всё остальное — ситуативно:

всплывающая форма обратной связи

(Кликните по картинке для увеличения)

В самом низу можно указать визуальный эффект всплывания и его длительность, например Square, 400 ms. Не забываем вписать Подпись кнопки отправки (Send button label), иначе она останется на инглише:

Perfect Ajax popup contact form

(Кликните по картинке для увеличения)

webplustudio.ru

Зачем нужна форма обратной связи

Форма обратной связи является тем связующим элементом сайта, благодаря которому пользователи и владелец веб-проекта могут поддерживать между собой связь. Именно в форме обратной связи указывается особенно важная информация (мобильный номер, e-mail), позволяющая пользователю отправить владельцу свои предложения и пожелания либо заказать товар.

Форма обратной связи Joomla представляет собой пустые поля, необходимые для ввода посетителем конкретных данных (его имя, адрес электронной почты, тема письма), после заполнения необходимо активировать отправку, нажав специальную кнопку «Отправить».

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

Какую информацию желательно оставить владельцу сайта?

— Мобильный номер (коммерческие веб-проекты, интернет-магазины).

— Адрес (коммерческие веб-проекты, интернет-магазины).

— График работы, способ доставки и возможные способы оплаты (коммерческие веб-проекты, интернет-магазины).

— E-mail, Skype и т.п. (блоги, сайты-визитки, одностраничники, коммерческие веб-проекты, интернет-магазины).

Joomla контакты

Для создания контактов необходимо авторизироваться в админке Joomla, после чего кликнуть в верхнем горизонтальном меню вкладку Компоненты/Контакты.

вкладка компоненты контакты

Далее нажимаем зеленую кнопку «Создать».

кнопка создать

После этих действий перед вами откроется аналогичная приведенной внизу страница, только с незаполненными полями. «Редактировать контакт» — одна из трех вкладок, в которой нужно выполнить кое-какие настройки.

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

— Алиас – поле заполняющееся автоматически, т.е оставляем пустым.

— Связанный пользователь – это имя, которое будет отображаться при комментировании. Можно указать свой псевдоним или оставить имя присвоенное системой по умолчанию «Super Users».

— Изображение – предусматривается возможность выбора изображения, которое будет привязано к сему контакту.

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

— E-mail – отвечает за отображение электронного адреса контактного лица.

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

В правой области экрана (сайдбар) необходимо выбрать Состояние/Опубликовано, Категория/Uncategorised, Избранные/Нет.

редактировать контакт

«Дополнительная информация» — вкладка с текстовым редактором, в котором рекомендуется прописать краткое приветствие.

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

 «Настройка отображения контента» — отвечает за отображение формы обратной связи.

— Показывать форму обратной связи – «Показать».

— Отправлять копию отправителю письма – в зависимости от вашего выбора позволяет скрыть или показать отправителю копию его же письма.

Создание пункта меню Joomla для вывода контактов и формы обратной связи

На следующем этапе следует отправиться во вкладку Меню/Main Menu/Создать пункт меню.

На открывшейся странице меню присваиваем заголовок. Так и пишем «Контакты».

— Тип пункта меню – нажимаем синюю кнопку «Выбрать», после чего на открывшейся странице выбираем Контакты/Контакт.

выбор типа пункта меню

— Выбор контакта – здесь-то нам и нужно привязать до этого созданный контакт к пункту меню. Нажимаем «Выбрать» и кликаем по соответственному контакту.

— Ссылка – это поле заполнится автоматически после выбора контакта.

менеджер меню

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

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

stimylrosta.com.ua

simple2Form2: конструктор для создания форм для Joomla

simple2Form позволяет создавать любые формы заказа для сайта Joomla (например, «форма обратной связи», «форма контактов» и др.). Модуль работает благодаря технологии AJAX, что говорит о возможности отправки сообщений без необходимости перезагрузки страницы; он устроен таким образом, что даже если будет отключен JavaScript, то модуль будет продолжать исправно работать.

Конструктор выстраивает формы заказа при помощи мета-языка, что немного напоминает построение на языке HTML. К слову, в код формы есть возможность вписывать HTML, CSS, JavaScript коды, что открывает перед администраторами практически безграничные возможности. Если язык HTML вам незнаком, то тогда лучше воспользоваться первой редакцией модуля simpleForm.

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

  • form – тэг самой формы заказа;
  • element – тэг элемента формы заказа;
  • option – тэг одного из вариантов тэга element.

Элемент «form» может быть как открывающим, так и закрывающим (например, {form} и {/form}), но заметим, что этот элемент не является обязательным, ведь его необходимо использовать лишь тогда, когда у вас появляется необходимость в выносе кода за пределы формы (к примеру, для отображения во всплывающем окне наряду с использованием JavaScript библиотеки).

У всех элементов, за исключением «form», есть свой набор атрибутов. Конструктор доступен по ссылке: http://allforjoomla.ru/sf2-generator

simple2Form2

Contactus: конструктор форм для Joomla 2.5 – 3.5

Contactus является русскоязычной формой обратной связи для сайтов, которые работают на Joomla 2.5-3.5.

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

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

Достоинства конструктора форм заказа для Joomla:

  • форма обратной связи была сделана таким образом, что она выглядит привлекательно на любом устройстве и в любом обозревателе;
  • большинство подобных форм содержат в себе скрытые ссылки, которые, как правило, негативно отражаются на продвижении вашего сайта (конструктор Contactus не имеет скрытых ссылок, поэтому проблем с формой не будет возникать никаких);
  • Контактус просто установить и настроить: от вас потребуется выбрать поля/формы для отображения и цветовое оформление.

Contactus доступен в двух комплектациях – базовая и полная. Собственно, базовая комплектация распространяется бесплатно, но позволяет только производить настройку полей формы, отправлять сообщения на почту, прописывать копирайт; полная версия стоит 290 рублей, но дополнительно предлагает защиту от спама, добавление файлов, выбор цветового оформления, создание нескольких форм заказа на одном сайте, создание всплывающей формы заказа.

Скачать форму бесплатно или приобрести ее можно на оф. сайте разработчика: http://joomly.ru/forma-obratnoj-svyazi

Perfect AJAX popup Contact Form: продвинутая форма обратной связи для Joomla

Можно пробовать создать свои формы, путем установки бесплатных плагинов и модулей, но получить то, что было необходимо, может и не выйти. Если функционала бесплатных вариантов вам недостаточно, то обратите взор на платный модуль Perfect AJAX Popup Contact Form. Приобрести плагин можно по URL: http://www.perfect-web.co/joomla/ajax-contact-form-popup-module (там же можно просмотреть демо).

Если необходимо поставить модуль на один сайт, то он обойдется всего в 9.99 евро + 30 дней на скачивание и техподдержку; если необходимо убрать обновления, то заплатив 29.99 евро вы получите возможность ставить модуль на неограниченное количество сайтов + 1 год технической поддержки и установку обновлений.

Достоинства Perfect AJAX Popup Contact Form:

  • можно создавать форму обратного звонка или форму контактов;
  • создание форм с заявкой на продукт или услугу;
  • техническая поддержка в виде тикетов;
  • форма с голосованием и анкетами;
  • гибкость в настройке;
  • работа модуля происходит только в рамках вашего сервера (нет никаких внешних скриптов);
  • модуль прекрасно работает и на мобильных устройствах;
  • возможность отправки файлов через форму;
  • нет вшитых ссылок на разработчика.

Модуль ставится как и все другие. Настройки разбирать полностью не станем, но рассмотрим основные пункты: theme – настройка темы; toggle tab – вид кнопки, благодаря которой происходит раскрытие формы; fields – добавление полей (текст, чек-бокс, списки, дата и пр.); upload – пределы на размер файлов; e-mail – настройка почты; events – события, при которых будет происходить автооткрытие формы.
https://www.youtube.com/watch?v=jhKXbdBy9qc

joomlalib.ru

Форма обратной связи joomla 3

Меня заинтересовало это предложение и немного поразмыслив, я приступил к работе. На самом деле, расширить таким образом компонент Joomla com_contact несложно. Правда есть один «нехороший» момент: если внести изменения в файлы компонента, то обновлять его больше будет невозможно, потому что при обновлении все ваши изменения будут потеряны.

Можно попытаться клонировать компонент. Но так как он встроен в систему, сделать это тоже не так просто — в нем много различных зависимостей, поэтому работающая копия компонента com_contact у меня не получилась. В итоге решение получилось совсем не идеальным, но работающим :).

Уже по завершении работы я «наткнулся» на одну статью на сайте с документацией для Joomla. В ней говориться о том, что для расширения формы обратной связи (и других системных компонентов) нужно создавать плагин. Таким образом вы не изменяете файлы в системном компоненте и не теряете возможность обновлять CMS.

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

Сейчас я опишу весь процесс изменения компонента обратной связи, который я проводил для добавления в форму поля типа “file”.

Итак, сначала вносим небольшие изменения в административной части сайта:

► Изменяем языковые файлы.

/administrator/language/ru-RU/ru-RU.com_contact.ini 
Добавляем следующие строки:


В файл /administrator/language/en-EN/en-EN.com_contact.ini добавляем те же строки, только с их значением будут фразы на английском языке. Таким образом обеспечиваем многоязычность.

► Редактируем файлы: /administrator/components/com_contact/config.xml (секция fieldset name=»Contact_Form») и /administrator/components/com_contact/models/form/contact.xml (секция fieldset name=»email») добавляем в оба файла следующий код:

XML


В результате этих двух действий в административной части сайта на странице компонента Joomla com_contact, появится возможность включать и выключать показ поля для добавления файлов в форме обратной связи.

Напомню читателю, что при изменении параметров контакта в админке, они сохраняются в БД: таблица __contact_details, поле params.

Теперь переходим к изменению файлов компонента в публичной части сайта.

► Теперь в шаблоне компонента com_contact станет доступно значение добавленного параметра allow_images_attach. Перед внесением изменений в код шаблона, его следует скопировать в папку шаблона сайта: /templates/имя_шаблона/html/com_contact/contact/default_form.php

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

PHP


Если ошибок нет, то странице компонента в публичной части сайта выведется цифра «1».

► Далее добавляем описание поля для прикрепления файла (изображения) в xml-файл с описанием полей формы в модели (/components/com_contact/models/forms/contact.xml).

XML


► В языковые файлы нужно добавить подпись (label) и описание (description) для нового поля (/language/ru-RU/ru-RU.com_contact.ini):


В файл /language/en-EN/en-EN.com_contact.ini добавляем те же строки, только с английским текстом в качестве значения.

► Добавляем в шаблон формы (/templates/имя_шаблона/html/com_contact/contact/default_form.php) следующий код:

PHP


После добавления этого кода на странице с компонентом обратной связи появляется поле для добавления файла.

Чтобы форма отрабатывала правильно, необходимо добавить в тег <form> следующее выражение:

PHP


Кроме того, добавим скрытое поле, в котором будет хранится максимальный размер прикрепляемого файла:

PHP


► Теперь можно подумать о валидации добавленного поля. Для начала в блок с описанием поля в файле /components/com_contact/models/forms/contact.xml добавим элемент validate.

XML


Затем нужно создать файлы с кодом (правилами) для проведения валидации. Файл будет называться contactemailattachment.php и располагаться в папке /components/com_contact/models/rules/.

Изначально в системе нет валидации поля формы для прикрепления файлов, поэтому необходимо добавить еще один файл в /libraries/joomla/form/rule/. Назовем его attachment.php

В этом файле создадим класс JFormRuleAttachment, от которого будет наследоваться класс JFormRuleContactEmailAttachment, расположенный в файле /components/com_contact/models/rules/contactemailattachment.php

PHP


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

PHP


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

► После валидации можно переходить непосредственно к отправке сообщения. Для этого добавим необходимый код в метод ContactControllerContact::_sendEmail в контроллере компонента (файл — /components/com_contact/controllers/contact.php).

PHP


Код, который был добавлен мной, я разместил между комментариев (/*attach files*/).

Ну вот, собственно, и все изменения.

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

mattweb.ru

Возможности модуля обратной связи

  • Совместимость Joomla 3.
  • Оповещение через вашего бота в мессенджер Телеграмм.
  • Сallback вызов через сервис Pozvonim.
  • Оповещения в браузере через сервис PushAll.
  • Сбор данных об обращениях в Slack.
  • Сбор данных об обращениях в Trello.
  • Создание лида в Битрикс24.
  • Мегаплан создание Задачи и Клиентов.
  • amoCRM добавление лидов, задач, контактов, заметок.
  • Сбор данных в Mattermost.
  • Интеграция с компонентом рассылок Acymailing.
  • Отправка смс оповещений через сервис sms.ru.
  • Режим отзывов или обсуждений во Вконтакте.
  • Возможность упоминать пользователя Вконтакте в сообщениях.
  • Отправка сообщений на емеил.
  • Вы можете запрашивать данные у пользователя: Имя, телефон, емеил, сообщение, файл, город.
  • Указывать, какие поля обязательные.
  • Оставлять рейтинг.
  • Есть функция согласия на обработку данных.
  • Настройка целей Google Analytics / Yandex Metrika — reachgoal по OnClick submit.
  • Редирект после успешного заполнения формы.
  • Возможность указать свои CSS стили.
  • Поддержка Bootstrap 4.

Как использовать модуль обратной связи?

Методы использования этого модуля почти безграничны мы лишь приведем самые распространенные и часто используемые.

  1. Телеграмм — очень популярных мессенджер. Вы добавляете бота себе или в группу ваших менеджеров по продажам, как только приходит обратная связь бот сообщает в группу или индивидуально, что пришел такой то заказ надо совершить звонок или связаться.
  2. Как система сбора отзывов от клиентов. Вам необходимо собирать отзывы от клиентов? Наш модуль поможет вам это сделать, а за одно продвинет вашу группу Вконтакте. Настройте постиг отзывов на стену от лица группы, а на сайт выведите виджет группы Вконтакте. Вы сразу получаете несколько преимуществ: наполнение сообщениями группы, ваши подписчики видят новые сообщения, а на сайте вы получаете гостевую книгу основанную на реальных отзывах из Вконтакте.
  3. Slack или Trello. По сути в каждой системе может быть создана задача, которую вы можете контролировать и выставлять соответствующие статусы.

joomline.ru


You May Also Like

About the Author: admind

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.