Как установить контактную форму 7 на свой сайт WordPress

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

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

В этом посте мы рассмотрим простые шаги, которые необходимо выполнить, чтобы установить контактную форму 7 на ваш веб-сайт WordPress.

Зачем использовать контактную форму 7

Почему на рынке доступны десятки плагинов контактных форм для WordPress, почему Contact form 7 так популярен? Почему его предпочитают многие владельцы веб-сайтов WordPress? Ответ довольно прост. Контактная форма 7 проста в использовании и очень эффективна.

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

• Простота настройки

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

• Защита от спама

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

• Поддерживает CAPTCHA

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

• Это свободно

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

Простые шаги по установке контактной формы 7

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

Шаг первый: Установите и активируйте контактную форму 7 на своем сайте. Первое, что нужно сделать, это установить плагин. Перейдите к «Плагины» на панели инструментов и нажмите «Добавить новый».

Шаг второй: Просмотрите список, чтобы найти «Контактную форму 7». Вы можете использовать функцию поиска, чтобы сделать это быстрее. Нажмите кнопку «Установить сейчас», чтобы установить его, когда вы его найдете.

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

Как создать свою форму

Теперь, когда ваша контактная форма 7 установлена ​​и активирована, пришло время создать вашу первую форму и начать общаться с посетителями вашего сайта. Чтобы создать форму, выполните следующие действия:

Шаг 1: Перейдите в «Контакты» на панели инструментов WordPress и нажмите «Контактные формы». Вы увидите контактную форму по умолчанию под названием «Контактная форма 1». Если вы не готовы настраивать форму, вы можете использовать параметр по умолчанию.

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

Шаг 2: Чтобы создать индивидуальную форму, введите имя/название формы в поле, предусмотренное в поле заголовка, и нажмите «Сохранить».

Шаг 3: Добавьте соответствующий HTML-код для контактной формы в разделе «Форма». Вы можете использовать различные предустановленные кнопки для создания шорткодов для тегов общей формы.

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

Как вставлять теги

Например, чтобы добавить поле телефонного номера, поместите курсор в то место, где вы хотите, чтобы это поле появилось. Нажмите на кнопку «Тел.». кнопка.

Это запустит всплывающее окно, и вы можете настроить поле отсюда. Если вы хотите сделать добавление обязательным полем, нажмите на поле «Обязательно».

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

Вы можете установить атрибут Class или ID, или что угодно. Для этого обратитесь к полю в таблице стилей с атрибутом Class или ID. Когда вы закончите, нажмите на кнопку «Вставить тег».

Как настроить форму

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

Шаг 1: нажмите на вкладку «Почта». Вы зададите, откуда и как будут отправляться сообщения из вашей контактной формы.

Шаг 2: Введите адрес электронной почты, на который вы хотите отправлять все сообщения из контактной формы, в поле «Кому». Обратите внимание, что поле «От» является источником электронной почты, и именно здесь вы получите информацию об отправителе сообщения с вашего веб-сайта WordPress через контактную форму.

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

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

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

Вывод

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