ReInSpirit

  • Contacto
  • Blog
  • Servicios
    • Alojamiento Web
    • Desarrollo y diseño web
  • Descuento E T
  • Sobre Nosotros

Como Crear un Widget Flotante en el Sidebar de Wordpress

24 noviembre, 2022 por Pedro Mendez 19 comentarios

Un contenido flotante que permanece en la pantalla mientras se realiza un desplazamiento tiende a tener mejores resultados de conversión que los objetos estáticos. Por este motivo, muchos sitios que vemos en la web hacen uso de estos contenidos flotantes para aumentar los porcentajes de aciertos.

Ademas, si te fijas en algunas webs, disponen de estos elementos flotantes en varios sitios según el mayor porcentaje de conversiones obtenidos. Estos sitios pueden ser en la barra del encabezado, en el footer, en un widget de alguno de las barras laterales, etc.

En este artículo vamos a mostrar como crear un widget flotante en el sidebar de nuestro blog de Wordpress, por ejemplo si queremos que nuestro boletín de suscripción voluntaria tenga más visibilidad.

Este sistema funciona para todo tipo de widgets del sidebar, no sólo para formularios de correos o similares. Se puede utilizar para promocionar cualquier tipo de producto, entradas destacadas, fotos de nuestra cuenta de Flickr, botones de redes sociales, y cualquier objeto que más nos interese.

widget flotante

Pasos para crear el widget flotante

Para esto lo primero que tenemos que hacer es instalar el plugin Fixed Widget and Sticky Elements for WordPress. Después de tener activado el plugin nos dirigimos a «Apariencia» «Widget» y escogemos el widget que deseamos que sea flotante.

El plugin añade la opción de control fijo en todos los widgets de Wordpress. Ahora marcamos la casilla de control fijo y guardamos los cambios. Después visitamos nuestro sitio y hacemos scroll o desplazamiento hacia abajo. El resultado será ahora un widget flotante que nos sigue al desplazarnos.

El plugin Fixed Widget viene con determinadas opciones para cambiar y configurar la posición de los widgets fijos. Para esto vamos a «Apariencia»  «Fixed Widget Options» para configurar el plugin. En esta página podemos definir los márgenes, añadir tus propios códigos en HTML e incluso desactivar los widgets fijos en el movil y tablets.

Utilizar contenido flotante en el widget de la barra lateral puede ser utilizado para impulsar nuevos productos, contenidos de interés, promocionar las redes sociales y aumentar la fidelidad de los usuarios en general.

También tienes la opción de incluir varios widgets flotantes en la barra lateral, pero éstos podrían molestar y hacer el efecto contrario. Siempre es recomendable mantener un equilibrio en el diseño de nuestros sitios, para no perjudicar la usabilidad y la navegación de los usuarios.

Espero que este artículo te ayude a implementar un widget flotante en la barra lateral de tu web con WordPress.

..Entradas Relacionadas

  • Los Mejores Plugins de MailChimp para WordPress Gratuitos
  • 4 Plugins WordPress para Incluir Noticias de los Mercados Financieros
  • Las 5 Mejores Herramientas de Gestión de Proyectos para WordPress
  • Los Mejores Themes y Plugins de Subasta para WordPress
  • Los Mejores Plugins para Añadir Encuestas y Sondeos en WordPress

Publicado en: Wordpress Etiquetado como: plugins

Sobre el autor

Pedro Mendez. Webmaster apasionado de WordPress. Autodidacta empedernido buscando siempre nuevas fuentes de conocimientos.

Comentarios

  1. william garzon dice

    13 mayo, 2013 a las 9:57 PM

    Buen aporte, pero tengo una duda. Por qué no tiene aplicado este plugin en su pagina?

    Responder
    • Pedro Mendez dice

      13 mayo, 2013 a las 11:29 PM

      Hola William. No todos los plugins que menciono en este blog los tengo instalados en esta sitio, pues como podrás imaginar sería una locura. Aunque si muchos los suelo probar en otras web que gestiono. Solo hago mi aporte para quien le interese disponer de una aplicación de este tipo, o incluso yo mismo pueda utilizar en el futuro si fuese necesario. Saludos y te veo por Facebook, que ya veo que te has unido 😉

      Responder
  2. Juvinao dice

    27 mayo, 2013 a las 3:48 PM

    Amigo a mi no me sirvio ese plugin en mi blog, joderinga.com

    Responder
  3. Hugo dice

    13 junio, 2017 a las 12:02 AM

    No funciona

    Responder
    • Pedro Mendez dice

      13 junio, 2017 a las 9:40 PM

      Hugo, te digo lo mismo que a Juvinao. Saludos

      Responder
  4. Ricardo dice

    13 junio, 2017 a las 6:56 AM

    Muchas gracias por este plugin, me funciono muy bien, solo una duda, no le afecta al plugin wow slider, ya que desde que lo instale algunas imagenes no se muestran. estoy revisando bien pero por si alguien tiene el mismo problema tal vez sea esa la situacion. Saludos y gracias

    Responder
    • Pedro Mendez dice

      13 junio, 2017 a las 10:59 AM

      Hola Ricardo. Puedes desconectar el plugin y ver si el slider funciona como antes. Si es así es problema del widget flotante

      Responder
  5. Bernat dice

    13 junio, 2017 a las 1:15 PM

    Hola! Esas dos opciones que te aparecen a ti para desactivar el widget flotante en móviles y tablets a mi no me aparecen. He instalado el mismo widget de eso no hay duda, por lo tanto no se cual es el problema. Espero que me puedas ayudar 🙂

    Responder
    • Pedro Mendez dice

      13 junio, 2017 a las 10:18 PM

      Hola Bernat. Yo es que ahora mismo no tengo instalado ese plugin y no te puedo indicar. Pregunta en el foro del plugin al desarrollador a ver que dice

      Responder
  6. Clara María dice

    13 junio, 2017 a las 2:41 PM

    ¡Muchísimas gracias por tu aporte, Pedro! Llevaba unas semanas viendo widgets flotantes y quería hacer lo mismo en mi blog, acabo de instalar este plugin, a ver qué tal la efectividad de los widgets flotantes. ¡Un saludo y suerte con tus proyectos!

    Responder
    • Pedro Mendez dice

      13 junio, 2017 a las 1:49 PM

      Gracias Clara. Veo que ya lo tienes instalado ¿verdad? Veo perfecto como flota el contenido en tu sidebar 😉

      Responder
  7. Pedro Mendez dice

    13 junio, 2017 a las 7:13 PM

    Hola Juvinao. Yo lo he probado y funciona perfectamente. Prueba a hacer los pasos que dice el artículo y en los widgets que vienen por defecto en Wordpress, no en los widgets del theme

    Responder
  8. Wilson dice

    13 junio, 2017 a las 7:35 PM

    gracias me sirvo tu post

    Responder
  9. Marisol dice

    5 abril, 2018 a las 3:31 AM

    Buenísimo, gracias por el consejo me pareció excelente ya lo acabo de instalar y me quedo genial.

    Responder
    • Pedro Mendez dice

      5 abril, 2018 a las 5:08 PM

      Me alegro Marisol. Para eso estamos; ayudar a quien lo necesite.
      Saludos!

      Responder
      • Marisol - catalogo paris dice

        28 marzo, 2019 a las 5:06 AM

        Vaya, tuve que volver para ver como hacerlo, jajaja.
        Muchas gracias nuevamente y saludos cordiales Pedro.

        Responder
        • Pedro Mendez dice

          28 marzo, 2019 a las 7:24 PM

          jejejej a ti Marisol. Esta es tu casa y aquí estamos para cuando se olviden las cosas. Saludos!

          Responder
  10. zugatz dice

    24 noviembre, 2022 a las 10:02 AM

    yo lo instalo y me voy a widgets selecion uno puesto y no tengo opciones de ponerlo flotante

    Responder
    • Pedro Mendez dice

      24 noviembre, 2022 a las 10:59 AM

      No te viene esta opción? https://ps.w.org/q2w3-fixed-widget/assets/screenshot-3.png?rev=2659866

      o esta? https://ps.w.org/q2w3-fixed-widget/assets/screenshot-4.png?rev=2659866

      Responder

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.


Descarga gratis la guía

guia 14 plugins

Política de privacidad


Más un correo a la semana con algún truco y consejo. ¿Te apuntas?

También con regalos y ofertas

icono Twittericono Facebookicono YouTube

Archivos

Categorías

  • Blogging (5)
  • Comercio Eléctronico (48)
  • Diseño (40)
  • Email Marketing (3)
  • Genesis (4)
  • Google (14)
  • herramientas (23)
  • hosting (8)
  • Marketing en Internet (13)
  • Prestashop (4)
  • Programación (4)
  • Redes Sociales (9)
  • SEO (24)
  • Sin categoría (22)
  • Trabajo (7)
  • Wordpress (510)

© Copyright 2021 ReInSpirit.com · Todos los derechos reservados ·Aviso legal·Política de Privacidad·Dos Hermanas (Sevilla)