Las mejores soluciones de widgets pegajosos para tu sitio de WordPress

La barra lateral es una parte esencial de cualquier sitio web, especialmente del blog. Sin embargo, muchos propietarios de sitios web no aprovechan todo el potencial de esta barra. Si no te das cuenta por qué y cómo usar tu barra lateral, te recomendamos que comiences a preocuprate por esta parte del sitio web. La barra lateral es un lugar adecuado para añadir complementos con los que puedes obtener más suscriptores, ventas y visitas a la página.

Uno de los mejores complementos que puedes añadir a tu sitio web es una barra pegajosa o flotante. Estamos seguros de que has notado que algunos sitios web tienen elementos que se desplazan hacia abajo mientras navegas por la página y haces lo mismo.

La barra sticky, pegajosa o flotante es básicamente un widget de información que está fijado en su lugar para que no desaparezca de la página cuando un usuario se desplaza hacia abajo. En palabras sencillas, a este widget se puede acceder desde cualquier parte del sitio web sin tener que desplazarse.

Las barras flotantes también pueden reaparecer panel por panel, contraerse y expandirse con un clic del ratón, interactuar con los usuarios mientras navegan o esconderse en las esquinas de la pantalla.

En esta entrada vamos a hablar sobre las barras pegajosas y cómo añadir un widget pegajoso a tu sitio web con los complementos de WordPress.

 

¿Por qué usar un widget flotante?

El widget flotante ayuda a atraer la atención de los visitantes y centrarla en cierta información. El widget pegajoso se puede usar para colocar los siguientes complementos:

  • barra de menú o navegación;
  • formularios de inscripción;
  • formularios de suscripción;
  • chat en línea (cualquier tipo de soporte);
  • información del contacto;
  • entradas más recientes;
  • notificaciones;
  • publicidad;
  • botones de redes sociales.

Pues, con el widget flotante dejas que los visitantes naveguen por tu sitio web desde cualquier parte de la página, suscríban a tu boletín informativo, así como dáles la oportunidad de conversar con el agente de soporte y compartir tus entradas y muéstrales tu información de contacto. Con el widget flotante es más probable que las personas vean tu anuncio y hagan clic en él.

Los estudios realizados por Smashing Magazine muestran que los menús pegajosos son el 22% más rápidos de navegar y que el 100% de las personas prefieren los menús flotantes sin siquiera saber por qué.

A continuación vamos a enumerar y describir los mejores complementos de WordPress para implementar widgets pegajosos en tu sitio web. Estos complementos se pueden utilizar para mostrar formularios de suscripción y así hacer crecer tu lista de suscriptores al boletín informativo, entre ellos también hay complementos de botones para compartir contenidos en redes sociales y aquellos que te permiten mostrar cualquier contenido personalizado de tu elección.


GC Message Bar

GC Message Bar es un plugin fácil de usar para WordPress que te permite añadir una barra de mensajes flotante a la parte superior o inferior de tu sitio web. Puede ser una notificación de oferta o descuento, un mensaje sobre el lanzamiento próximo del sitio web u otras noticias emocionantes que te gustaría compartir con tu audiencia. Instala este complemento con un par de clics para añadir un potente mensaje CTA (llamada a la acción) a tu sitio y aumentar las conversiones.


Q2W3 Fixed Widget (Sticky Widget)

Q2W3 Fixed Widget o Sticky Widget te ofrece posibilidades infinitas. Con este complemento sencillo, puedes hacer que cualquier widget o contenido personalizado en tu barra lateral se desplace dentro de la página. El complemento también tiene algunas opciones de personalización, por ejemplo, puedes elegir el margen superior o inferior para tu nuevo widget flotante.

Hemos econtrado un buen video que muestra cómo instalar y usar este widget de WordPress. Suponemos que todos ellos son muy similares, por lo que incluso si eliges otro complemento, puedes ver este video y entender qué hacer para crear una barra lateral flotante.


WordPress Notification Bar

WordPress Notification Bar te permite añadir una cinta con una llamada a la acción a la parte superior de tu sitio web, y ella flotará junto con la página mientras se desplaza hacia abajo. Puedes personalizar el color de la barra, el mensaje y el botón de CTA para ajustarlos al estilo de tu sitio web.


Quick Notice Bar

Quick Notice Bar te permite añadir cualquier barra de mensajes pegajosa a tu sitio. Puedes colocar una llamada a la acción (CTA) o cualquier notificación que desees en la parte superior de la página. El complemento te permite personalizar el diseño y los estilos CSS de la barra de notificaciones. Se incluye los botones de gustar y compartir contenidos en redes sociales que se añaden a la página con unos pocos clics.


Floating Social Bar

Floating Social Bar es un complemento increíble para añadir barras horizontales de botones de redes sociales a tu sitio web (o cualquier página) y hacer que floten mientras se desplaza. Esta barra anima a compartir y gustar tu contenido. Este complemento será extremadamente útil para bloggers. Y no afecta la velocidad del sitio. El complemento es ligero, fácil de usar y rápido.


Sticky Menu (or Anything!) on Scroll

Sticky Menu (or Anything!) on Scroll te permite "pegar" cualquier contenido a la parte superior de la página. El complemento puede hacer pegajoso cualquier contenido. Puedes usarlo para añadir un menú de navegación, botones de redes sociales o barras de mensajes que flotan a medida que se desplaza. Se te permite establecer un espacio personalizado entre un elemento pegajoso y la parte superior de la página.

Y aquí te ofrecemos otro tutorial de video sobre la creación de elementos flotantes. El autor del tutorial utiliza el widget Sticky Menu on Scroll.


Awesome Sticky Header by DevCanyon

Con Awesome Sticky Header de DevCanyon obtendrás el máximo control de tu barra pegajosa superior. Puedes añadir menús, submenús, cambiar colores, insertar botones y cuadros de búsqueda, logotipos y mucho más. El complemento también tiene una vista previa en vivo, por lo que puedes cambiar tu barra flotante y de inmediato ver los cambios aplicados.


myStickymenu

myStickymenu te permite añadir un menú pegajoso o una barra pegajosa a la parte superior del sitio web. También puedes agregar un código CSS personalizado, lo que hace que este complemento sea realmente fácil de usar y totalmente personalizable. Además, es compatible con múltiples idiomas.


Sticky Popup

Sticky Popup es un complemento sencillo que te permite mostrar ventanas emergentes en una posición fija, por ejemplo, en la parte inferior, a la izquierda o derecha y hacerlo por medio de los efectos de CSS. Con este complemento puedes presentar cualquier tipo de contenido: un formulario de contacto, un formulario de comentarios, un cuadro de suscripción, botones de redes sociales, una publicidad, etc. Simplemente edita el contenido con códigos cortos de la misma forma en que editas tus entradas y páginas de WordPress.


WP-Sticky

Con más de 20,000 instalaciones activas, WP-Sticky es una de las opciones más populares. Con este complemento puedes añadir una función de entrada pegajosa a tu sitio o blog en pocos minutos. Sin embargo, este complemento es un poco obsoleto.


WP Sticky Sidebar

Este widget de WordPress utiliza una identificación CSS "#secondary" y para que funcione con tu tema, tendrás que configurarlo para tu plantilla. El complemento es tan responsive, como el tema actual. También está localizado y traducido a varios idiomas. Al definir el margen superior adicional, podrás sintonizar su posición en la barra lateral.


Advanced Floating Content Lite

Este complemento es una solución un poco más amplia para tu sitio web. No sólo permite pegar una barra lateral, sino también crear un video flotante, y hacer flotar botones de redes sociales u otros elementos. La personalización y el uso del complemento son sencillos y no requieren conocimientos de programación.

Fuente: "Let’s Get Sticky. The Best Sticky Widget Solutions for Your WordPress Site" por Nancy Young