Hoy vamos a ver cómo configurar el plugin Q2W3 Fixed Widget para fijar un widget en la barra lateral de nuestra web. Me refiero a lo que se suele llamar sticky widget o fixed widget. El concepto es conseguir un widget flotante en la barra lateral de WordPress para que cuando navegues por una web verticalmente (scroll down ó scroll up) el widget te acompañe y quede siempre visible en la barra lateral.
Es más sencillo de lo que piensas. Sólo hay que instalar el plugin Q2W3 Fixed Widget y hacer unos pequeños ajustes.
Veamos cómo configurar el plugin Q2W3 Fixed Widget en vídeo.
Doy por supuesto que conoces el panel de administración de WordPress, pero si estás empezando quizá te vengan bien estos contenidos.
¿Para qué dejar fijo un widget en WordPress?
La mayoría de las webs que visito no utilizan esta opción y creo que es un error. Está demostrado que cada vez hacemos menos caso a lo que aparece en la barra lateral. Hasta tal punto que algunas webs directamente no tienen barra lateral. Como la mía por ejemplo.
Pero que en mi web no incluya una barra lateral no significa que nunca lo utilice. De hecho, en otros proyectos míos si que lo hago. Pero siempre instalo el plugin Q2W3 Fixed Widget para dejar fijo el widget que me interese en la barra lateral.
Veamos algunos de los motivos:
Destacar una CTA (call to action)
Éste es el principal motivo por el que suelo utilizar los widgets flotantes en mis proyectos WordPress con barra lateral. Y no es que lo utilice aisladamente. Es decir, coloco más widgets en la barra lateral, pero al hacer scroll down llega un momento en el que uno de estos widgets se queda fijo y te acompaña durante todo el contenido. Y ¿adivináis cual es? ¡Exácto! Siempre dejo flotante el widget con la llamada a la acción que me interesa destacar.
En estos casos, el usuario pasa de no hacer ni caso a la barra lateral, a de repente mirar a ver qué es eso que le acompaña todo el rato. Y suele ser efectivo porque terminan haciendo lo que busco con esta CTA. No me creas, ¡pruébalo!
En mi caso lo combino con otro estupendo plugin del que haré también un contenido pronto, que sirve para decidir en qué contenidos se muestra un widget. Así puedo tener diferentes widgets con diferentes CTAs en cada contenido. Estos dos juntos son un triunfo. Ya lo enlazaré aquí cuando lo tenga preparado.
Para poner un menú flotante
Otro de los casos donde tiene más sentido dejar fijo un widget en WordPress es cuando quieres que un menú esté siempre visible. Pues nada, te creas tu menú, lo añades al widget y dejas éste fijo tal y como hemos visto en el vídeo. De esta forma, tras hacer scroll down, el usuario verá que el menú le acompaña todo el rato y podrá navegar más cómodamente. Por supuesto, si tienes tu menú superior fijo también, aprovecha para colocar aquí otro menú con opciones distintas. Por ejemplo, las categorías de tu blog.
Para que quede más estético
Éste es un motivo añadido. Nada importante, pero a mi personalmente no me gusta cuando vas haciendo scroll en una web, se acaban los widgets de la barra lateral y queda todo ese espacio en blanco. Con el plugin Q2W3 Fixed Widget se soluciona fácilmente.
[cta_1]Cómo configurar el plugin Q2W3 Fixed Widget en 3 pasos
Si no tienes 5 minutos para el vídeo simplemente sigue estos pasos:
Paso 0 – Copia de seguridad
Haz una copia de seguridad de tu instalación para no poner en peligro tu trabajo hasta el momento. No tiene porque pasar nada, pero no cuesta y te curas en salud.
Paso 1 – Instalar el plugin Q2W3 Fixed Widget desde el repositorio
Para ello no tienes ni que salir de tu panel de administración. Si eres muy nuevo y no sabes cómo hacerlo te dejo este vídeo donde vemos cómo instalar plugins en WordPress. Si quieres saber más sobre éste plugin visita su página en el repositorio o en mi guía sobre plugins.
Paso 2 – Haz pruebas antes de ir a configurar el plugin Q2W3 Fixed Widget
Para ello, ve a Apariencia->Widgets, elige un widget y arrástralo a la barra lateral. Una vez allí, despliega la opciones del mismo y verás que al final ha aparecido una check box que dice Fixed Widget (widget fijo). Simplemente tícala y a partir de ese momento el widget será flotante.
Si hay más widgets en la misma barra lateral, te aconsejo que coloques éste al final del todo porque si no, al ser un widget fijo, pasará por encima del resto. Es decir, estará visible incluso por encima del resto de widgets. Y eso queda feo…
Y por último, si vas a poner más de un widget flotante en tu barra lateral (cosa que funciona perfectamente pero no te aconsejo) asegúrate de que juntos no sobrepasen el alto de la web (pero esto dependerá siempre del dispositivo desde el que se vea esa web)
Paso 3 – Ajusta el plugin según tus necesidades
Ya tienes un widget flotante en tu barra lateral, pero resulta que queda demasiado pegado al margen superior, por ejemplo. No hay problema, para configurar el plugin Q2W3 Fixed Widget simplemente ve a Apariencia->Opciones de Fixed Widget y allí verás una opción para darle margen superior entre otras opciones que vemos en el vídeo más detalladamente como por ejemplo que no se muestre en dispositivos móviles. Si te ha picado la curiosidad mírate le vídeo.
Conclusión
Siempre que tiene sentido, yo, personalmente, prefiero no utilizar barras laterales. Me resulta más limpio, mejor preparado para todos los dispositivos y prefiero añadir los enlaces de forma personalizada para cada contenido desde el propio texto del contenido.
Pero desde luego, si uso barra lateral en algún proyecto siempre utilizo éste plugin para destacar mis llamadas a la acción y darle una verdadera utilidad a éste área de la web.
Espero que te sea útil este vídeo-tip en el que hemos aprendido cómo configurar el plugin Q2W3 Fixed Widget y en el que te he dado algunas ideas sobre para qué utilizarlo. Ya sabes que si tienes cualquier duda te puedes poner en contacto conmigo a continuación y te contestaré encantado.
Y por último, pero no menos importante, si has aprendido algo con este contenido, te pido que lo compartas en tus redes sociales para que otros puedan aprovecharlo y me ayudes a ganar un poquito de visibilidad en tus círculos. ¡Muchas gracias! :)
