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

Здравствуйте, друзья!

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

Общение имеет важное значение. Это верно при попытке построить устойчивый бизнес или сообщество, блог и практически любой тип веб-сайта, а также в жизни. Как вы можете себе представить, чтобы вы могли связаться со своей аудиторией, особенно если комментарии отключены на вашем веб-сайте, у вас должна быть контактная форма. Фактически, не имеет значения, какой тип сайта вы строите. Блог, портал, журнал, визитная карточка или что-то среднее между ними, цель веб-сайта — привлечь своих пользователей. Какой лучший способ достичь этого, чем позволить им говорить прямо с вами?

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

Самый простой способ добавить контактную форму на ваш сайт — это добавить плагин.

Ко мне часто поступают вопросы про хостинг, которым я пользуюсь и поэтому решил указать хостинг в статье https://sprinthost.ru. Вы можете попробовать попользоваться хостингом 30 дней бесплатно. Чтобы понять, как будет работать Ваш сайт на этом хостинге просто перенести свой сайт (в этом поможет поддержка хостинга бесплатно) и и таким образом сможете понять подходит хостинг Вам или нет. На этом хостинге находятся сайты с 20 000 тысяч посещаемость и сайты чувствуют себя отлично. Рекомендую! Да, если делать оплату на 1 год то получаете скидку 25%. И что мне нравится - тех. поддержка всегда помогает в технических вопросах, за что им спасибо. Как Вы понимаете не всегда проходит всё гладко и нет желания, чтобы сайт не был доступен тем самым страдал трафик и доход.

Для целей данного руководства мы будем использовать плагин Contact Form 7.

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

У нас нет конкретной причины выбора этого плагина. Ранее я уже описывал как добавить к себе на сайт плагин формы под названием: WPForms. Можете посмотреть в его сторону.

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

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

Но сегодня мы остановимся на плагине контактной формы — Contact Form 7. Я расскажу вам как его установить и настроить, а также добавить аддон для препятствия проникновения спама.

Что такое Contact Form 7?

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

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

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

Шаг 1

На панели инструментов перейдите в раздел «Плагины», нажмите «Добавить новый».

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

Шаг 2

Поиск плагина Contact Form 7

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

Шаг 3

В разделе «Contact Form 7» нажмите «Установить сейчас» и дождитесь, пока будет установлена ​​форма контактов на ваш сайт WordPress.

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

Шаг 4

По завершении нажмите «Активировать плагин». Появится новый пункт меню «Контакт».

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

Шаг 5

Теперь давайте установим плагин CAPTCHA, нажав кнопку «Добавить».

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

Шаг 6

Поиск Really Simple CAPTCHA.

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

Шаг 7

Под именем плагина нажмите «Установить сейчас», а затем «Активировать плагин».

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

Шаг 8

Чтобы настроить контактную форму в WordPress, перейдите в раздел «Контакты», а затем «Контактные формы». В списке вы увидите «Форму Контакта 1» в форме по умолчанию. Чтобы настроить ее, нажмите «Изменить». Вы увидите строки кода или тегов, представляющие поля ввода для имени, адреса электронной почты, темы, тела сообщения и кнопки отправки. Это типичная контактная форма, готовая к использованию. Вы можете настроить ее, просто добавив или удалив теги. Давайте добавим новый тег для формы — CAPTCHA.

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

Шаг 9

Нажмите «Создать тэг». В раскрывающемся меню выберите CAPTCHA.

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

Шаг 10

Скопируйте две нижние строки кода и вставьте их чуть выше тега Submit вашей формы.

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

Шаг 11

По завершении нажмите «Сохранить».

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

Шаг 12

Теперь скопируйте код формы контакта.

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

Шаг 13

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

Шаг 14

Вставьте код формы в тело страницы в текстовом режиме. Нажмите «Опубликовать», чтобы просмотреть свою контактную форму.

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

Вот и все! Вы успешно установили контактную форму в WordPress с помощью плагина Contact Form 7.

До скорых встреч!


Обо мне
Юрич:
Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.
2 комментария к статье "Как установить и настроить Contact Form 7"
  1. Анна Юрьевна: 05.11.2020 в 14:44

    Спасибо большое, теперь мне все понятно, что и как надо сделать)))

  2. Максим: 09.09.2019 в 13:11

    Да плагин в принципе очень простой, что без инструкции возможно разобраться. Это если что-то настраивать нестандартное или дорабатывать. А так, проще уж некуда. Из неплохих плагинов и самых простых что я пробовал нашел недавно https://ru.wordpress.org/plugins/stepform/ для новичков самое то, потыкал мышкой и форма готова.

Заказать сайт