Как настроить контактные формы с помощью плагина Contact Form 7?
Опубликовано: 2021-11-18
Мы уверены, что вам понравится простой и удобный способ настройки плагина WordPress Contact Form 7 для добавления необходимой контактной формы на ваш сайт.
Вы думаете о добавлении контактной формы на свой сайт WordPress?
На каждом веб-сайте обязательно должна быть интегрирована контактная форма, чтобы потенциальные посетители, клиенты и заказчики могли легко связаться с представителями веб-сайта и найти ответы на свои вопросы.
Наличие контактной формы на вашем веб-сайте сделает вашу работу более упорядоченной и быстрой. Это позволит вам получить всю необходимую информацию о ваших клиентах, включая имя, номер телефона, адрес электронной почты и многое другое.
Более того, использование контактной формы в качестве основного портала связи между вами и вашей клиентской базой безопаснее, чем предоставление адреса электронной почты для связи с вами.
Это сэкономит ваше время и нервы, которые вы потратите на получение, анализ и сортировку тонн сообщений, в том числе и спама.
Если вы запускаете веб-сайт на базе WordPress и хотите добавить функциональность контактной формы на свой сайт, лучший способ сделать это — начать с выбора правильного плагина контактной формы, на который можно положиться.
В этой статье мы предлагаем вам использовать плагин Contact Form 7 как один из лучших плагинов, доступных в библиотеке WordPress.
Вам нужен понятный учебник по установке и настройке плагина WordPress Contact Form 7? Вот так!
Контактная форма 7:
Contact Form 7 на сегодняшний день является одним из часто загружаемых и используемых плагинов для контактных форм. Это бесплатный плагин с множеством премиальных функций и возможностью расширения. Это означает, что вы можете бесплатно добавлять дополнения или расширения, чтобы сделать этот плагин более мощным и сложным для удовлетворения потребностей вашего веб-сайта.
Теперь давайте перейдем непосредственно к процессу правильной установки и настройки Contact Form 7. Хотя работа с этим плагином требует некоторых технических знаний и знаний в области кодирования, мы постараемся сделать все максимально простым и понятным.
Начните с загрузки папки contact-form-7 в каталог плагинов WP и активируйте ее через меню плагинов WP. После того, как плагин установлен и активирован, давайте перейдем в раздел «Контакты», «Формы контактов», чтобы настроить плагин WordPress Contact Form 7 и управлять доступными контактными формами.
Найдите и нажмите кнопку «Добавить новый». Вам будет предложено выбрать язык.
После выбора соответствующего языка вы будете перенаправлены в новый редактор контактной формы. Основные поля, которые обычно включаются в контактную форму, уже присутствуют.
Однако, если вы хотите иметь дополнительные поля вместе с уже предоставленными базовыми, вы можете добавить их с помощью кнопок полей формы, которые вы можете найти в открывшемся редакторе. Нажмите на одно из полей, и появится всплывающее окно с типом поля, именем, значением по умолчанию и т. д.
Вы можете выбрать Поле как обязательное поле, что означает, что пользователи будут обязаны заполнить это поле.
Что касается имени, то оно уже заполнено по умолчанию.
Что касается значения по умолчанию, вы можете использовать текст в качестве заполнителя поля.
Наконец, нажмите «Вставить тег», чтобы добавить это поле в контактную форму. На этом этапе вам может понадобиться добавить простой код, например [url rul-7].
Рядом с вкладкой «Форма» вы можете найти «Почта», чтобы вставить основные данные, такие как адрес электронной почты, на который вы хотите отправить формы, тему, дополнительные заголовки и т. д.
Существуют соответствующие теги, такие как [ваша тема], [ваше имя], которые следует использовать при работе с полями формы. Сохраните изменения и перейдите в Сообщения.
Здесь вы можете настроить сообщения, которые отправляются в определенных ситуациях, например, когда сообщение успешно отправлено, сообщение не удалось отправить, ошибка формата даты и т. д.
Всякий раз, когда вы закончите настройку сообщений, перейдите в «Контакты», «Формы контактов», чтобы убедиться, что ваша вновь созданная контактная форма указана там.
Если вы хотите настроить плагин WordPress Contact Form 7 и добавить в него reCaptcha, вы также можете это сделать. Для этого вам необходимо сгенерировать открытый и секретный ключи reCaptcha, посетите
https://www.google.com/recaptcha/intro/invisible.html, нажмите кнопку «Получить RECAPTCHA» и введите данные своего веб-сайта WP.
После регистрации на этом сайте вам необходимо интегрировать reCaptcha с плагином Contact Form 7.
Теперь перейдите в «Контакты», «Интеграция» и введите «Ключ сайта» и «Секретный ключ». Добавьте уже сгенерированные ключи.
Перейдите к разделу «Контакты», «Контактные формы», «Ваша форма» и вставьте код [recaptcha] прямо перед кнопкой отправки.
Затем перейдите на страницы, добавьте новый и вставьте код [contact-form-7 404 «Not Found»]. Теперь у вас есть reCaptcha, встроенная в контактную форму вашего сайта.
Следующим шагом будет создание страницы контактов. Когда вы начинаете настраивать плагин WordPress Contact Form 7, вы можете заметить примечание о необходимости скопировать код [contact-form-7 404 «Not Found»] и вставить его в содержимое записи, страницы или текстового виджета. Теперь скопируйте этот код, так как вы собираетесь использовать его при создании страницы контактов.
Теперь перейдите в WP Dashboard, Pages, Add New. Здесь вам нужно добавить заголовок, например «Свяжитесь с нами», и вставить уже скопированный шорткод. Теперь вы можете опубликовать страницу!
Осталось выполнить один шаг, чтобы посетители и пользователи вашего сайта могли его увидеть. Вам нужно найти его в меню. Перейдите в «Внешний вид», «Меню», выберите меню заголовка и добавьте в это меню уже созданную вами страницу. Проверьте страницу и добавьте ее в меню, нажав «Добавить в меню».
Сохраните меню и проверьте свою работу. Проверьте, присутствует ли контактная форма в меню вашего сайта WP. Нажмите на этот пункт меню и найдите страницу контактов. Заполните свое имя, адрес электронной почты и сообщение в данных полях и отправьте. Если после отправки вы получите подтверждающее сообщение, поздравляем! Контактная форма вашего сайта работает безупречно.
Наконец, если вы не хотите, чтобы ваша контактная форма отображалась в верхнем меню, но хотите разместить ее в нижнем колонтитуле, вы можете сделать это, создав новое меню и добавив следующий код в functions.php:
add_action( 'init', 'register_footer_menu' ); // this registers your menu with WP
function register_footer_menu() {
if ( function_exists( 'register_nav_menu' ) ) {
register_nav_menu( 'footer-menu', 'Footer Menu' );
}
}
add_action('wp_footer', 'display_footer_menu', 1000, 0);
// функция отображения для вашего меню:
функция display_footer_menu () {
эхо ( has_nav_menu ( 'нижнее меню' ) ? wp_nav_menu (
множество (
'theme_location' => 'нижнее меню',
'container_id' => 'нижнее меню',
'container_class' => 'нижнее меню'
)
).'' : '' );
}
Теперь перейдите в «Меню», «Новое меню, которое вы создали», «Добавить элементы» и вставьте нужные страницы в свое меню. Найдите расположение меню и сверьтесь с меню нижнего колонтитула. Сохраните свои настройки и опубликуйте контактную форму в меню нижнего колонтитула.