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

Форма обратной связи Joomla 2.5, 3 через модуль

Для связи с владельцем сайта или менеджерами проекта нужна форма обратной связи, которая представлена в Joomla 2.5 и 3.0 в виде дополнительного расширения, которое называется «компонент» или «модуль». Установка расширения занимает мало времени, но чтобы форма обратной связи была рабочей её нужно настроить. В этом материале мы рассмотрим самые популярные расширения, которые реализуют функции отправки сообщения, то есть модули и плагины формы обратной связи.

Вместо предисловия. Друзья, среди огромного количества возможных расширений в репозитории Joomla можно выбрать несколько штук, которые действительно будут выполнять свои задачи на 100%. Сейчас трудно найти модуль или плагин, установив который, форма обратной связи будет корректно отображаться без доработок шаблона. Мы постарались собрать здесь 5 наиболее лёгких в освоении и удобных в работе расширения, которые можно скачать с официального сайта производителя.

ALF Contact для Joomla 2.5 / 3.4 (компонент).

http://www.alfsoft.com/joomla/alfcontact

ALF Contact – прекрасный компонент для Joomla, программное обеспечение студии ALF, который гибко настраивается и порой может показаться сложным. Да, именно «сложным», но это и привлекает. Форма обратной связи ALF Contact для Joomla 2.5 и 3.4 имеет огромное количество настроек. Можно ставить уровни допуска с индивидуальным набором опций, например для продаж, или выставления счетов могут быть установлены разные префиксы и дополнительные поля, которые могут быть отключены для показа неавторизованным пользователям. Среди всего прочего, в компоненте предусмотрена защита от спама – на выбор ReCaptcha или Captchas.

Настройка ALF CONTACT:

 1)    Чтобы форма обратной связи правильно работала её нужно настроить. Скачав архив с компонентом установите его через «Менеджер расширений» Joomla. После удачного завершения этого процесса, расширение отобразится в списке установленных компонентов.

 2)    Создаем пункт меню (на примере Joomla 3.x) с ALF Contact – это будет новая форма обратной связи на веб-сайте. Выполняем следующие операции: в административной панели выбираете «Меню > Создать новый пункт», в сплывающем окне выбираем «Тип меню» — «ALF Contact» и подпункт «Contact Form» (англ.: отображение контактной формы).

3)    Третий шаг – настройка пользователей, которым будут приходить сообщения, отправленные через форму обратной связи. Настраиваем контакты, на странице расширения «Компонент» — «ALF Contact».

4)    Перед глазами будет изображение всех контактов, которые были предустановленны в качестве «демо» данных». Всё  что требуется сделать – редактировать имеющихся пользователей или создать нового, где нужно будет указать: имя, email, дополнительные поля формы и т.п.

5)    Среди настроек компонента также доступны: установка капчи (reCaptcha или Captchas), кнопки обновления формы, формат письма (простой текст или форматированный E-mail), возможность отправки копии на почтовый ящик отправителя.

6)    Что можно сделать, чтобы форма обратной связи ALF Contact работала на максимум возможностей? Опции расширения позволяют ограничить длину сообщения; если пользователь зарегистрирован на сайте, автоматически заполняются поля имени, фамилии и др.; как говорилось ранее можно поставить одну из двух капч на выбор (для использования нужна регистрация на сервисах captha).

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

 

7)    Вид формы обратной связи на сайте Joomla:

Сreative Contact Form

http://creative-solutions.net/joomla/creative-contact-form

Более 65,800+ пользователей установили Creative Contact Form на свои сайты под управлением CMS Joomla 2.5 и 3.x! Это достаточно мощная форма обратной связи, которая обладает красивыми визуальными эффектами и огромным количеством разнообразных полезных функций. Всего за несколько минут после установки вы сможете создать удивительную, простую и удобную форму обратной связи, которая будет отвечать всем критериям веб-сайтов современного уровня.

Форма обратной связи CreativeContact для Joomla может быть выбрана из предустановленных вариантов:

1)    Базовая контактная форма

2)    Форма обратной связи с простой Captcha

3)    Форма обратной связи с простой reCaptcha (нужна регистрация домена в сервисе, это бесплатно)

4)    Контактная форма с картой Google

5)    Контактная форма с информацией «О нас»

6)    Мини форма обратной связи

7)    Форма с вложением файлов

8)    Контактная форма с календарем

9)    Форма обратной связи с указанием события (афиша)

10) Простая заявка

11) Онлайн-бронирование гостиницы

12) Форма бронирования номера

13) Оценочная форма с отправкой на адрес получателя

14) Комплексная форма обратной связи

15) Контактная форма для подачи заявок по работе

16) Все элементы на демо-версии.

Кроме всего вышеперечисленного в Creative Contact Form предустановленно более 22 стилей оформления, которые подлежат корректировкам. Итого 16 шаблонов и 22 готовых дизайна!

Бесплатная версия позволяет создать форму обратной связи в базовом виде. Скачайте и установите Creative Contact Form через «Менеджер расширений», в CMS Joomla третьего поколения можно установить расширение в автоматическом режиме через вкладку «Установить из каталога JED». JED – это Joomla Extension Directory (репозиторий расширений Joomla).

После успешной установки в разделе «Компоненты Joomla» — «Creative Contact Form» будет видно три иконки: Формы, Поля и Шаблоны.

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

Здесь форме можно присвоить имя, заголовок, различные тексты уведомлений, а также указать в процентном соотношении ширину окна. После изменения настроек можно предварительно посмотреть, что же получилось – для этого нажмите «See Templates Demo».

На вкладке Поля (fields) можно настроить следующие параметры (имя, email, страна, вспомогательные вопросы):

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

Чтобы форма обратной связи в Joomla отобразилась, нужно создать пункт меню с указанием типа «Creative Contact Form» или вывести ее с помощью shortcode (код формы) на произвольную страницу сайта.

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

 

AiContactSafe

http://www.algisinfo.com/en/download/category/1-free-extensions.html

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

В этом расширении несколько возможностей, за которые отвечают модули и плагины:

1)    Модуль mod_aiContactSafe – вывод формы обратной связи в модульной позиции.

2)    Плагин plg_aiContactSafeForm – вывод формы обратной связи в материале сайта на Joomla.

3)    Плагин plg_aiContactSafeLink – вставляет ссылку в статье на форму обратной связи.

Как установить? – Зарегистрируйтесь на сайте разработчика, скачайте архив и установите стандартным способом через «Менеджер расширений» Joomla.

После установки расширение будет отображено в списке компонентов под названием «Форма обратной связи». Если навести курсор манипулятора на этот пункт, появятся подпункты:

1)    Сообщения – здесь хранятся все сообщения, которые были отправлены через форму обратной связи. У каждого сообщения много параметров: имя отправителя, email, тема, ip-адрес, ID, дата отправления и добавления. Все структурировано и удобно в работе.

2)    Вложения – здесь хранятся все отправленные файлы через контактную форму.

3)    Профайлы – это настройка формы обратной связи Joomla. Огромное количество опций, которые при необходимости можно изменить. Тут есть настройка от спама, дублирование сообщений на email и многое другое.

4)    Поля – это поля формы. Можно создавать и редактировать имеющиеся. Содержат типы и метки, можно сделать простое текстовое поле, обязательное к заполнению или выпадающее списком для выбора.

5)    Статусы сообщения (Statuses). Различные параметры сообщений, которые по-умолчанию различаются как «новые», «прочитанные», «с ответом», и «архивные».

6)    Панель управления – здесь глобальные настройки. Защита от спама, параметры формы обратной связи, список стоп-слов, запрет IP-адресов и многое другое.

7)    О программе – тут все просто. Информация о версии программного обеспечения, лицензионных условиях и разработчике.

Форма обратной связи AiContactSage для Joomla:

Почему эта форма обратной связи так популярна, спросите вы? Благодаря своим «заводским» параметрам безопасности, пожалуй, это единственная контактная форма такого типа. Здесь собственная капча, которая задает случайные слова для каждого языка или различные задания (математика), которые настраиваются с большим количеством полей. Этот антиспам просто непробиваемый. К сожалению, данная форма поддерживается лишь системой Joomla 2.5.

FlexiContact

http://www.lesarbresdesign.info/extensions/flexicontact

Форма обратной связи для сайтов на Joomla под названием FlexiContact очень популярна среди огромного комьюнити по всему миру. Данная контактная форма проста в настройке и предлагает множество готовых, предустановленных вариантов. Есть две версии – коммерческая  и бесплатная. Для сайта вполне достаточно бесплатной, но если требуются более «узкие» функции рекомендуем приобрести профессиональную версию. Расширение устанавливается на Joomla 2.5 и 3.x, последняя актуальная версия на момент написания данного материала — Version 8.07.02.

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

Настройки FlexiContact

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

2)    Сообщение для администратора. Визуальный редактор в этом и следующем пункте помогает быстро разобраться с сообщениями.

3)    Сообщение для пользователя.

4)    Поля формы – настраиваются поля, особенности и типы.

Разница между платной и бесплатной версией:
В бесплатной версии FlexiContact нельзя выделять обязательные (*required) и отсутствует возможность добавить вложение к сообщению.

Общий вид формы обратной связи FlexiContact:

Simple Email Form

http://joomla.unlikelysource.org/

Это просто замечательная форма, которая хоть и идёт последней в списке лучших форм этого материала, но это не значит, что она хуже тех, что выше. Напротив, данная форма поддерживается Joomla 1.5/2.5/3.x – то есть устанавливается абсолютно на все ветки джумла, даже на 1.5 версию, которая уже долгое время не поддерживается.

Форма обратной связи «Simple Email Form» — это простое и защищенное от спама расширение, которое подходит для любого веб-проекта. Расширение включает языковую поддержку 26 языков. Для работы с этим модулем, перейдите по ссылке и скачайте архив. Установите модуль обратной связи через «Менеджер расширений» Joomla, а после установки установите его статус с неактивного на активный, все это делается «Менеджере модулей».

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

Как включить отображение модуля на странице материала Joomla?
— В настройках модуля нужно выбрать вариант отображения формы, делается это на вкладке «Привязка к пунктам меню» (в Joomla 3). Можно выбрать отображение ни на одной странице, на всех страницах, только на указанных (этот вариант, если вывод планируется на 1 странице, например «Контакты»), и на всех страницах кроме указанных. Вкладка модуля «Дополнительные параметры» позволяет изменить настройки кеширования, безопасности (капча) и автоматическое дублирование отправленного сообщения адресату.

Общий вид формы Simple Email Form

Вывод:

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

Для корпоративных, бизнес сайтов, которые не стремятся за внешним видом, хорошим вариантом будет «ALF Contact». Дизайн этого компонента универсальный и подходит для различных проектов, не обязательно корпоративное направление.

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

Расширения «AiContactSafe», «FlexiContact» и «Simple Email Form» приблизительно равны по функционалу, даже в базовой версии есть возможность прикреплять файлы и настраивать капчу.  Среди них можно выделить «Simple Email Form», форму, которая легка в настройке и удобна в использовании.

Компонент «AiContactSafe» практически идеальный, единственным недостатком можно назвать ограниченную совместимость, которая доступна лишь для сайтов на Joomla версии 2.5.

Обратите внимание на «Creative Contact Form» и «Simple Email Form» — эти два расширения вне конкуренции и заслуживают внимания.

joomlatpl.ru

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

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.
• Оповещение через вашего бота в мессенджер Телеграмм.
• С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

Создание формы обратной средствами Joomla. Компонент «Контакты».

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

В Joomla есть стандартный компонент с названием «Контакты». Легко понять, что он позволяет показать на сайте список контактов владельцев сайта, менеджеров и.т.д. Вы скажете: «Ну и зачем разбираться с целым компонентом, если можно просто создать статью, указав в ней необходимые контактные данные?». Во многом вы будете правы. Но, к сожалению, поступив именно так, вы никогда не узнаете, что компонент «Контакты» позволяет создать отдельную форму обратной связи для каждого контактного лица. Уже интереснее?

На сайте Wedal.ru вы можете увидеть пример такой формы:

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

Компонент «Контакты». Добавление контакта.

Переходим в «Компоненты» –> «Контакты» и добавляем новый контакт.

Появится следующая форма:

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

В поле «Дополнительная информация» можете указать какой-то текст, который требуется показать на странице контакта.

Во вкладке «Детали контакта» не заполняем ничего.

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

Во вкладке «Форма обратной связи» показываем форму:

Сохраняем.

Компонент «Контакты». Добавление пункта меню контакта.

После того, как контакт создан, необходимо показать его на сайте. Для этого создаем в меню пункт «Контакты» или «Обратная связь» и выбираем для него тип «Контакты» –> «Контакт»:

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

И сохраняем.

На этом все. Можно смотреть на нашу форму на сайте.

Важно! Обязательно проверьте работоспособность полученной формы обратной связи. Иногда, из-за неправильных настроек отправления писем, почта не отправляется. Это ошибка не формы контактов, а настроек Joomla по работе с почтой (смотрите общие настройки Joomla).

wedal.ru

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

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

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

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

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

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

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

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

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

Joomla контакты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

stimylrosta.com.ua

Вступление

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      

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

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

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

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

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

Итоги

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

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

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

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

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

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

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

©Joomla-abc.ru

joomla-abc.ru

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

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

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

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

Также в этой вкладке скрываем заголовок модуля, если он есть, включаем публикацию и выставляем позицию модуля. В принципе, можно выбрать любую позицию, так как окошко формы будет всплывать «из ниоткуда», я обычно выставляю позицию 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), иначе она останется на инглише:

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

webplustudio.ru

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

Стандартный функционал Joomla содержит встроенный компонент “Контакты”, благодаря которому можно организовать прием сообщений на сайте, но он не совсем удобен в использовании, да и ограничен функционально. Особенно если необходимо добавить дополнительные поля в форму обратной связи, что как Вы знаете не возможно в выше указанном расширении. Поэтому в данной статье, для формирования формы обратной связи, мы используем дополнительное расширение, под названием Flexi Contact.

Данное расширение, очень простое в работе и настройке, но в тоже время достаточно функциональное. Поэтому на странице описания данного расширения официального сайта Joomla, кликаем по ссылке “Download” и переходим на сайт разработчика.

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

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

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

Доступны следующие поля:

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

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

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

Следующий раздел настроек – “Сообщение для пользователя”, в котором Вы можете настроить шаблон сообщения, отправляемого в качестве копии пользователю, по аналогии с предыдущим разделом.

Следующий раздел – это страница настройки шаблона, подтверждения отправки сообщения. По сути это обычный текст, сообщающий о том, что сообщение отправлено.

Следующий раздел – “Поля формы” позволяет непосредственно настроить форму обратной связи данного расширения.

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

Разделы “Текст в верху” и “Текст в низу”, позволяют добавить дополнительный текст который будет отображаться над формой и под ней соответственно. На этом настойка компонента FlexiContact завершена.

Далее, используя менеджер меню, создадим страницу, для отображения будущей формы. Для этого в настройке “Тип меню” выбираем вид “Форма контакта”, компонента “FlexiContact”.

При этом на вкладке “Параметры” в поле “Email To” необходимо указать адрес электронной почты получателя сообщения пользователя.

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

Как Вы видите для CMS Joomla обратная связь, реализованная с помощью компонента FlexiContact успешно работает.

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

В данной статье хотел бы Вам предложить очень простой модуль под названием SP Quick Contact, который отлично справляется с задачей отправки сообщения по указанному адресу.

На странице описания, традиционно кликаем по ссылке “Download” и переходим на официальный сайт разработчика.

Далее, используем ссылку “Login to Download”, для перехода на страницу авторизации и последующего скачивания модуля (если у Вас нет учетной записи на данном сайте необходимо пройти регистрацию).

Далее устанавливаем модуль, используя менеджер расширений. После этого в менеджере модулей открываем новый модуль для настройки.

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

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

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

webformyself.com