Пример контактной формы

Контактная форма — важная сторона любого успешного онлайн присутствия. Рассмотрим, что мы можем сделать чтобы улучшить и оптимизировать наши контактные формы.

Пути оптимизации контактных форм

Тестируйте контактные формы. Не достаточно делать это один раз. Это должно быть постоянной практикой. Как проводить тест? Заполните форму и отправьте ее. Ответьте на следующие вопросы: контактная форма работает? не попадает ли письмо в спам папку? сохраняются ли отправленные формы в виде базы данных (емайл адреса)? работает ли форма на мобильных устройствах?

Используйте дизайн форм, который помогает пользователю. Ясно идентифицируйте поля, которые обязательны к заполнению (это можно делать с помощью соответствующей надписи, используя * или выделяя поля цветом). Ясно показывайте в каких полях при заполнении допущены ошибки. Используйте mobile-friendly дизайн ваших форм (достаточное расстояние между полями формы, удобную кнопку отправления формы).

Используйте простые и понятные поля формы. Не делайте больше 3-5 полей формы. Упростите форму насколько это возможно и используйте только необходимые поля, не заставляя пользователя заполнять ненужную информацию или информацию, которую ему нет желания предоставлять (город или телефон, если в этом нет необходимости). Уменьшение полей за счет удаления необязательных полей, повышает конверсию форм. Посетители с большей охотой заполняют такие формы. Обязательное поле с номером телефона уменьшает конверсию. Когда номер телефона является необязательным полем, конверсия такой формы примерно в 2 раза больше. Таким образом, наиболее успешной стратегией является запрашивание как можно меньшего числа информации (насколько это возможно и исходя из целей контактной формы).

Старайтесь не использовать капчу. Использование капчи уменьшает конверсию формы. Что насчет спама? Используйте защищенные от спама формы, не использующие капчу. Нужен баланс между безопасностью и юзабилити.

Предоставляйте подтверждения отправки формы. После отправки формы выводите уведомление что-то типа «Ваше сообщение успешно отправлено». Также можно перенаправлять пользователя на отдельную страницу с благодарностью об отправленной форме и разместив на ней другую полезную информацию. Также возможно предоставлять отправителю формы копию его заявки на его собственный e-mail, таким образом подтверждая успешное заполнение формы и ее отправку получателю.

Примеры плагинов контактных форм для WordPress

Contact Form 7. Особенности: бесплатный; база данных отправленных форм (с помощью дополнительного плагина — Flamingo); настройка сообщения отправителю формы; капча (также можно использовать Akismet в качестве анти-спам защиты, при этом капча не нужна); сообщение об успешной отправке; сообщения об ошибках.

Другие плагины форм: Formidable , Jetpack , Ninja Forms, Gravity Forms.