TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

5 советов по увеличению конверсии форм для WordPress

164

Если вы хотите, чтобы посетители совершили покупку, подписались на демонстрацию или загрузили технический документ на ваш веб-сайт, вам необходимо создать форму веб-сайта для этого процесса.

Дизайн, обмен сообщениями и функциональность ваших веб-форм играют большую роль в том, заполняет ли посетитель форму и совершает ли конверсию. Внесение этих небольших изменений в формы WordPress может помочь вам снизить когнитивную нагрузку на посетителя и повысить конверсию форм.

В этом руководстве мы поделимся советами по Gravity Forms и бесплатному плагину Contact Form 7. Все они могут быть дополнены основными функциями и настройками Gravity Forms, или, если вы используете Contact Form 7, с несколькими бесплатными и платными надстройками. Но на самом деле любой из советов можно применить к большинству лучших плагинов для контактных форм WordPress. Итак, приступим!

1 Используйте сильный цветовой контраст в дизайне формы.

Когда посетитель заходит на ваш сайт, он обычно ищет самый быстрый и простой способ достичь цели, будь то получить дополнительную информацию или совершить покупку. Один из способов повысить конверсию формы – сделать ее дизайн и макет удобными для просмотра для всех посетителей.

Распространенной ошибкой на сайтах WordPress является настройка дизайна формы веб-сайта по умолчанию с белым фоном формы и тонкими серыми полями в качестве полей формы.

Вместо этого рассмотрите возможность создания дизайна формы с сильным цветовым контрастом между фоном формы, метками формы и белыми полями формы. При выборе цветов для формы следуйте рекомендациям WCAG по цветовому контрасту с коэффициентом контрастности не менее 4: 5: 1. Это помогает любому посетителю с ограниченными возможностями или нарушениями зрения четко отличать поля формы от цвета фона веб-страницы.

Вы можете обратиться к Гравитации Формы для разработчиков доступности руководства в качестве ресурса. В этом руководстве действительно есть все, что вам нужно знать о специальных возможностях и формах гравитации, включая целый раздел о цветовом контрасте и использовании цвета.

5 советов по увеличению конверсии форм для WordPress

Информация и СкачатьПосмотреть демо

Если вы используете бесплатный плагин Contact Form 7, расширение Accessible Defaults может помочь вам реализовать передовые практики доступности для всех ваших форм.

2 Уменьшите количество дополнительных полей.

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

В общем, максимально уменьшите количество полей. Если вам нужно включить несколько необязательных полей формы, четко пометьте обязательные поля по сравнению с необязательными, чтобы уменьшить количество ошибок пользователя при отправке формы.

В платном плагине Gravity Form поля формы по умолчанию являются необязательными, и вы можете установить флажок «Обязательно» при редактировании формы на панели инструментов WordPress.

Для бесплатного плагина Contact Form 7 добавление звездочки в поле HTML формы – лучший способ идентифицировать текстовое поле по мере необходимости.

С длинными веб-формами посетители также должны решить, хотят ли они поделиться всей этой личной информацией. Рассмотрите возможность добавления ссылки на свою политику конфиденциальности в веб-форме и следуйте рекомендациям GDPR по защите данных, чтобы завоевать доверие потенциальных клиентов.

3 Рассмотрите многоэтапную / многостраничную форму.

Если вам необходимо разместить на своем веб-сайте длинную форму для углубленного процесса регистрации или подачи заявки, подумайте о том, чтобы преобразовать ее в многоэтапную или многостраничную форму.

Разбивая долгий процесс на мелкие шаги, мы сокращаем предполагаемые усилия, и это побуждает больше посетителей сети начать процесс. В многостраничных формах полезно настроить индикатор выполнения под формой на каждой странице, и это будет указывать, где посетитель находится в процессе заполнения формы.

5 советов по увеличению конверсии форм для WordPress

Информация и Скачать

Если вы используете платный плагин Gravity Forms, вы можете использовать встроенные параметры плагина для создания многостраничной формы и группировки полей формы по страницам. Используйте основные параметры при добавлении полей для «начала разбиения по страницам», «разрыва страницы» и «конца разбиения по страницам», чтобы создавать свои собственные многоступенчатые формы.

5 советов по увеличению конверсии форм для WordPress

Информация и СкачатьПосмотреть демо

Существуют также платные расширения плагинов для Contact Form 7, которые позволяют добавить на ваш сайт многоэтапный процесс формы. Multi-Step Pro позволяет разбивать длинные формы на пошаговый процесс.

При настройке разных страниц формы учитывайте взаимодействие с пользователем, когда кто-то просматривает форму. Начните с запроса базовой информации и попытайтесь сгруппировать похожие данные. Это может уменьшить количество усилий и создать плавный переход к форме.

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

4 Автоматическое форматирование данных в записях формы.

Для некоторых полей формы может требоваться определенный формат, например номера телефонов, даты и номера кредитных карт. Автоматически форматируя записи полей формы, вы можете ускорить процесс для посетителей Интернета, заставив их быстрее конвертировать.

В Gravity Forms вы можете выбрать стиль формата телефонного номера в США или международном формате при настройке поля телефона.

Если вы не хотите ограничивать посетителей определенным телефонным форматом, вы также можете рассмотреть возможность предоставления примера ввода данных в качестве текста-заполнителя в поле формы. Это может помочь посетителям быстро определить правильный формат дат или адресов. В контактной форме 7 вы можете включить водяной знак-заполнитель в HTML-код для числового поля, чтобы сделать это.

Однако избегайте использования текста-заполнителя вместо меток полей формы. Это важная практика веб-доступности, поскольку текст-заполнитель исчезает, когда вы нажимаете на поле, и некоторым посетителям может понадобиться метка в качестве ссылки. Люди также выполняют несколько задач во время просмотра веб-страниц, поэтому вам нужно сделать шаги как можно более четкими, поскольку их внимание может отвлекаться.

Все эти шаги помогут посетителям сайта правильно заполнить форму при первой отправке. Большинство людей не будут пытаться повторно отправить форму более одного или двух раз, если они продолжают сталкиваться с ошибками при отправке.

5 Избегайте вводящих в заблуждение призывов к действию.

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

Призыв к действию или CTA является обмен сообщениями на своем сайте, что кто – то подсказывает, чтобы принять незамедлительные меры. Вот некоторые распространенные примеры CTA: запросить демо, бесплатную консультацию или добавить в корзину.

Существует баланс между уменьшением количества полей в форме и запросом информации, достаточной для удовлетворения запроса клиента. Если вы обещаете предоставить расчет или оценку, клиент будет ожидать, что вы запросите достаточно информации в форме, чтобы немедленно предоставить этот запрос. Если все эти поля отсутствуют, посетитель может подумать, что форма вводит в заблуждение, и вместо того, чтобы получить расчет, ему позвонит продавец.

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

Настройка отдельной страницы благодарности или подтверждения для каждой формы также может помочь в отслеживании конверсий в аналитике.

С Gravity Forms вы можете определить «URL-адрес перенаправления» в разделе «Настройки»> «Подтверждения» при создании формы.

5 советов по увеличению конверсии форм для WordPress

Информация и СкачатьПосмотреть демо

Для контактной формы 7 бесплатное дополнение Redirection for Contact Form 7 добавляет возможность перенаправления пользователя после того, как он успешно отправил контактную форму.

Инструменты WordPress для преобразования форм

От цветового контраста до форматирования полей, вы можете увеличить количество преобразований форм на вашем сайте WordPress. Используя различные инструменты WordPress и следуя лучшим практикам UX-дизайна, вы можете увеличить шансы, что посетитель приложит усилия для отправки формы на вашем веб-сайте.

Источник записи: https://www.wpexplorer.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее