Создаем плавающий виджет в сайдбаре в WordPress

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

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

sticky-sidebar-widget-demo[1]

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

fixed-widget[1]

Плагин Q2W3 Fixed Widget (Sticky Widget) содержит настройки для конфигурации позиции зафиксированных виджетов. Переходим в Внешний вид » Fixed Widget Options для настройки плагина. На этой странице вы можете задать отступы и ваш собственный HTML ID, или даже отключить фиксацию виджетов на телефонах и планшетах.

sticky-widget-options[1]

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

Надеемся, что эта статья поможет вам внедрить на свой сайт прилепленный плавающий виджет. Также вы можете поставить на сайт прилепеленный футер, панель с меню. Что вы примените для своего сайта? Пишите в комментариях ниже.

VN:F [1.9.22_1171]
Rating: 5.0/5 (4 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top