ГлавнаяПлагины для WordPress

Как установить и настроить плагин Contact Form 7

Плагин Contact Form 7, это один из самых популярных плагинов WordPress, для создания формы для контактов. Но многие не знают, как его правильно настроить.

И в этой статье, вы пошагово узнаете о том, как:

  • Как установить плагин Contact Form 7
  • Как сделать новую форму
  • Как вставить готовую форму контактов на сайт WordPress.

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

Что можно сделать с Contact Form 7

  • С более чем пятью миллионами установок,  Contact Form 7 является одним из самых популярных в среде WordPress. С его помощью можно сделать следующее:
  • Создание и управление контактными формами
  • Легко настроить нужные поля в форме
  • Вставить контактную форму в любое место с помощь шорткода
  • Поддерживает антиспам фильтры Akismet, фильтрацию на основе технологий Ajax и CAPTCHA.
  • Большое количество сторонних расширений.

И все это, абсолютно бесплатно!

Как установить Contact Form 7

Вначале нужно установить плагин WordPress. Для этого на панели инструментов выберите в меню «Плагины» — «Добавить новый».

Добавление нового плагина

Затем нужно набрать в строке поиска Contact Form 7. После того, как плагин отобразится в поиске, нужно его установить и активировать.

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

После установки, в панели управления сайтом добавиться новое меню Contact Form 7

Меню Contact Form 7 в панеле управления сайтом

Настройка плагина Contact Form 7

Кликните на Contact Form 7 – Контактные формы. Откроется окно администрирования плагином. Здесь же вы увидите контактную форму, созданную по умолчанию.

Предустановленная контактная форма в меню плагина

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

Кроме того, вы можете создать свою собственную контактную форму, выбрав Контактные формы – Добавить новую.

Создание новой контактной формы.

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

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

Шаблон контактной формы по умолчанию

По умолчанию Contact Form 7 добавляет ряд полей к новым формам, включая имя, адрес электронной почты, тему, сообщение и кнопку Отправить. Скорее всего, вы захотите сохранить все эти поля.

Однако вы можете добавить дополнительные поля в зависимости от потребностей вашего сайта. Для этого вы можете выбрать соответствующую кнопку генератора тегов, чтобы создать правильный тег формы. Например, чтобы добавить поле URL, вы просто нажимаете кнопку URL (как отмечено ниже).

Вставка нового поля в контактную форму

Если вы хотите добавить метку к своему полю, вы можете скопировать HTML-код, из других полей. Например, когда я нажал на кнопку URL, Contact Form 7 сгенерировал тег [url url-344]. Затем я добавил дополнительный HTML-код для метки, поэтому итоговое поле URL будет иметь вид:

Вид вставки нового поля

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

Настройка почтовых уведомлений

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

Вкладка Почта в меню Contact Form 7

Это шаблон электронного письма, которое вы получите при отправке контактной формы. В поле «Кому» убедитесь, что адрес электронной почты правильный, так как именно сюда будет отправляться любая корреспонденция из контактной формы. (Contact Form 7 по умолчанию добавит адрес электронной почты, связанный с вашим сайтом).

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

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

Вставка поля URL адреса страницы в шаблон сообщения

И снова, не забудьте нажать на кнопку Сохранить.

Вставка контактной формы на сайт.

Теперь вы знаете, как настроить Contact Form 7, как создать новую форму и настроить параметры почты. Остался последний шаг – вставить форму на страницу или в запись на сайте.

Выберите Контакты — Контактные формы. Затем скопируйте шорткод рядом с формой, которую вы хотите добавить на свой сайт.

Выбор контактных форм в меню плагина

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

Вставка шорткода контактной формы в запись на сайте

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

Готовая контактная форма

Заключение

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

Ну а если у вас остались ещё вопросы, то задавайте их в комментариях и постараюсь на них ответить.

УжасноПлохоНормальноХорошоОтлично (1 оценок, среднее: 5,00 из 5)
Оставьте комментарий:
Я не спамлю...