Как добавить форму обратной связи на сайт. Как на сайт добавить форму обратной связи на


Как добавить на сайт форму обратной связи — Webasyst

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

Как добавить такую форму на свой сайт

  1. Откройте приложение «Сайт» и перейдите в раздел «Блоки».
  2. Выберите блок с названием «site.send_email_form».
  3. Щелкните по фрагменту кода под надписью «Встроить на страницу или в шаблон».
  4. Скопируйте выделенный фрагмент кода и вставьте его в HTML-код любой страницы или шаблон темы дизайна.
Как изменить адрес, на который отправляются сообщения из формы обратной связи

Сообщения, которые посетители сайта оставляют через форму обратной связи, отправляются на email-адрес, указанный в поле «Email-адрес для уведомлений» в разделе «Системные настройки» приложения «Сайт».

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

Если вы не хотите изменять содержимое этого поля, то можно указать адрес получателя сообщений обратной связи в исходном коде блока «site.send_email_form». Для этого добавьте нужный email-адрес внутри кавычек, как показано ниже:

$wa->sendEmail("[email protected]", $errors)

Можно указать и несколько адресов получателей:

Простой формат (только адреса)

{$wa->sendEmail(['[email protected]', '[email protected]'], $errors)}

Расширенный формат (адреса получателей с их именами)

{$wa->sendEmail(['[email protected]' => 'Имя1', '[email protected]' => 'Имя2'], $errors)}
Как убрать поле для ввода защитного кода (капчи)

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

Если вы считаете, что необходимость вводить защитный код мешает посетителям вашего сайта отправлять сообщения, то отключите это поле. Для этого перед строкой с вызовом метода {$wa->sendEmail(...)} добавьте следующее:

{$wa->storage(['captcha', $wa->app()], '')}

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

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

<div> <div> {$wa->captcha(!empty($errors.captcha))} {if !empty($errors.captcha)}<em>{$errors.captcha}</em>{/if} </div> </div>

support.webasyst.ru

Установить форму обратной связи на сайт.

Содержание статьи

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

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

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

Форма обратной связи без плагина.

И так, предлагаю воспользоваться сервисом main-ip.ru. Данный сайт позволяет создать форму обратной связи совершенно бесплатно, быстро, удобно и качественно. Вот такую форму обратной связи сделал я себе на блог.

Заходим на сайт, находим и нажимаем на кнопку:

Далее выйдет вот такое поле:

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

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

Далее ищем в правом верхнем углу кнопку:

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

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

Установить обратную связь при помощи плагина

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

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

До новых встреч, в новых статьях.

 С уважением, Сергей Иванов

creationsait.ru

Форма обратной связи » Техподдержка Prihod.ru

*Подключить плагин можно в разделе консоли вашего сайта Плагины.

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

В форме есть 8 типов полей, максимальное количество полей, которые можно добавить в форму — 9. Поля можно пометить как обязательные/необязательные для заполнения.

Типы полей в форме:

  • Чекбокс
  • Выпадающий список
  • Email
  • Название
  • Радио-кнопка
  • Текст
  • Текстовая область
  • Сайт

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

Появится окно добавления формы, в нем уже будет набор необходимых полей: Имя, E-mail, Сайт и Комментарий.

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

Для редактирования поля наведите курсор мышки на поле и нажмите на появившуюся кнопку Редактировать. Справа появится форма редактирования поля.

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

Для добавления нового поля нажмите на кнопку Добавить новое поле, далее заполните появившуюся справа форму и нажмите кнопку Сохранить это поле.

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

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

 

Вкладка Уведомления по электронной почте.

В поле Введите свой электронный адрес вы можете указать e-mail на который будут приходить сообщения от посетителей сайта. Если это поле оставить пустым, то письма будут отправляться отправляться автору страницы/записи.

В поле Что должно быть в строке темы? можно указать тему, с которой будут приходить сообщения на ваш e-mail. Если поле не заполнять, то тема сообщения станет названием страницы/записи.

 

Могу я просмотреть сообщения через WordPress?

Да, вы можете посмотреть все сообщения в любое время в разделе консоли Обратная связь.

Просмотрено (2867) раз

support.prihod.ru

Как установить форму обратной связи

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

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

 

Откройте в панели администратора раздел «Расширения -> Менеджер расширений» («Extensions -> Extensions manager») на вкладке «Загрузить файлы пакета». Выберите архив  «contactus.zip» и установите его. Скачать форму обратной связи можно по этой ссылке.

установка формы обратной связи

В разделе «Расширения -> Менеджер модулей» («Extensions -> Module manager») откройте модуль под названием Contactus. Вам будут доступны две вкладки с настройками формы — основная («Модуль») и «Аналитика» (предназначенная для настройки целей в Google Analytics и Яндекс Метрике). В премиум версии появляется вкладка «Создание полей», в которой вы можете создать свою собственную форму.

Вкладка модуль разбита на 3 блока. В первом блоке вы сможете задать почту для получения сообщений, заголовок сообщений, цветовое решение, определить отображаемые поля и обязательность их заполнения (в базовом и стандартных вариантах), а также задать способ выравнивания формы. В случае подключения капчи, вам будет предложено заполнить два поля с sitekey и secret key. Оба этих ключа вы можете получить абсолютно бесплатно на подсайте google после регистрации вашего сайта.

настройки формы

 

Во втором блоке находятся настройки всплывающей формы обратной связи, для случаев когда вам необходимо показывать форму в модальном окне. Здесь вы можете выбрать тип формы (обычная или всплывающая), задать заголовок формы, сообщение об отправке, текст на кнопке вызова. Также  указать каким элементов вызывать форму. Вариант «Без элемента» предназначен для случая, когда форма вызывается каким-то вашим элементом (картинкой, ссылкой и тп), он описан в этой статье. «Кнопка» — вызов формы происходит по клику на обычную кнопку, «Прилипающая кнопка» — кнопка будет закреплена в нижней части экрана и будет отображаться всегда, в том числе при скроллинге.

contactus popup

 

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

На вкладке «Аналитика» вы можете задать цели для Google Analytics и Яндекс Метрики. Это позволит вам отслеживать отправки формы в вашей системе аналитики.

цели для аналитики

Владельцы премиум версии имеют возможность создать свою собственную форму на вкладке «Создание полей». 

Конструктор форм JoomlaВы можете создать свои элементы (поле, список, email, чекбокс, текст и тп), указывать обязательность их заполнения а также связи, на этом вопросе я остановлюсь чуть подробнее.Бывают случаи, когда какое-то поле должно отображаться в зависимости от содержимого другого поля или элемента. Для реализации этих ситуаций в конструкторе предусмотрен столбец под названием «Зависимое поле». В нем через двоеточие указывается порядковый номер «родительского» элемента и его значение, при котором искомый элемент должен отображаться. Если родительским элементом является чекбокс, то в нажатом состояние его значение равно единице, в ненажатом нулю. Для списка указывается номер выбранного варианта. Для текстового поля просто его значение.

Рассмотрим пример со скриншота выше, когда поле «Название модуля» у нас отображается только в том случае, если в списке с типом проблемы был выбран вариант «Технические проблемы». Для этого в инпуте «Зависимое поле» мы ввели порядковый номер «родительского» элемента (в нашем случае списка под номер #3, номер можно посмотреть в первом столбце) и через двоеточие номер варианта (в нашем случае #1 вариант) при котором поле будет отображаться.

Joomla SMS

На вклдаке SMS вы можете настроить sms-оповещения о полученных сообщениях. Чтобы воспользоваться этой функцией вам будет необходимо зарегистрироваться по адресу joomly.sms.ru и вставить свой номер телефона и API id, который вы найдете в профиле после регистрации в соответствующие поля настроек. Замечу что услуга отправки смс платная, на момент написания статьи пользователю предоставлялось 5 бесплатных смс в день, каждое следующее стоило 80 копеек. Все тарифы определяются поставщиком услуги — sms.ru.

Если вы хотите добавить форму связи на какую-то определенную страницу, например страницу с контактами, откройте в редакторе этот материал и добавьте в нужное место следующую конструкцию: {loadmodule mod_contactus} — это код загрузки модуля в Joomla.

добавление контактуса в матеиал

 

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

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

Если вы хотите вызывать форму по клику на пункт меню, прочитайте эту статью.

Если хотите вызывать по клику на свой элемент (картинку, ссылку и тп), прочитайте эту.

О том, как добавить несколько форм на сайт, читайте здесь.

 

 

 

joomly.ru