Contact Form 7 — один із найпопулярніших плагінів для створення форм у WordPress, але “з коробки” він не захищений від спаму і виглядає досить просто.

Правильне налаштування Contact Form 7: антиспам, дизайн і конверсія

1. Базове налаштування форми Contact Form 7

Базова форма має вигляд:

[text* your-name placeholder "Ваше ім'я"]
[text* your-tel placeholder "Ваш телефон"]
[email* your-email placeholder "E-Mail"]

[submit "Відправити"]

Рекомендується:

• не використовувати зайві атрибути (id, watermark)
• залишати просту і стабільну структуру
• перевірити відправку листа

2. Захист від спаму (обов'язково)

Щоб форма не засипалась ботами, потрібно мінімум 2 рівні захисту:

✔ reCAPTCHA (офіційна інтеграція)

• Реєструємо сайт у Google reCAPTCHA v3
• Додаємо ключі в Contact Form 7 → Інтеграція
• Працює автоматично (невидимо)

✔ Honeypot (ловушка для ботів)

Використовуємо плагін:
CF7 Apps – Honeypot

У форму додаємо:

[honeypot honeypot-field]

3. Стиль форми (щоб не виглядала як “звичайна”)

За замовчуванням форма зливається з текстом. Це сильно знижує конверсію.

Додаємо CSS:

div.wpcf7 {
background: #ffffff;
padding: 25px;
border-radius: 12px;
border: 1px solid #e5e5e5;
box-shadow: 0 4px 20px rgba (0,0,0,0.05);
transition: all 0.3s ease;
}

div.wpcf7:hover {
box-shadow: 0 8px 30px rgba (0,0,0,0.08);
}

.wpcf7 input[type="submit"] {
background: linear-gradient (135deg, #2f6fa3, #3f8fd1);
color: #fff;
font-weight: 600;
border-radius: 8px;
padding: 12px 22px;
border: none;
transition: all 0.3s ease;
}

.wpcf7 input[type="submit"]:hover {
transform: translateY (-2px);
}

Результат:

• форма виглядає як окремий блок
• кнопка привертає увагу
• зростає кількість заявок

4. Текст під формою (ключ до конверсії)

Більшість сайтів ігнорують цей блок — і втрачають заявки.

Правильний текст:

<p style="font-size: 13px; color: #666; margin-top: 10px;">
✔ Заявка не зобов’язує до оплати
✔ Після оплати надсилаємо посилання на завантаження
✔ За потреби надамо приклад бази
</p>

Це:

• знімає страх клієнта
• пояснює процес
• підвищує довіру

5. Що ще важливо (часто забувають)

• ✔ не обіцяти швидку відповідь, якщо її немає
• ✔ не перевантажувати форму полями
• ✔ не використовувати складні капчі
• ✔ тестувати форму після кожної зміни
• ✔ перевірити доставку листів (SMTP при потребі)

📊 ВИСНОВОК

Правильна форма Contact Form 7 — це не просто форма, а інструмент продажу.

Комбінація:

• антиспаму
• дизайну
• тексту

Дає відчутний приріст заявок навіть без реклами.