Home / Wordpress / Установка и настройка плагина обратной связи WordPress — Contact Form 7
Бесплатная накрутка ВКонтакте

Установка и настройка плагина обратной связи WordPress — Contact Form 7

Привет, дорогие читатели. Я уже писал о том как установить форму обратной связи на сайт, но в той статье был рассмотрен лишь общий принцип. Сегодня в статье я расскажу как добавить форму обратной связи для сайта, работающего на WordPress. А конкретно, я расскажу про плагин обратной связи WordPress — Contact Form 7.

плагин обратной связи WordPress

Почему именно этот плагин? Все просто, это самый популярный и функциональный плагин обратной связи.

Скачать плагин Contact Form 7 можно с официального сайта WordPress. Устанавливается он стандартным образом, заходим в раздел «Плагины», «Добавить новый».

добавить новый плагин

После установки плагина, в меню админки WordPress, появится вкладка «Contact»? где и сосредоточены все настройки.

Contact

Здесь всего три вкладки, рассмотрим каждую из них:

  • Contact Forms. В данной вкладке мы можем видеть все созданные формы и управлять ими.
  • Add New. Вкладка для создания форм обратной связи.
  • Integration. Интеграция капчи в форму обратной связи от гугл.

Как добавить форму обратной связи с помощью плагина Contact Form 7

Для того, чтобы добавить форму обратной связи, перейдите в раздел «Add New». Перед вами появится редактор для создания формы. Внешне он напоминает обычный html редактор WordPress.

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

добавление новой формы

1. Заполняем название формы, например, form-1.

2. Переводим заголовки полей:

  • Your Name (required) — Ваше имя (обязательно);
  • Your Email (required) — Ваш email (обязательно);
  • Subject – Тема;
  • Your Message – Сообщение;
  • Send – Отправить;

При желании можете добавить еще поля из предложенных. Затем сохраняем форму.

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

шорткод формы связи

Но помимо этого нам еще необходимо сделать перевод уведомлений и настроить адреса для сообщений, поэтому переходим в раздел «Mail» и делаем перевод как у меня на скриншоте:

настройка адресов

После сохранения, переходите в раздел «Messages». Здесь нам нужно сделать перевод уведомлений. Примерно вот так:

перевод уведомлений

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

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

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

Возможно вас заинтересует:  RusToLat – простой, но эффективный плагин транслитерации русских ссылок в латинницу

Вот такой вот простой, но весьма эффективный плагин обратной связи WordPress. А вы каким плагином пользуетесь?

Об авторе: Андрей Назыров

Приветствую Вас на своем блоге! Здесь Вы найдете всю необходимую информацию по созданию своего блога (сайта), его SEO оптимизации и последующего заработка.

6 комментариев

  1. Все настроил, спасибо!

    Ответить
  2. Хорошая статья. Все доступно описано.

    Ответить
  3. Привет, Андрей. Очень хороший плагин. Никаких нареканий не вызывал никогда. Но с недавнего времени я поставил скрипт, чтобы разгрузить блог от плагина.

    Ответить
    • Привет, Дим. Скрипт тоже хорошо 🙂 Плагин конечно тяжеловат из-за своей многофункциональности, но если использовать лишь базовые функции в форме — имя, e-mail, тема и сообщение, то никаких изменений с загрузкой блога.

      Ответить
  4. Seo - специалист:

    Сайт хорош в информативном плане. Посещаемость очень низкая. А все потому, что автор не уделяет внимание своему блогу. Если точнее: очень много «соплей», а другими словами — дублей! Рекомендую задуматься! Если что-то обидное сказал, пишите на почту.

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *