- Joomla модуль написать нам
- Наши преимущества:
- Обработка персональных данных
- Лицензионность
- Простота настройки
- Цели для аналитики
- Конструктор полей
- Всплывающая форма
- SMS и Telegram
- Рекапча
- Как создать форму обратной связи для Joomla
- Сущность и значение формы обратной связи для Joomla
- Процесс создания формы обратной связи в Joomla 3 : пошаговая инструкция
- Шаг 1.
- Шаг 2.
- Шаг 3.
- Шаг 4.
- Шаг 5.
- Шаг 6.
- Шаг 7.
- Шаг 8.
- Шаг 9.
- Шаг 10.
- Шаг 11.
- Шаг 12.
- Шаг 13.
- Шаг 14.
- 1. Установка формы обратной связи
- 2. Настройка формы обратной связи
- 3. Добавление формы обратной связи на страницы сайта
Joomla модуль написать нам
Contactus — это русскоязычная форма обратной связи для сайтов, созданных на Joomla 2.5 — 3.x. Модуль прост в установке и позволяет легко настроить внешний вид страницы с формой. Все отзывы отправляются на вашу электронную почту, а также доступны в панели администратора. Комбинация простоты, дизайна и функционала сделала Контактус одним из самых популярных русскоязычных модулей обратной связи, в настоящий момент его используют более чем на тысячи сайтов.
Наши преимущества:
Обработка персональных данных
С 1 июля 2017 вступают в силу поправки в закон о персональных данных. Теперь перед отправкой формы пользователь должен дать согласие на обработку своих данных. Мы добавили в модуль соответствующий чекбокс. Пример текста.
Лицензионность
Модули с пиратских сайтов зачастую наполнены скрытыми ссылками. Это может негативно повлиять на продвижение вашего сайта. С нашей формой у вас не будет таких проблем.
Простота настройки
Контактус прост в настройке и установке. Вы сможете настроить внешний вид формы, способ вызова модуля, маску для телефонного номера. Специально для вас мы сделали как видео, так и текстовую инструкции. В статьях нашего блога разобрали возможные проблемы и пути их решения.
Цели для аналитики
Все варианты модуля имеют функционал для настройки целей в Google Analytics и Яндекс метрике. Заполните два поля и отслеживайте конверсии.
Конструктор полей
Премиум модуль позволит вам создать свои собственные формы на базе контактуса. Поля, списки, чекбоксы и другие элементы в вашем распоряжении. В версии 3.17 были добавлены связанные поля.
Всплывающая форма
Создавайте как простые, так и всплывающие формы. Модуль может быть вызван по клику на любой элемент сайта: текст, пункт меню, картинку и т.п.
SMS и Telegram
Неудобно получать сообщения на почту? Получайте их прямо на телефон через SMS или Telegram.
Рекапча
В качестве капчи в модуле используются Recaptcha 2 и 3 от Google на выбор. Они просты в применении и обеспечивают лучшую защиту от спама.
Как создать форму обратной связи для Joomla
Безусловно, можно воспользоваться возможностью отправки письма на электронную почту, указанную в контактах. Но этот способ слишком долгий и неудобный, особенно если речь идет о небольшом вопросе, рекомендации или замечании.
В этой связи представляется логичным использование формы обратной связи.
Сущность и значение формы обратной связи для Joomla
Форма обратной связи представляет собой удобный инструмент для отправки сообщений администрации сайта.
Эта небольшая, но крайне значимая деталь современных сайтов не приводит к созданию излишнего веса страницы и не связана с написанием значительного числа громоздких скриптов.
Система управления контентом (CMS) Joomla 3 позволяет создать форму обратной связи, которая имеет следующие преимущества:
- Простую настройку;
- Красивый и удобный интерфейс;
- Возможность оперативной отправки сообщений;
- Наличие контактной формы на всех страницах сайта;
- Возможность обойтись без перезагрузки страницы;
- Защиту от спама.
Когда пользователь отправляет администрации письмо через данный компонент оно автоматически приходит на электронный ящик владельцев сайта.
По сути, весь процесс работы формы обратной связи можно представить в виде двух этапов:
- Заполнение посетителем нужных полей;
- Отправка сообщения.
Важно отметить, что подобная форма может состоять из произвольного количества полей различного назначения. При этом такие поля, как « E-mail », « Имя », « Тема » и « Сообщение » являются обязательными.
Процесс создания формы обратной связи в Joomla 3 : пошаговая инструкция
Стандартный функционал CMS Joomla 3 позволяет создать форму обратной связи, без установки дополнительных расширений. Это значительно упрощает задачу формирования этого важного модуля на любом сайте.
В этой связи, приведенная ниже инструкция может оказаться полезной даже для любителей, которые не в полной мере знакомы с тонкостями программирования.
Целесообразно детально рассмотреть каждый из этапов создания формы обратной связи на Joomla 3 .
Шаг 1.
В админ-панели Joomla 3 следует открыть меню « Компоненты » и перейти на вкладку « Контакты »:
Шаг 2.
В открывшемся окне следует нажать кнопку « Создать », после чего появится форма с пустыми полями. Здесь нужно указать все необходимые данные.
В частности, поля « Имя », « Категория » и « Связанный пользователь » являются обязательными для заполнения. Кроме того, можно указать следующие контактные данные: « Должность », « Почтовый ящик », « Город », « Сайт », « Телефон » и т.д.
По завершении заполнения устанавливается состояние « Опубликовано ». Если форма обратной связи настраивается для мульти-язычного сайта, то также важно выбрать язык, для которого она будет отображаться:
Шаг 3.
На вкладке « Дополнительная информация » можно разместить дополнительные контактные данные, например схему проезда, или график работы, которые могут иметь важное значение для пользователей формы обратной связи:
Шаг 4.
На вкладке « Параметры публикации » представляется возможным указать дату начала и конца публикации, а также прописать мета-описания и мета-тег « разрешить/запретить » индексацию страницы:
Шаг 5.
На следующей вкладке – « Настройки отображения » можно выбрать, какие контактные данные необходимо публиковать на странице, поскольку по умолчанию опубликуются все указанные данные.
Здесь же следует установить формат отображения формы обратной связи Joomla 3 .
Следует подчеркнуть, что всего доступно три варианта отображения:
- « Сворачивающиеся списки » — на странице будут два или три пункта: контакт, форма обратной связи и дополнительная информация, расположенные вертикально;
- « Вкладки » — будут отображаться те же вкладки, только горизонтально;
- « Обычный » — на странице будут видны все указанные контактные данные.
Шаг 6.
На последней вкладке « Настройки отображения контактов » можно настроить блокируемые темы и почтовые ящики, а также активировать пункт « Отправить копию письма на почту отправителя »:
Шаг 7.
После того как указаны все необходимые данные, нужно сохранить контакт:
Шаг 8.
После сохранения необходимо сформировать пункт меню для созданного контакта. Для этого нужно перейти в раздел « Меню » и выбрать в нем « Главное меню », затем вкладку « Создать пункт меню »:
Шаг 9.
В появившемся окне нужно привязать отдельный пункт меню к главному или вертикальному меню, которое обычно располагается в левом или в правом блоке админ-панели Joomla 3 :
Шаг 10.
В качестве типа пункта меню необходимо выбрать раздел « Контакты »:
Шаг 11.
После установки типа пункта меню, появится поле « Выбор контакта ». В нем нужно выбрать созданный на предыдущих этапах контакт (в данном случае – Администратор).
Важно подчеркнуть, что вкладки « Параметры отображения контактов » и « Параметры почты », копируют настройки вкладок « Настройки отображения » и « Настройки отображения контактов » соответственно:
Шаг 12.
На вкладке « Параметры отображения ссылки » прописывается поле « Заголовок, как ссылка », которое является пользовательским описанием данного пункта меню. Впоследствии данное описание будет отображаться при наведении курсора на пункт меню.
Также можно придать пункту меню свой класс CSS , если требуется его уникальное оформление. Данный пункт не является обязательным:
Шаг 13.
После завершения описанных выше операций можно настроить параметры отображения страницы, а именно теги title и h1 данной страницы.
Эту вкладку также можно пропустить, в этом случае заголовок будет отображать название страницы, в данном случае – «Обратная связь»:
Шаг 14.
На вкладке « Метаданные » указываются мета теги Description и Keywords веб-страницы. По сути, эта вкладка повторяет настройки раздела « Параметры публикации », который открывается в окне создания контактов.
После заполнения всех необходимых полей, нужно сохранить созданный пункт меню и обновить страницу сайта.
Таким образом, меню (в данном случае главное меню) пополнится еще одним пунктом – « Обратная связь », как показано на рисунке ниже:
Если все предыдущие шаги были выполнены верно, то на странице обратной связи появятся две или три вкладки (в зависимости от наличия данных заполненных на 3-ем шаге):
Таким образом, форма обратной связи для Joomla 3 создана. Её отображение может иметь вид сворачивающихся списков, что устанавливается по умолчанию, либо вид вкладок.
Кроме того, в образовавшемся компоненте все элементы могут быть открыты или частично скрыты, при выборе формата отображения « Обычный »:
Помните, что свободная связь посетителей сайта с его администрацией – основа положительной репутации любого веб-сайта, а повышение юзабилити – гарантия достижения высоких позиций в поисковых системах.
1. Установка формы обратной связи
Откройте в панели администратора раздел «Расширения -> Менеджер расширений» («Extensions -> Extensions manager») на вкладке «Загрузить файлы пакета». Выберите архив «contactus.zip» и установите его. Скачать форму обратной связи можно по этой ссылке.
2. Настройка формы обратной связи
В разделе «Расширения -> Менеджер модулей» («Extensions -> Module manager») откройте модуль под названием Contactus. Вам будут доступны две вкладки с настройками формы — основная («Модуль») и «Аналитика» (предназначенная для настройки целей в Google Analytics и Яндекс Метрике). В премиум версии появляется вкладка «Создание полей», в которой вы можете создать свою собственную форму.
Вкладка модуль разбита на 3 блока. В первом блоке вы сможете задать почту для получения сообщений, заголовок сообщений, цветовое решение, определить отображаемые поля и обязательность их заполнения (в базовом и стандартных вариантах), а также задать способ выравнивания формы. В случае подключения капчи, вам будет предложено заполнить два поля с sitekey и secret key. Оба этих ключа вы можете получить абсолютно бесплатно на подсайте google после регистрации вашего сайта.
Во втором блоке находятся настройки всплывающей формы обратной связи, для случаев когда вам необходимо показывать форму в модальном окне. Здесь вы можете выбрать тип формы (обычная или всплывающая), задать заголовок формы, сообщение об отправке, текст на кнопке вызова. Также указать каким элементов вызывать форму. Вариант «Без элемента» предназначен для случая, когда форма вызывается каким-то вашим элементом (картинкой, ссылкой и тп), он описан в этой статье. «Кнопка» — вызов формы происходит по клику на обычную кнопку, «Прилипающая кнопка» — кнопка будет закреплена в нижней части экрана и будет отображаться всегда, в том числе при скроллинге.
В третьем блоке вы можете задать тексты для кнопок, заголовков, сообщений и тп.
На вкладке «Аналитика» вы можете задать цели для Google Analytics и Яндекс Метрики. Это позволит вам отслеживать отправки формы в вашей системе аналитики.
Владельцы премиум версии имеют возможность создать свою собственную форму на вкладке «Создание полей».
Вы можете создать свои элементы (поле, список, email, чекбокс, текст и тп), указывать обязательность их заполнения а также связи, на этом вопросе я остановлюсь чуть подробнее.Бывают случаи, когда какое-то поле должно отображаться в зависимости от содержимого другого поля или элемента. Для реализации этих ситуаций в конструкторе предусмотрен столбец под названием «Зависимое поле». В нем через двоеточие указывается порядковый номер «родительского» элемента и его значение, при котором искомый элемент должен отображаться. Если родительским элементом является чекбокс, то в нажатом состояние его значение равно единице, в ненажатом нулю. Для списка указывается номер выбранного варианта. Для текстового поля просто его значение.
Рассмотрим пример со скриншота выше, когда поле «Название модуля» у нас отображается только в том случае, если в списке с типом проблемы был выбран вариант «Технические проблемы». Для этого в инпуте «Зависимое поле» мы ввели порядковый номер «родительского» элемента (в нашем случае списка под номер #3, номер можно посмотреть в первом столбце) и через двоеточие номер варианта (в нашем случае #1 вариант) при котором поле будет отображаться.
На вклдаке SMS вы можете настроить sms-оповещения о полученных сообщениях. Чтобы воспользоваться этой функцией вам будет необходимо зарегистрироваться по адресу joomly.sms.ru и вставить свой номер телефона и API id, который вы найдете в профиле после регистрации в соответствующие поля настроек. Замечу что услуга отправки смс платная, на момент написания статьи пользователю предоставлялось 5 бесплатных смс в день, каждое следующее стоило 80 копеек. Все тарифы определяются поставщиком услуги — sms.ru.
3. Добавление формы обратной связи на страницы сайта
Если вы хотите добавить форму связи на какую-то определенную страницу, например страницу с контактами, откройте в редакторе этот материал и добавьте в нужное место следующую конструкцию: — это код загрузки модуля в Joomla.
Также можно привязать модуль к какой-нибудь позиции шаблона, чтобы он отображался на всех или определенных страницах. Для этого нужно будет вернуться на страницу настроек модуля, задать позицию и статус опубликовано: Плюс на вкладке «Привязка к пунктам меню» выбрать страницы для отображения.
Если вы хотите вызывать форму «Прилипающей кнопкой», задайте ей любую используемую позицию шаблона.
Если вы хотите вызывать форму по клику на пункт меню, прочитайте эту статью.
Если хотите вызывать по клику на свой элемент (картинку, ссылку и тп), прочитайте эту.
О том, как добавить несколько форм на сайт, читайте здесь.