Об авторе

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

Е-майл формаСегодня мы установим на WordPress плагин обратной связи. Для чего он нужен?  Плагин обратной связи на сайт необходим для того чтобы ваши читатели и посетители, смогли с вами связаться, задать вам вопрос или оставить какой-либо комментарий по интересующему вопросу.

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

Как скачать и активировать?

Переходим по ссылке wordpress.org/plugins/contact-form-7/  на сайт wordpress.org и скачиваем версию плагина contact-form-7.

Блог Вордпресс

Скачать плагин

 

После скачивания архива плагина на свой компьютер, переходим в админпанель своего блога, вкладку- «Плагины» и «Добавить новый»

 

Добавить новый

 

 

Нажимаем пункт- «Загрузить».

 

Загрузить плагин

 

Затем выбираем архив, в той папке куда вы его закачали и  нажимаем- «Установить».

 

Установить лагин

 

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

 

Активировать плагин

 

После активации плагина, мы его можем увидеть во вкладке плагины- «Установленные».

 

 Вкладка установленные

 

С левой стороны админ панели появится отдельная вкладка плагина.

 

Кнопка контакт

 

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

Теперь нам нужно установить еще один плагин- плагин капчи, который избавит нас от спама, то есть добавит ввод капчи.  Капча- это текст в картинке, его нужно расшифровать и ввести в поле ввода, затем запись будет добавлена. Сaptcha плагин называется- Really Simple CAPTCHA. Этот плагин изначально создавался для Contact Form 7. Скачиваем его по ссылке-  wordpress.org/plugins/really-simple-captcha/

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

Настройки

Переходим в- «Добавить новую»

 

Добавить новый

 

если вас интересует язык отличный от русского, выбираем язык и нажимаем- «Добавить новую».

 

Выбор языка

 

В новой форме мы видим- шаблон формы в котором указаны ваше имя, ваш e-mail, тема сообщения, поле для ввода сообщения, кнопка- «Отправить». Теперь нам надо сюда добавить еще капчу для формы обратной связи  . Для этого нажимаем кнопку-  "Сгенерировать тэг".

 

Сгенерировать тэг

 

Далее, настраиваем. Name- оставляем, id- не нужно, не обязательные поля- не изменяем. Размер картинки выбираем средний, хотя вы можете поэкспериментировать в зависимости от  темы вашего блога. И больше ничего здесь не меняем.

 

Копировать ссылку

Следующий шаг, нажимаем копировать капча size- это у нас будет картинка. Вставляем в Шаблон формы, после « Сообщения», копируем второй код, для поля ввода и так же вставляем в Шаблон формы, ниже первой ссылки.

 

Вторая ссылка

Форма

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

 

Сохранить изменения

 

Установка кода

Для примера, я вставляю в страницу- «Контакты». Открываем страницу или создаем новую, заходим в « Редактирование» и вставляем код, в то место где нам нужно.

 

Установка формы

 

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

 

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

 

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

  • Скачиваем плагины.
  • Устанавливаем на WordPress.
  • Загружаем архивы, с плагинами.
  • Активируем плагины.
  • Настраиваем форму контактов.
  • Устанавливаем на нужную страницу или в запись.

На этом сегодня все.

P.S. Небольшое дополнение. При проверки формы на блоге, у меня не было перезагрузки страницы, но письмо пришло. Проверяйте почту на том почтовом ящике, который прописан у вас в настройках WordPress.

С Уважением, Александр Клюев.


Вам так же будет интересно

Предыдущий пост:     ←
Следующий пост:    

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

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

    [Ответить]

Оставить свой комментарий