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

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

Для начала давайте рассмотрим классический вариант формы обратной связи для WordPress. Этот вариант подразумевает, использование связки с двух плагинов, а именно плагин — «Contact form 7» (для отображения самой формы) и плагин — «Really simple captcha» добавляющий капчу для созданной формы. Скачайте плагин — Contact form 7 установите его и активируйте, после его активации станет доступной ссылка Настройки, переходим по ней и в открывшемся окне редактируем появившеюся форму.

Не пугайтесь, на самом деле настройка очень простая. В области Форма, нужно в левой колонке всего лишь добавить код капчи (исходный код остается сгенерированный по умолчанию), для этого в правой колонке генерируем в выпадающем списке тэг CAPTCHA (для того, чтобы тэг CAPTCHA можно было задействовать, необходимо установить плагин — Really simple captcha и активировать его) и в настройках отмечаем размер картинки, который мы хотим видеть у себя на блоге.

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

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

В области Адресат пишите свой e-mail на который будут приходить письма от читателей, и жмите кнопку Сохранить в самом верху страницы справа.

указываем свой e-mail для получения писем

Копируете вот такую строку, она находиться в самом верху страницы настроек плагина

[contаct-form-7 id="179" title="Форма для контакта 2"]

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

Вот как выглядит данная форма:

вид формы

А вот ее код:

полный код формы

У вас он будет такой же, только другие цифры в строках captchar и captchac.

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

Друзья, если вы не хотите нагружать свой блог дополнительными плагинами, вы можете воспользоваться решением – форма обратной связи php Super AJAX Contact Form.

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

В стандартном варианте, Super AJAX Contact Form идет в английском варианте, поэтому я ее русифицировал, чтобы не возникало трудностей с изменениями. Скачиваем саму форму, после чего в файле config.php (расположен по адресу — code-assets-xml) вносим изменения по изменению адреса электронной почты на свой.

изменяем настройки в файле config.php

Скопируйте папку code в корень сайта, запретите ее индексацию в фале robots.txt и все, форма обратной связи php готова к использованию.

Для проверки ее работоспособности перейдите по адресу: http://vash-site.ru/code/index.php (этот адрес и будет адресом вашей формы в дальнейшем и для ее использования просто скопируйте эту ссылку в место где вы хотите чтобы появлялась форма) и если все сделано правильно, то увидите окно формы:

форма на php

Есть еще один вариант простой в использовании формы на php. Перейдите на сайт скрипта и выберите необходимый для вас. Процесс установки аналогичный предыдущему, после копирования папки, проведите изменения в файле конфигурации, указав свой e-mail и кодировку.

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

Если у вас такая ситуация, что можно использовать только форму обратной связи html (не поддерживает хостинг php-обработку, статичный сайт на html-файлах) то тогда рекомендую конструктор формы. Очень удобный конструктор с помощью которого можно моментально сделать форму под себя и установить ее на сайт.

Сама процедура настройки делается в 3 шага:

Шаг №1. Настройка формы

Шаг №2. Вставка сгенерированного кода на сайт

Шаг №3. Указание адреса страницы с установленной формой и e-mail на который будут приходить письма.

форма на html

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

На этом у меня все, до новых встреч.

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(1 голос, в среднем: 5 из 5)