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

Для создания данной формы нам понадобятся два плагина. Первый плагинcontactform, его можно скачать здесь. Второй плагинreallysimplecaptcha, его можно скачать здесь, он необходим, как защита от спама и ботов, чтобы они не попадали в ваш электронный ящик.
Устанавливаем эти плагины традиционным способом:
Скачиваем эти плагины по ссылкам указанным выше.
В админ. панели переходим на вкладку плагины.
Кликаем «добавить новый».
Нажимаем «открыть».
Нажимаем «установить». Далее «активировать».
Все, плагин установлен. Точно такие же действия производим и со вторым плагином.
Плагины у вас установлены. Теперь зайдем в настройки плагина contactform.
Откроется страница «форма для контакта», выбираем «редактировать».
Открывается страница с двумя столбцами. Слева будет сама форма. В нее необходимо установить капчу.
В правой колонке нажимаем на вкладку «сгенерировать тег».
В выпадающем меню выбираем «капча».
Открывается настройки капчи.
Выбираете размер картинки, я поставил на большой размер.
Далее копируйте тег прямо отсюда <p>введите код с картинки</p>
Вставляем его между строками сообщение и отправить.
Справа в красных полях сгенерированы два кода. Копируйте верхний код и вставьте его между строчками <p>введите код с картинки</p> и отправить.
Следом за этим кодом, копируйте нижний код и вставляйте за этим кодом.
Теперь у нас все установлено. В правом верхнем углу нажимаете на синюю кнопку «сохранить».
В графе «Адресат» вы можете поменять ваш электронный ящик, на который будут приходить письма или оставить этот же. Больше здесь настроек не требуется.
В самом веху в красном поле сгенерировался код, а над ним сформирована надпись «скопируйте это код и вставьте его свой в пост, страницу или в текстовый виджет. Вы копируете этот код.
Как создать форму обратной связи на вашем блоге
Создание страницы для формы обратной связи
С этим делом мы справились. Теперь я рекомендую для этой формы создать отдельную страницу, удобную для ваших гостей, ну и конечно для вас. Эта страница будет помещена в главном меню вашего сайта.
Переходим на вкладку «страницы»
Нажимаем «добавить новую»
В заголовок пишем «контакты», или «связь с автором», или «обратная связь», как угодно.
В редакторе админ. панели переключаете окно с «Визуально» на «Текст».
В открывшееся окно вставляете код, который скопировали. У вас будет вставлен HTML код, в котором слова «контактная форма» нужно поменять на ту фразу, которую вы выбрали, например «связь с автором» или «задайте мне любой вопрос» и так далее.
После того нажимаете справа кнопку «опубликовать».
Переходим на сайт и видим, что у нас в главном меню появилась кнопка «связь с автором».
Нажимаем на нее и вот мы видим контактную форму во всей ее красе.
В зависимости от версии WordPress внизу этой страницы может появиться дополнительно форма «добавить комментарий». На данной странице нам комментарии не нужны, потому что на ней нечего комментировать.
Завершение оформления контактной формы
Теперь притупим к окончательному завершению контактной формы. Нам необходимо убрать форму «добавить комментарии».
Для этого переходим опять на вкладку «страницы».
Перед нами все страницы, вы не входите в только что созданную страницу, а подводите курсор к названию этой страницы, сразу под названием высветятся красным светом несколько фраз. Нажимаете на «свойства» и перед вами открылось небольшое меню.
Справа вы увидите строку «разрешить комментарии». Перед этой фразой снимите галочку.
Нажимаем на кнопку «обновить».
Теперь, уважаемые коллеги, идем на сайт, нажимаем на вкладку связь с автором. Что мы видим? Нашей целью была задача создать вышеуказанную форму связи и нам это удалось.
На этом все.

Прокомментировать

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>