Как делать (и почему вы должны делать) A/B-тестирование с помощью Elementor в WordPress

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

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

Что такое A/B-тесты?

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

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

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

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

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

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

Оптимизация коэффициента конверсии

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

Шаг 1: Определите свои цели

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

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

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

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

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

Шаг 2: проанализируйте свой сайт

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

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

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

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

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

Шаг 3: Создайте свои гипотезы

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

Например, на нашей целевой странице Nelio A/B Testing мы увидели, что многие посетители видят только первый блок и не прокручивают страницу вниз. Мы могли видеть это после анализа тепловой карты и карты прокрутки в Интернете. Кроме того, только 45% посетителей перешли на страницу с ценами.

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

Шаг 4: Создайте тестовую идею

Затем нам нужно было реализовать новый заголовок, который «вызывает любопытство». В нашем конкретном случае мы решили, что будем использовать следующее: красный или синий? Квадратный или круглый? Вверх или вниз? Проверьте свой WordPress .

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

Шаг 5. Создайте и запустите A/B-тесты

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

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

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

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

Создавайте A/B-тесты в Elementor

Вы можете создать A/B-тест на веб-сайте WordPress с помощью Elementor вручную, например, используя Google Analytics для анализа конверсий. Тем не менее, мы рекомендуем вам использовать один из доступных на рынке инструментов, таких как Nelio A/B Testing (бесплатная и премиум-версия от 29 евро в месяц), Convertize (премиум-версия от 49 долларов США в месяц), VWO (премиум-версия). версия от 199 долларов в месяц), Convert Expriences (премиум-версия от 699 долларов в месяц) или Optimizely (индивидуальные цены, но от 800 долларов в месяц), среди прочего, что избавляет вас от необходимости сегментировать трафик. на ваш веб-сайт и напрямую предоставлять вам показатели и результаты, которые вы ищете.

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

Шаги, которые необходимо выполнить, следующие:

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

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

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

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

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

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

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

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

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

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

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

Преимущество, которое вы получаете при использовании собственного плагина WordPress, заключается в том, что вы можете напрямую изменять вариант теста A/B, используя тот же визуальный редактор, который вы обычно используете для создания своих страниц. В данном случае редактор явно Elementor. Это означает, что после нажатия на ссылку « Редактировать » вы увидите, что новый вариант загружен в Elementor, и вы можете изменить его по своему усмотрению.

Настройте страницу (в этом примере я буду менять только изображение) и сохраните ее как черновик:

Вот и все! Вы создали свой первый вариант!

A/B-тест поста

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

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

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

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

Тест A/B заголовка

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

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

Вы выбираете пост, заголовок которого хотите протестировать, и создаете нужные варианты, даже не редактируя пост.

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

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

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

Тематические A/B-тесты

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

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

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

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

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

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

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

С Elementor вы можете создать структуру меню навигации непосредственно в WordPress или, если вы используете версию Elementor Pro, вы также можете создавать меню с помощью виджета Nav Menu . Если вы создали его традиционным способом, создать A/B-тест так же просто, как выбрать одно из имеющихся меню и создать нужные варианты.

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

Если вы создали свои меню с помощью виджета «Навигационное меню» версии Elementor Pro, создание теста будет таким же, как если бы вы создавали A/B-тестирование виджетов, как описано ниже.

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

Если вам нужно создать тест виджета в WordPress (включая навигационное меню, о котором говорилось выше), после выбора того, что вы хотите создать тест виджета, вам просто нужно указать имя нового варианта виджета и нажать на ссылку редактирования.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как только он есть, все, что осталось, это сделать его окончательным. С Nelio A/B Testing, являющимся родным плагином WordPress, применение победившего варианта требует только нажатия кнопки « Применить ». Вот и все! Нет необходимости заново создавать победивший вариант — он уже есть в WordPress!

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

Начните проводить A/B-тесты на Elementor прямо сейчас

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

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

Избранное изображение Сида Вакса на Unsplash .