Создавайте A/B-тесты с помощью редактора блоков WordPress — полное руководство

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

Что такое веб-конверсия и зачем создавать A/B-тесты?

В онлайн-маркетинге более подробно рассматриваются две темы: SEO-оптимизация и оптимизация коэффициента веб-конверсии.

Веб-конверсия относится к любому действию, которое пользователь должен совершить при переходе на веб-сайт. Посещение сведений о продукте или страницы с ценами, подписка на информационный бюллетень, обращение к нам, чтение статьи и т. д. А коэффициент конверсии — это количество достигнутых конверсий по отношению к количеству посещений. То есть, если у вас есть в общей сложности 100 посещений в день, два из которых заканчиваются покупкой продукта, коэффициент конверсии на вашем сайте составляет 2% .

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

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

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

Шаги перед созданием A/B-теста

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

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

Например, в случае с нашим веб-сайтом Nelio Software наша цель — увеличить число подписчиков на премиум-планы наших плагинов. Посетитель может впервые узнать об A/B-тестировании Nelio, когда он найдет в Google информацию об A/B-тестировании. Как только они попадут на наш веб-сайт, они прочитают несколько статей в документации по нашему продукту, чтобы узнать о нем больше. Затем, если посетитель найдет интересную информацию, он запросит более подробную информацию или загрузит плагин из каталога WordPress, чтобы протестировать бесплатную версию плагина. Наконец, посетитель подписывается на один из наших премиальных планов.

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

Проанализируйте и попытайтесь понять с помощью инструментов, которые у вас уже есть (Google Analytics, тепловые карты, карты прокрутки, карты кликов), что происходит и где вы теряете посетителей.

Попробуйте ответить на следующие вопросы:

• Соответствует ли страница ожиданиям пользователя с точки зрения содержания и дизайна?
• Как мы можем улучшить его?
• Являются ли содержание и предложения на сайте максимально понятными?
• Можем ли мы сделать это яснее или проще?
• Что вызывает колебания на этой странице или мешает процессу?
• Что на странице не помогает пользователю действовать?
• Можем ли мы повысить мотивацию пользователей?

И отсюда сгенерируйте свои гипотезы об изменении. Например, на нашей целевой странице Nelio A/B Testing мы увидели, что многие посетители видят только первую складку и не прокручивают страницу вниз. Обсудив различные варианты, мы решили, что можем переосмыслить текст. Наша гипотеза была следующей: если в первом разделе нашего сайта мы изменим сообщение, чтобы оно вызывало любопытство, а не срочность, конверсия должна улучшиться.

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

Создайте A/B-тест в редакторе блоков

Если вы хотите вручную создать A/B-тест на веб-сайте WordPress, вы можете использовать Google Analytics для анализа конверсий. Тем не менее, мы рекомендуем вам использовать один из инструментов, доступных на рынке. И, в частности, мы рекомендуем использовать Nelio A/B Testing (бесплатная и премиум-версия от 29 евро в месяц), потому что это собственный плагин WordPress и, как таковой, он на 100% совместим с редактором блоков, а это значит, что вы не нужно изучать или использовать какой-либо другой внешний инструмент для его работы.

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

Давайте рассмотрим ниже различные шаги, которые вы должны выполнить, чтобы создать A/B-тест с помощью Nelio A/B Testing с редактором блоков WordPress:

• Выберите тип теста для создания
• Определите варианты теста
• Определение целей конверсии и действий
• Определите, какие сегменты, если таковые имеются, вы хотите проанализировать
• Запустите тест и проанализируйте свой прогресс
• Примените выигрышный вариант и сделайте его постоянным

Выберите тип теста для создания

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

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

После того, как вы выбрали тип теста, вы увидите, что создание тестовых вариантов точно такое же, как и при создании любого элемента WordPress.

Определите варианты теста

Для выбранного типа теста вы должны выбрать элемент, который хотите протестировать, и определить его варианты. Давайте посмотрим пример…

A/B-тестирование страницы

Недавно, чтобы увеличить продажи нашего продукта Nelio Content, мы решили провести A/B-тестирование страницы с ценами. В частности, мы хотели проанализировать, какая цветовая комбинация различных планов может принести нам наибольший доход.

Мы решили создать в дополнение к исходному варианту еще два варианта с этими цветовыми сочетаниями:

В первом варианте мы решили показать планы подборкой очень модных в этом году пастельных тонов.

А во втором варианте, как вы можете видеть на изображении выше, мы хотели выделить только план Standard.

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

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

Далее вы можете создать один или несколько вариантов (которые вы можете назвать). По умолчанию каждый вариант будет точной копией контрольной страницы, которую вы ранее выбрали. Нажмите на ссылку « Изменить » варианта, и у вас будет редактор блоков WordPress, который вы уже знаете, и вы сможете вносить все необходимые изменения.

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

После A/B-тестирования

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

В остальном процесс точно такой же, как и предыдущий.

A/B-тестирование пользовательского типа поста

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

Заголовок A/B-тестирование

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

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

Выберите пост, заголовок которого вы хотите протестировать, и создайте один или несколько вариантов:

A/B-тестирование тем

Если после анализа вашего веб-сайта вы предполагаете, что ваш веб-сайт нуждается в более радикальных изменениях, возможно, изменение темы может быть альтернативой. Создать тест темы очень просто с Nelio A/B Testing. Вам просто нужно установить в WordPress темы, которые вы хотите протестировать, и выбрать их в A/B тесте тем.

A/B-тестирование шаблонов

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

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

Меню A/B-тестирование

Создать A/B-тест меню так же просто, как выбрать одно из имеющихся меню и создать нужные варианты.

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

Измените структуру меню, изменив элементы по своему усмотрению, и, когда все будет готово, вернитесь к тесту.

A/B-тестирование виджетов

Если вам нужно создать тест виджета в WordPress, после выбора того, что вы хотите создать тест виджета, вам просто нужно указать имя нового варианта виджета и нажать на ссылку « Редактировать ».

При редактировании варианта Nelio использует собственный редактор виджетов WordPress с некоторыми дополнительными элементами управления. Добавляйте, удаляйте и сортируйте варианты виджетов по своему усмотрению, а затем возвращайтесь к тесту:

A/B-тестирование CSS

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

Как только вы определили новые правила, нажмите «Опубликовать», и у вас будет создан вариант CSS вашего теста.

Обзор продукта WooCommerce A/B-тестирование

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

Если вы выбрали создание теста этого типа, Nelio A/B Testing покажет вам в раскрывающемся списке продукты, которые у вас есть, и вам нужно будет только внести изменения в варианты, которые вы хотите создать, непосредственно в редактор тестов. Вам не нужно идти редактировать продукт.

Определите цели и действия по конверсии

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

Как мы определяем цели конверсии и действия в A/B-тестировании Nelio?

В разделе « Цели конверсии и действия » вы можете добавить столько целей, сколько хотите, щелкнув ссылку + Создать , и при желании вы можете добавить к ним имя. Nelio A/B Testing покажет вам информацию о том, насколько эффективен каждый вариант для каждой из поставленных вами целей.

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

В примере теста на странице цен Nelio Content мы определили 4 цели, которые будут измеряться в рамках теста:

• Нажимает на кнопки любого плана.
• Нажимает на кнопки Базового плана.
• Нажимает на кнопки тарифа Стандарт.
• Нажимает на кнопки плана Plus.

Сегментируйте свой трафик

Одной из интересных особенностей некоторых инструментов A/B-тестирования является то, что вы можете сегментировать свой трафик. То есть вы можете настроить только определенных посетителей для участия в тесте. Например, по стране, времени, языку, браузеру, устройству и т. д. Если вы хотите получить более подробную информацию о том, как реализовать сегментацию трафика с помощью Nelio A/B Testing, в этой статье Антонио подробно объяснит вам это.

Запустите созданный тест и проанализируйте его ход

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

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

В этом случае, как вы можете видеть на изображении результатов, они показывают, что второй вариант, альтернатива C, дает почти на 130% больше кликов, чем исходная версия. Напротив, вариант с изображением планов в пастельных тонах хуже на 25,5%. Если бы у нас была только эта цель теста, альтернатива C мы видим, что она достигла ошеломляющих результатов.

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

Применить выигрышную альтернативу

Наконец, как и в примере выше, если вы получаете выигрышный вариант теста, Nelio A/B Testing позволяет вам применить этот вариант в качестве окончательной версии на вашем веб-сайте. Это еще одно большое преимущество того, что Nelio A/B Testing является собственным плагином WordPress, применение выигрышной альтернативы требует только нажатия кнопки « Применить ».

И вуаля , теперь у вас новый дизайн вашего сайта с проверенными данными, лучше предыдущего.

Чего вы ждете, чтобы создать свои A / B-тесты с помощью редактора блоков WordPress?

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

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

Избранное изображение от Maarten Deckers в Unsplash .