Налаштування плагіна WPForms для WordPress
WPForms — конструктор форм з візуальним drag-and-drop інтерфейсом. Займає нішу між простотою Contact Form 7 та потужністю Gravity Forms: є зберігання заявок, шаблони, умовна логіка, без перевантаженості. Безплатна версія (Lite) для простих форм; платні тарифи додають умовну логіку, інтеграції, платежі.
Версії
- WPForms Lite — безплатно, прості форми, зберігання в базі, базові повідомлення
- WPForms Basic — інтеграції email-маркетингу, завантаження файлів
- WPForms Plus — умовна логіка, багатокрокові форми, додаткові поля
- WPForms Pro — Stripe/PayPal, Zapier, Salesforce та інші інтеграції
Створення форми
WPForms → Add New → виберіть шаблон або почніть з нуля. Інтерфейс: ліворуч — доступні поля за групами, праворуч — форма з областю перетаскування.
Поля налаштовуються кліком: мітка, плейсхолдер, обов'язковість, CSS-клас. Порядок змінюється перетаскуванням.
Повідомлення
Вкладка Notifications — одне або кілька повідомлень з адресами, темою, тілом. Smart-теги підставляють дані:
Send To: {field_id="3"} — адреса з поля Email форми
Subject: Заявка від {field_id="1"}
Message: {all_fields} — всі поля одним блоком
Кілька повідомлень з умовами (Plus та вище):
Повідомлення 1: → [email protected], якщо поле «Тема» = «Продажі»
Повідомлення 2: → [email protected], якщо поле «Тема» = «Підтримка»
Підтвердження
Вкладка Confirmations — текстове повідомлення, редирект на сторінку, або приховати форму та показати повідомлення:
Type: Message
Message: Спасибо! Мы ответим в течение 2 часов.
Кілька підтвердж з умовами працюють аналогічно повідомленнями.
Записи (Entries)
WPForms зберігає кожну відправку в базі даних (wp_wpforms_entries). У WPForms → Entries — таблиця всіх заявок з пошуком, фільтрами, експортом у CSV.
Запис можна позначити як прочитану, додати зірочку, видалити. Доступ до записів — лише для адміністраторів та редакторів (налаштовується).
Умовна логіка (Plus та вище)
Поле «Потрібна доставка?»: [Так / Ні]
→ Якщо «Так» — показати секцію «Адреса доставки»
→ Якщо «Ні» — приховати секцію «Адреса доставки»
Умовна логіка також застосовується до повідомлень та підтвердж.
PHP API та хуки
// Дія після успішної відправки форми
add_action( 'wpforms_process_complete', function( $fields, $entry, $form_data, $entry_id ) {
$email = $fields[3]['value']; // поле з ID=3
$name = $fields[1]['value'];
// Підписати на розсилку, додати у CRM
subscribe_to_mailchimp( $email, $name );
}, 10, 4 );
// Користувацька валідація поля
add_action( 'wpforms_process_validate_text', function( $field_id, $field_submit, $form_data ) {
if ( 5 === $field_id && strlen( $field_submit ) < 10 ) {
wpforms()->process->errors[ $form_data['id'] ][ $field_id ] = 'Мінімум 10 символів';
}
}, 10, 3 );
Вставка форми
Шорткод: [wpforms id="123"]
У Gutenberg: блок WPForms → виберіть форму зі випадного.
У PHP-шаблоні:
echo do_shortcode( '[wpforms id="123"]' );
// або через функцію
wpforms_display( 123, false, true ); // form_id, title, description
Стилізація
WPForms додає клас .wpforms-form до форми. Базові стилі включені в плагін; для відключення стандартних стилів:
// Відключити стилі WPForms та підключити свої
add_filter( 'wpforms_frontend_css', '__return_empty_array' );
GDPR та згоди
WPForms має вбудований GDPR-чекбокс та зберігання даних: можна увімкнути запит згоди на обробку даних та додати кнопку видалення даних користувача зі записів.
Тимчасові рамки
Одна-дві форми з повідомленнями та зберіганням заявок — 2–4 години. Умовна логіка, багатокрокові форми, інтеграція з зовнішніми сервісами — 1 робочий день.