A/B-тесты, которые вы должны попробовать на своих страницах с формами

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

С точки зрения конверсии дизайн и наполнение страниц с формами могут иметь решающее значение, и по этой причине сегодня я хотел бы поделиться с вами некоторыми примерами типов A/B-тестов, которые вы можете попробовать на них для оптимизации конверсии. (посетители обращаются или подписываются). В следующих примерах вы увидите, что формы на страницах создаются с помощью Nelio Forms, нашего плагина для создания форм, полностью интегрированного с WordPress.

Расположение формы на странице

Когда мы говорим об улучшении конверсии на странице, одним из наиболее часто обсуждаемых моментов является расположение призыва к действию. Если наша цель — заставить посетителей страницы заполнить форму, попробуйте разместить форму в разных местах и ​​проанализируйте, какое из них лучше всего подходит для вас. Давайте посмотрим на простой пример того, как мы можем создать подобный тест с помощью плагина Nelio A/B Testing в WordPress.

Предположим, мы хотим создать тест страницы Nelio Unlocker (наш плагин, который преобразует любую веб-страницу в редактор блоков WordPress или Elementor) и, таким образом, проверить, связывается ли с нами больше посетителей, разместив форму выше на странице.

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

Как мы проводим этот тест с плагином Nelio A/B Testing? Сначала выберите, что вы хотите создать новую тестовую страницу:

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

Большим преимуществом Nelio A/B Testing (плагина, полностью интегрированного в WordPress) является то, что внесение изменений в варианты так же просто, как редактирование любой страницы в редакторе блоков. В этом случае вы просто выбираете блок или блоки страницы, которые хотите переместить, и меняете их расположение.

После внесения необходимых изменений остается только сохранить страницу, вернуться к тесту, который мы создавали, и указать конверсионные цели и действия теста. В этом примере наша цель — заполнить контактную форму. В разделе «Цели и действия конверсии» укажите название цели и добавьте действие-конверсию «Отправка формы».

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

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

Количество и тип полей для заполнения

В исследовании, проведенном Hubspot и проанализировав более 40 000 страниц, они заметили, что количество полей для заполнения и тип каждого поля влияют на конверсию, которую они получают.

Из графиков выше видно, что, как вы, наверное, уже догадались, чем меньше полей нужно заполнить, тем проще посетителям будет с вами связаться. Тем не менее, вы также должны взвесить качество информации, которую вы получаете из формы: вы уверены, что хотите, чтобы с вами связывался любой, кто проходит мимо, или вы предпочитаете только тех, кто действительно заинтересован и готов дать вам немного больше информации о сами себя?

Попробуйте выполнить различные A/B-тесты, изменяя количество и тип полей формы, и проанализируйте, что лучше всего подходит для вас, как вы можете видеть в следующем примере:

Чтобы создать такой тест, если вы используете такой плагин, как Nelio Forms, это так же просто, как создать дополнительную форму. Вы увидите, что редактор форм очень похож на редактор блоков, с которым вы уже знакомы:

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

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

Где отображать метки форм

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

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

Если вы используете Nelio Forms, это так же просто, как указать в настройках поля, что метки должны быть скрыты, а затем вы просто пишете соответствующий заполнитель:

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

Отправить текст и цвет кнопки

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

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

Информация о конфиденциальности данных

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

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

Вывод

Сегодня мы хотели поделиться некоторыми идеями, которые вы можете протестировать на страницах с контактными формами, чтобы улучшить коэффициент конверсии. Помните, что сколько бы рекомендаций вы ни нашли, только проведя A/B-тест, вы будете точно знать, что лучше всего работает на вашем сайте: будь то изменение положения формы на странице или тестирование различного содержимого формы, запуск нескольких тесты и посмотреть, как вы можете получить больше лидов, подписчиков или клиентов.

Если вы используете нативные плагины WordPress, такие как Nelio Forms, для создания форм и Nelio A/B Testing для выполнения A/B-тестирования, тестирование страниц с формами никогда не было проще!

Избранное изображение Роберта Анаша на Unsplash.