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

Как добавить липкий плавающий виджет в боковую панель WordPress?

9

Это споры на миллион долларов, есть ли боковая панель на сайте WordPress. с Core Web Vitals, AMP и другими улучшениями скорости боковые панели теряют известность, в отличие от прежних дней. Однако виджеты боковой панели – это наиболее эффективный способ использования их в качестве призыва к действию. Кроме того, если сделать последний виджет липким и плавающим, это может резко повысить рейтинг кликов. В этой статье мы объясним, как добавить липкий плавающий виджет на боковую панель WordPress.

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

Как добавить липкий плавающий виджет в боковую панель WordPress?

Редактор виджетов на основе блоков

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

Как Sticky Widget может вам помочь?

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

  • Продемонстрируйте популярный контент на своем сайте, чтобы привлечь трафик.
  • Показывайте рекламу, чтобы вы могли зарабатывать больше (помните, что некоторые рекламные программы, такие как Google AdSense, не позволяют использовать липкий виджет).
  • Покажите партнерский купон или сделку, чтобы пользователи могли совершать покупки по вашей ссылке, а вы могли зарабатывать деньги за счет партнерской комиссии.
  • Продайте популярную электронную книгу в собственном магазине на Amazon и постарайтесь конвертировать клики в потенциальный доход.
  • Отобразите таймер обратного отсчета, чтобы побудить пользователей совершить действие, например купить продукт по ограниченному по времени предложению.

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

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

1 Q2W3 фиксированный виджет для плагина WordPress

Это самый популярный вариант среди блоггеров WordPress, поскольку его очень легко реализовать. Перейдите в раздел «Плагины> Добавить новый» в панели администратора WordPress и найдите «q2w3». Вы можете найти фиксированный виджет Q2W3 для WordPress и установить его на свой сайт.

Как добавить липкий плавающий виджет в боковую панель WordPress?

Установите плагин фиксированного виджета Q2W3

После активации плагина перейдите в раздел «Внешний вид> Фиксированные параметры виджета». Здесь вы можете настроить параметры плагина, такие как поля и где вы хотите остановить плавающее, указав идентификатор остановки. В общем, никаких изменений здесь не нужно и оставьте настройки как есть.

Как добавить липкий плавающий виджет в боковую панель WordPress?

Q2W3 Настройки плагина фиксированного виджета

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

Как добавить липкий плавающий виджет в боковую панель WordPress?

Вариант фиксированного виджета

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

Как добавить липкий плавающий виджет в боковую панель WordPress?

Пример липкого плавающего виджета

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

Как добавить липкий плавающий виджет в боковую панель WordPress?

Фиксированная опция виджета в блоках виджетов

2 темы с фиксированным плавающим виджетом

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

3 AdSense и другие партнеры по рекламе

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

Заключение

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

Источник записи: webnots.com
Leave A Reply

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