Как добавить и протестировать виджеты в WordPress 5.8

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

Подавляющее большинство тем WordPress поставляется с набором предустановленных и готовых к использованию виджетов:

Цели нового редактора виджетов

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

Что мы ищем в этом новом редакторе виджетов? Как Энн Маккарти прокомментировала в феврале 2021 года на WordPress.org, преимущества, которые можно получить с помощью редактора виджетов, заключаются в следующем:

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

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

Новый редактор виджетов

После того, как ваш веб-сайт будет обновлен до версии WordPress 5.8, при доступе к пункту меню « Внешний вид» «Виджеты» мы сначала получим экран приветствия в редакторе блоков виджетов.

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

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

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

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

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

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

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

A/B-тесты виджетов

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

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

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

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

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

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

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

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

Различные шаги, которые вы должны выполнить, чтобы создать виджет A/B тест с Нелио A/B-тестирование – это:

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

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

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

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

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

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

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

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

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

Вернитесь к тестовой версии и в разделе «Цели конверсии и действия» вы можете добавить столько целей, сколько хотите, нажав ссылку « +Новая ».

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

В примере теста виджета, который мы объясняем, мы бы определили конверсионное действие как посещение страницы нашего блога:

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

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

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

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

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

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

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

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

Заключение

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

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

Избранное изображение от Striving Blogger в Unsplash.