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

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

Шаг 1: Установка и активация плагина WPForms

Первым шагом необходимо установить и активировать плагин WPForms. Для этого зайдите в административную панель WordPress и перейдите в раздел “Плагины”. Нажмите кнопку “Добавить новый” и введите “WPForms” в строку поиска. Выберите плагин WPForms и нажмите кнопку “Установить”. После установки плагина нажмите кнопку “Активировать”.

Шаг 2: Создание новой формы

После активации плагина WPForms вы сможете создавать новые формы. Чтобы создать новую форму, перейдите в раздел “WPForms” в административной панели WordPress и нажмите кнопку “Добавить новую”. Выберите тип формы, который вы хотите создать, например, “Контактная форма”. Дайте форме название и выберите шаблон. Вы также можете добавить дополнительные поля, перетащив их из левой панели на правую.

Шаг 3: Настройка настроек формы

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

Шаг 4: Добавление формы на страницу

После настройки формы необходимо добавить ее на страницу. Для этого перейдите на страницу, на которую вы хотите добавить форму, и нажмите на кнопку “Добавить блок”. Выберите блок WPForms и выберите форму, которую вы хотите добавить. Нажмите на кнопку “Опубликовать” и проверьте, что форма отображается на странице.

Шаг 5: Дополнительные настройки

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

Шаг 6: Просмотр результатов формы

После того, как форма начнет работать, вы можете просматривать результаты, отправленные пользователями. Для этого перейдите в раздел “WPForms” в административной панели WordPress и выберите нужную форму. Нажмите на вкладку “Результаты”, чтобы просмотреть все отправленные формы. Вы также можете экспортировать результаты в формате CSV или Excel.

CSS для WPForms

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

Вот некоторые CSS-классы, которые вы можете использовать для настройки внешнего вида формы WPForms:

  1. .wpforms – основной класс формы
  2. .wpforms-form – класс контейнера формы
  3. .wpforms-field – класс контейнера поля формы
  4. .wpforms-label – класс метки поля формы
  5. .wpforms-error – класс для отображения ошибок заполнения формы

Вы можете использовать любой из этих классов для настройки соответствующих элементов формы. Например, если вы хотите изменить цвет фона формы, вы можете использовать следующий CSS-код:

.wpforms-form {
background-color: #f2f2f2;
}

Если вы хотите изменить цвет кнопки отправки формы, вы можете использовать следующий CSS-код:

.wpforms-submit {
background-color: #4285f4;
color: #fff;
}

.wpforms-submit {
background-color: #4285f4;
color: #fff;
}
Вы также можете использовать свои собственные классы CSS и добавлять их к соответствующим элементам формы. Например, если вы хотите добавить свой собственный класс к полю “Имя”, вы можете использовать следующий код:
[wpforms id="123" title="false" description="false"].wpforms-field-first-name input {
border: 1px solid #ccc;
padding: 5px;
}
[/wpforms]
Этот код добавляет класс .wpforms-field-first-name к полю “Имя” и применяет к нему стили.

Наконец, если вы хотите использовать свой собственный CSS-файл для настройки внешнего вида формы, вы можете добавить следующий код в файл functions.php вашей темы:

function custom_wpforms_styles() {
wp_enqueue_style( 'custom-wpforms-styles', get_stylesheet_directory_uri() . '/wpforms.css' );
}
add_action( 'wp_enqueue_scripts', 'custom_wpforms_styles' );

Этот код добавляет файл wpforms.css в директории вашей темы и позволяет вам настраивать стили формы с помощью CSS.

Спам и борьба с ним в WPForms

WPForms предоставляет ряд инструментов для борьбы со спамом. Вот некоторые из них:

  1. Поле “reCAPTCHA”: WPForms позволяет добавлять поле “reCAPTCHA” в формы, чтобы проверять, является ли отправитель человеком или ботом. Чтобы добавить поле “reCAPTCHA”, перейдите в настройки формы, выберите вкладку “Конец”, и активируйте опцию “reCAPTCHA”.

  2. Антиспам-вопросы: WPForms также позволяет добавлять антиспам-вопросы к формам. Вы можете создать вопрос, на который может ответить только человек, но не бот. Чтобы добавить антиспам-вопрос, перейдите в настройки формы, выберите вкладку “Поля”, и добавьте поле “Антиспам-вопрос”.

  3. Списки запрещенных слов: WPForms позволяет создавать списки запрещенных слов, которые будут блокироваться при отправке формы. Вы можете добавить слова, которые вы хотите запретить в разделе “Настройки WPForms” в административной панели WordPress.

  4. Ограничение количества отправок: WPForms позволяет настраивать ограничение количества отправок формы с одного IP-адреса. Чтобы настроить ограничение, перейдите в настройки формы, выберите вкладку “Дополнительно”, и активируйте опцию “Ограничение отправок”.

  5. Проверка на JavaScript: WPForms может использовать JavaScript для проверки формы перед отправкой. Это может помочь бороться со спамом, так как боты не могут выполнять JavaScript. Чтобы активировать проверку на JavaScript, перейдите в настройки формы, выберите вкладку “Дополнительно”, и активируйте опцию “Проверка на JavaScript”.

Несмотря на все эти инструменты, некоторый спам может все же пройти через защиту. Если вы столкнулись с большим количеством спама, вы можете попробовать добавить дополнительные слои защиты, такие как CAPTCHA или проверку по электронной почте. Вы также можете использовать специальные плагины для борьбы со спамом, такие как Akismet или Antispam Bee

Лицензионный ключ WPForms: cкачать WPForms

Для использования WPForms на своем сайте, вам нужен лицензионный ключ. Вот как его получить:

  1. Перейдите на официальный сайт WPForms (https://wpforms.com/).
  2. Нажмите на кнопку “Get WPForms” в верхнем меню.
  3. Выберите нужный вам план лицензии WPForms и нажмите на кнопку “Get Started”.
  4. Заполните свои данные и нажмите на кнопку “Create Account”.
  5. Введите данные своей кредитной карты и нажмите на кнопку “Submit Payment”.
  6. После оплаты вы получите на свой электронный адрес письмо с подтверждением оплаты и дальнейшими инструкциями.

Вы также можете приобрести ключ WPForms напрямую через административную панель своего сайта:

  1. Войдите в административную панель своего сайта WordPress.
  2. Нажмите на кнопку “Plugins” в левом меню и выберите “Add New”.
  3. В поисковой строке введите “WPForms” и нажмите на кнопку “Search”.
  4. Найдите плагин WPForms и нажмите на кнопку “Install Now”.
  5. После установки плагина нажмите на кнопку “Activate”.
  6. В левом меню выберите “WPForms” и затем “Settings”.
  7. В разделе “Лицензия” введите свой ключ и нажмите на кнопку “Verify Key”.

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

Заключение

Вот и все! Теперь вы знаете, как настроить плагин WPForms для создания форм обратной связи на своем сайте. Если у вас возникнут какие-либо проблемы или вопросы, вы можете обратиться к документации WPForms или обратиться в поддержку.