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

Contact Form7 – один из самых популярных плагинов для создания формы обратной связи на сайтах WordPress. Он легок в освоении и обладает большими возможностями. Давайте посмотрим на него поближе.

Установка плагина Contact Form 7

Вначале нужно установить плагин Contact Form 7 на свой сайт. Для этого, в панели управления своим сайтом, перейдите в меню  Плагины и выберите Добавить новый.

Установка плагина Contact Form 7

После чего, в строке поиска, наберите название плагина, затем его установите и активируйте.

Активация плагина Contact Form 7

Теперь, после установки плагина, на панели управления сайтом, в левой колонке, у вас появится новое меню – Contact Form 7. В этом меню, вы сможете добавить новую форму обратной связи, или отредактировать старую.

Добавление новой формы обратной связи в Contact Form 7

Как добавить новую контактную форму

Для того, чтобы создать новую форму обратной связи, перейдите в меню Contact Form 7, и выберите пункт Добавить новую. Дайте своей форме название. Можно произвольное. Это название, будет видно только вам, поэтому, назовите его так, как вам удобно. После чего, проскролив чуть вниз, вы сможете отредактировать шаблон, который вам дается по умолчанию.

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

Шаблон по умолчанию в Contact Form 7

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

Однако, при необходимости, вы можете добавить и другие поля, в зависимости от того, какие ещё данные вам нужны. Вы можете добавить следующие поля:

  • Текст
  • Емейл
  • URL
  • Телефон
  • Номер (вы можете указать минимальное и максимальное значение, а также, значение по умолчанию)
  • Дата
  • Текстовая область
  • И ряд других полей.

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

Добавление нового поля в Contact Form 7

После чего, вам нужно будет добавить подпись к этому полю.

Добавление надписи к полю в Contact Form 7

Вы можете добавить различные поля в свою форму. Только не забудьте сохранить изменения.

Настройка емайл оповещений.

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

Настройка email в Contact Form 7

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

Вставка формы в запись.

Ну и теперь, последним шагом, осталось вставить форму обратной связи на страницу или в запись. Перейдите на главную страницу плагина, и скопируйте шорткод.

Копирование шорткода в Contact Form 7

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

Вставка шорткода обратной связи на странице

Теперь вам только осталось посмотреть, как ваша форма, будет выглядеть на странице. Нажмите кнопку Опубликовать, или Обновить или Просмотреть, и вы увидите, как ваша новая форма, будет выглядеть на готовой странице.

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

Заключение

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

Как видите, с помощью плагина Contact Form 7, вы легко можете поставить форму обратной связи к себе на сайт. И вместе с тем, этот плагин, абсолютно бесплатен. Уже в бесплатной версии, у него есть весь необходимый вам функционал.

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

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (Пока оценок нет)
Загрузка...
Ваш комментарий