Форма обратной связи в WordPress: плагин Contact Form 7 + CAPTCHA (капча).

contact_form WordPress

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

Я считаю, что на любых нормальных сайтах (блогах) в обязательном порядке должны присутствовать страницы «Об авторе»/»О сайте (блоге)», ну и страница «Контакты».

Для создания формы для обратной связи нам понадобиться плагин Contact Form 7 – мастер создания форм, с его помощью мы без проблем создадим форму обратной связи в WordPress! Итак приступим:

Форма обратной связи с помощью плагина Contact Form 7.

Скачиваем и активируем плагин Contact Form 7 (Как устанавливать плагины). Далее в админке WordPress идем во вкладку “Contact Form 7” и копируем шорткод созданной плагином формы (если у вас гутенберг копировать ничего не нужно).

Копируем шорткод контактной формы

Теперь создаем новую страницу Контакты (или Обратная связь) и переходим HTML редактор (в случае если у вас классический редактор) этой страницы и вставляем ранее скопированный код:

contact form 7 вставка шорткода в страницу с классическим редактором

Если у вас редактор блоков то в поиске по блокам введите Contact и выберите Contact Form 7:

Выбор блока Contact Form 7 в редакторе блоков

после чего выбирайте данную форму.

Выбор контактной формы

Нажимаем Опубликовать, смотрим на нашу страницу Контакты:

Контактная форма

Как вы видите форма уже на странице контакты!

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

Защита фор от спама и прочие интеграции

Для того, чтобы защитить нашу форму от спама необходимо:

Скачать и активировать еще один плагин: Really Simple CAPTCHA.

Зайти в настройки созданной нами формы: админ. панель WordPress — Contact Form 7 — Контактные формы, на открывшейся странице на против контактной формы жмем «Изменить».

редактирование формы

и в открывшемся окошке нажимаете «сгенерировать тег» и в выпадающем меню выбираем CAPTCHA:

contact form 7 + CAPTCHAНастройки можно не трогать, просто скопируете с правого окошка по очереди 2 строки и вставляете их в окошке слева, перед кнопкой отправить. Также для более наглядного вида формы, создадим подсказку читателям: «Введите код с картинки»:

contact_form 7 + contact form 7 + CAPTCHA настройки

Теперь сохраняем форму

и смотрим на результат:

contact-form-7 - вид с капчей

Вот в принципе и все. Ваша форма обратной связи защищена от спама.

Ещё на всякий случай, в настройках плагина, можите поменять Ваш Email, на который будут приходить все сообщения!

contact form 7 изменение адресата

Так же, можно по эксперентировать и создать более продвинутую форму, например: вот такую форму заказа услуг:

форма заказа услуг сделанная при помощи contact form 7или ещё что-нибудь в этом роде!

Все эксперементы советую делать на денвере, а затем воплощать на реальном блоге в интернете!

Ели у Вас есть какие-нибудь вопросы по поводу создания форм, Вы хотите создать более функциональную форму, но у Вас не получается! Задавайте вопросы! Я всегда рад Вам помочь!

Удачи и успехов!

Поделиться с друзьями
Алексей

Веб-дизайнер и SEO оптимизатор. Занимаюсь созданием сайтов с 2010 года и их продвижение с 2012 года!

Оцените автора
( 3 оценки, среднее 3 из 5 )
Web-Revenue.ru
Добавить комментарий

  1. Александр

    Я использую Antispam Bee-супер плагин защиты от спама. Этот плагин создает видимое поле для спам робота, которое не видит человек. Если в это поле что-либо вставлено, то плагин сразу понимает, что это не человек и не пропускает спам. Всем советую!

    Ответить
  2. Александр

    Оп я первый комментатор 🙂 Очень красиаая и многофункциональная тема, удачи тебе!

    Ответить
    1. Алексей автор

      Спасибо! Тебе тоже удачи! У неня ещё сырой блог, и постов в нем мало! Но эт со временем измениться! Заходи почаще! Буду рад тебя видеть на страницах своего блога!

      Ответить