Как создать форму обратной связи для Joomla. Joomla кнопка обратной связи
Всплывающая форма обратной связи Joomla 3.x.x
Представляю Вашему вниманию удобный и аккуратный модуль для Joomla. Он выполняет следующие функции:
- упрощает отправку письма на определённый E-mail с помощью кнопки обратной связи;
- выводит боковую панель с красивыми кнопками социальных сетей и стрелочками для прокрутки страницы.
Есть три варианта работы модуля:
- Вывод одной кнопки (после нажатия откроется форма обратной связи в виде всплывающего окна).
- Вывод одной панели с кнопками.
- Вывести боковую панель вместе с кнопкой.
Первый вариант позволяет выводить кнопку в любом удобном месте на сайте. В последнем варианте функция отправки сообщения будет встроена в боковую панель. Выглядит все следующим образом:
Форма отправки сообщения работает на технологии ajax. Это значит, что для отправки сообщения не требуется перезагрузка страницы. Также в ней присутствует несложная математическая капча, введенный код проверяется сразу же. Адрес, на который будут отправляться сообщения, указывается в модульных настройках.
Также, применяя первый вариант использования модуля обратной связи, в форму можно добавить кнопки соц. сетей. Для этого достаточно выбрать необходимый параметр в настройках.
Для того, чтобы отобразить кнопки социальных сетей, необходимо заполнить поля соответствующих кнопок нужными ссылками. Также, можно самостоятельно расширить список из кнопок: для этого надо добавить собственную иконку и заполнить пользовательское поле. Все это делается в панели управления модулем.
Прокрутка страниц. Эта функция позволяет плавно прокручивать страницу вверх или вниз при нажатии на соответствующую иконку в боковой панели. Включить или выключить эту опцию можно во все тех же настройках модуля, в пункте «Прокрутка страницы».
В целом это довольно приятный модуль, который может украсить сайт и добавить в него немного функционала.
Joomla форма обратной связи - создание и настройка
Доброго времени суток, друзья! Сегодня очередная статья, посвященная CMS Joomla, вернее не самому движку, а созданию контактов с формой обратной связи. Особенностью Joomla формы обратной связи является то, что все инструменты необходимые для ее создания находятся у вебмастера под рукой, и нет нужды в скачивании и установке дополнительных расширений. CMS оснащена встроенным компонентом «Контакты», а также плагином защищающим от спама «reCAPTCHA».
Условно реализацию поставленной затеи можно разделить на несколько этапов, а именно:
- Создание и настройка контакта.
- Организация вывода страницы, на которой будет находиться вся необходимая информация обратной связи.
- Включение, настраивание и добавление капчи.
Зачем нужна форма обратной связи
Форма обратной связи является тем связующим элементом сайта, благодаря которому пользователи и владелец веб-проекта могут поддерживать между собой связь. Именно в форме обратной связи указывается особенно важная информация (мобильный номер, e-mail), позволяющая пользователю отправить владельцу свои предложения и пожелания либо заказать товар.
Форма обратной связи Joomla представляет собой пустые поля, необходимые для ввода посетителем конкретных данных (его имя, адрес электронной почты, тема письма), после заполнения необходимо активировать отправку, нажав специальную кнопку «Отправить».
Для большего удобства посетителей, форму обратной связи рекомендуется размещать в видимом месте (чаще всего это шапка сайта). А так как мы организуем ее вывод с помощью созданного пункта меню, она будет отображаться на всех страницах в месте нахождения горизонтального меню.
Какую информацию желательно оставить владельцу сайта?
- Мобильный номер (коммерческие веб-проекты, интернет-магазины).
- Адрес (коммерческие веб-проекты, интернет-магазины).
- График работы, способ доставки и возможные способы оплаты (коммерческие веб-проекты, интернет-магазины).
- E-mail, Skype и т.п. (блоги, сайты-визитки, одностраничники, коммерческие веб-проекты, интернет-магазины).
Joomla контакты
Для создания контактов необходимо авторизироваться в админке Joomla, после чего кликнуть в верхнем горизонтальном меню вкладку Компоненты/Контакты.
Далее нажимаем зеленую кнопку «Создать».
После этих действий перед вами откроется аналогичная приведенной внизу страница, только с незаполненными полями. «Редактировать контакт» - одна из трех вкладок, в которой нужно выполнить кое-какие настройки.
- Имя – можете указать любое понравившееся вам имя, оно все равно будет скрыто от глаз пользователей.
- Алиас – поле заполняющееся автоматически, т.е оставляем пустым.
- Связанный пользователь – это имя, которое будет отображаться при комментировании. Можно указать свой псевдоним или оставить имя присвоенное системой по умолчанию «Super Users».
- Изображение – предусматривается возможность выбора изображения, которое будет привязано к сему контакту.
- Должность – позволяет задать должность сотрудника, к которому будут привязаны контакты.
- E-mail – отвечает за отображение электронного адреса контактного лица.
С остальными полями вы и так разберетесь, в них можно указать адрес, индекс, мобильный и стационарный номер телефона, факс и т.п.
В правой области экрана (сайдбар) необходимо выбрать Состояние/Опубликовано, Категория/Uncategorised, Избранные/Нет.
«Дополнительная информация» - вкладка с текстовым редактором, в котором рекомендуется прописать краткое приветствие.
Можете использовать мое приветствие в качестве шаблона, подглядев его перейдя по ссылке.
«Настройка отображения контента» - отвечает за отображение формы обратной связи.
- Показывать форму обратной связи – «Показать».
- Отправлять копию отправителю письма – в зависимости от вашего выбора позволяет скрыть или показать отправителю копию его же письма.
Создание пункта меню Joomla для вывода контактов и формы обратной связи
На следующем этапе следует отправиться во вкладку Меню/Main Menu/Создать пункт меню.
На открывшейся странице меню присваиваем заголовок. Так и пишем «Контакты».
- Тип пункта меню – нажимаем синюю кнопку «Выбрать», после чего на открывшейся странице выбираем Контакты/Контакт.
- Выбор контакта – здесь-то нам и нужно привязать до этого созданный контакт к пункту меню. Нажимаем «Выбрать» и кликаем по соответственному контакту.
- Ссылка – это поле заполнится автоматически после выбора контакта.
После внесения нужных корректировок нажимаем кнопку «Сохранить». В итоге у вас на сайте появится новая кнопка меню «Контакты», кликнув по которой пользователь может обнаружить форму обратной связи и легко связаться с вами.
На этом можно было бы и закончить, если бы не одно, но! Куча никому не нужных писем, которыми ваш почтовый адрес завалят спам боты.
Защита Joomla от спама посредством настройки встроенного плагина reCAPTCHA
Что такое CAPTCHA? Это инструмент защиты, позволяющий эффективно бороться с автоматической регистрацией и отправкой писем. Это специальная форма, в которой пользователь интернета обязуется выполнить определенное действие (ввести символы, ответить на общеизвестный вопрос или сложить из частей изображение).
CMS Joomla обзавелась встроенной капчей начиная с 2,5 версии, до этого нужно было довольствоваться сторонними расширениями. Несмотря на то, что в Джумла используется reCAPTCHA, мы попытаемся настроить более современную и, на мой взгляд, удобную версию. Вот как она будет выглядеть после выполнения всех настроек.
Для начала давайте включим плагин, отправившись в Расширения/Менеджер плагинов. Для более удобного и быстрого поиска я рекомендую прописать в строке поиска – captcha и нажать значок, отвечающий за поиск. В итоге у вас откроется аналогичное окно. Нажимаем на крестик возле пункта «Состояние», тем самым запускаем плагин и нажимаем по словосочетанию - CAPTCHA – reCAPTCHA.
- Версия – система рекомендует использовать версию 2.0, ней-то мы и воспользуемся.
Пришло время получить «Публичный ключ», а также «Приватный ключ».
Для получения ключей необходимо отправиться по ссылке. Это один из многих сервисов принадлежащих Google. У вас обязательно должна быть собственная учетная запись. Вы легко сможете авторизироваться, введя свои данные, которые ранее использовали для добавления RSS-ленты на сервисе Feedburner или устанавливая код Google Adsense на Joomla.
После авторизации нажимаем кнопку «Get reCAPTCHA».
При помощи открывшейся формы нужно пройти регистрацию сайта.
- Название – присваиваем название (допустим название главной страницы).
- Выберите тип reCAPTCHA – позволяет выбрать тип капчи - reCAPTCHA V2 – стандартная форма, для прохождения которой необходимо установить галочку возле словосочетания «Я не робот»; Invisible reCAPTCHA – проверка пользователей в фоновом режиме.
- Домены – прописываем доменное имя сайта.
Ставим галочку возле предложения «Примите условия использования reCAPTCHA» и «Отправлять владельцам оповещения», после чего нажимаем кнопку «Регистрация».
Ну вот, наши ключики готовы. Осталось всего ничего. Копируем значение поля «Секретный ключ» в поле «Приватный ключ» в стандартном плагине reCAPTCHA, а поле «Ключ» в поле «Публичный ключ».
После получения и внесения ключей можно выбрать «Стиль» наиболее подходящий для вашего сайта, а также «Размер». Теперь нужно кликнуть «Сохранить и закрыть», после чего отправиться по пути Система/Общие настройки/CAPTCHA (по умолчанию) и выбрать единственное предусмотренное системой значение «CAPTCHA - reCAPTCHA». Опять нажимаем «Сохранить» и проверяем работоспособность капчи, зайдя в форму обратной связи Joomla.
Как видите, все работает. Если у вас возникли какие-нибудь сложности, давайте решим их вместе в комментариях.
И помните, каждый автор, написавший полезную статью, заслуживает на комментарий, минимум репост.
Спасибо за внимание и до скорого на страницах Stimylrosta.
Не ленитесь, поделитесь!
Оставить комментарий
Просмотров: 3977Добавить комментарий
stimylrosta.com.ua
Как создать форму обратной связи для Joomla
Дата публикации 12 Февраль 2015. Опубликовано в Азбука Joomla
Юзабилити вашего сайта во многом зависит от того, предлагаете ли вы посетителям понятный способ обратной связи, позволяющий поделиться мнением относительно любых аспектов вашего сайта или услуг. Форма обратной связи представляет собой удобный инструмент для отправки сообщений администратору сайта. Обратную связь на движке Joomla 3 можно реализовать с помощью расширений сторонних разработчиков, а можно и стандартными средствами CMS Joomla 3. Сегодня мы детально рассмотрим каждый из этапов создания формы обратной связи на Joomla 3.
Обратную связь на Joomla 3 необходимо привязать к определенному контакту. Для этого, в административной панели Joomla 3 нужно перейти во вкладку "Компоненты"→"Контакты".
В открывшемся окне нажать кнопку "Создать", после чего появится форма "Менеджер контактов: Контакт".
Вкладка "Контакт".
"Имя" – имя контакта. Поставим "Администратор". "Связанный пользователь" - пользователя, который будет связан с контактом, обычно это администратор."Категория" - можно оставить категорию по умолчанию или создать новую."Изображение" – выбор изображения для данного контакта. "Должность" - обычно это администратор. "Почтовый ящик" – адрес электронной почты контакта.Кроме того, на этой вкладке можно указать следующие контактные данные: "Город", "Сайт", "Телефон", "Область" и т.д.
Вкладка "Дополнительная информация".
Здесь можно разместить дополнительную информацию используя встроенный редактор, например картинки, схемы, графики, а также по желанию можете написать текст, который будет отображаться возле формы обратной связи.
Вкладка "Параметры публикации".
"Начало публикации", "Завершение публикации", "Дата создания"- можно указать дату начала и конца публикации, дату создания контакта."Автор" – здесь можно изменить имя пользователя, который создал контакт."Псевдоним автора" - здесь можно указать псевдоним, который будет отображаться вместо имени пользователя, который создал контакт."Дата модификации" – дата и время последнего изменения контакта."Версия" – количество изменений данного контакта. В правой части вкладки представляется возможным также прописать мета-теги описание и ключевые слова, а также разрешить поисковым системам индексацию страницы.
Вкладка "Настройки отображения".
Здесь можно выбрать, какие контактные данные нужно опубликовать на странице сайта, а какие скрыть. Выводится информация указанная при создании контакта, в том числе дополнительная. Здесь же можно показать или скрыть до пяти дополнительных ссылок для этого контакта, а также выбрать альтернативный макет для формы контакта.В поле "Формат отображения" можно выбрать один из трёх вариантов:
- "Сворачивающиеся списки" - вертикальное отображение двух или трёх пунктов: контакт, форма обратной связи и дополнительная информация;
- "Вкладки" - горизонтальное отображение вышеуказанных пунктов;
- "Обычный" - отображение всех указанных в настройках контактных данных. Выберем этот вариант.
Вкладка "Настройки отображения контактов".
"Показывать форму обратной связи" – показать или скрыть форму обратной связи."Отправлять копию отправителю письма" - показать или скрыть кнопку, разрешающую отправлять копию письма самому отправителю."Блокируемый E-mail", "Блокируемая тема" и "Блокируемый текст" – в соответствующих полях перечисляются адреса, темы и тексты подлежащие блокированию."Проверять сессию" – если выберите "Да", то значит, что пользователи у которых в браузере выключена система cookie, не смогут отправлять электронную почту."Произвольный ответ" – отключает автоматический ответ, позволяющий плагинам обрабатывать интеграцию с другими системами."Перенаправление" – укажите ссылку по которой будет перенаправлен пользователь, после того как письмо будет отправлено. После заполнения всей необходимой контактной информации не забудьте сохранить контакт.
Для того, чтобы созданный нами контакт с формой обратной связи появился на сайте, нужно создать пункт меню. Для этого создайте в нужном Вам меню пункт с типом "Контакт".Перейдем в админ-панели "Меню"→"Главное меню"→"Создать пункт меню".
В появившемся окне указываете заголовок меню "Обратная связь", в качестве типа пункта меню необходимо выбрать раздел "Контакты"→"Контакт".
"Выбор контакта" - нужно выбрать созданный нами контакт – "Администратор".
Вкладка "Параметры отображения контактов".
Вы, наверно, обратили внимание, что здесь скопированы настройки вкладки "Настройки отображения", которую мы заполнили при создании формы обратной связи.
Вкладка "Параметры почты".
Настройки этой вкладки идентичны вкладке "Настройки отображения контактов", также заполненной нами при создании формы обратной связи. Если настройки в этих вкладках будут отличаться, то приоритетными будут естественно настройки пункта меню.Настройки для всех остальных вкладок подробно нами рассмотрены в уроке Создание пунктов меню в Joomla 3.3.После заполнения всех необходимых полей сохраняем созданный пункт меню и обновляем страницу сайта (F5).В главном меню должен появиться еще один пункт "Обратная связь".
Выбираем пункт "Обратная связь" и видим, только что созданную нами, форму обратной связи.
Сегодня мы с вами установили на сайт форму обратной связи, а значит сделали важный шаг в сторону повышения юзабилити создаваемого веб-сайта.Удачи Вам в ваших начинаниях!
↓↓↓ Понравилась статья? Жми на кнопки! ↓↓↓
webmasternew.ru
