Hacer que los visitantes de tu sitio web noten mensajes importantes puede ser complicado.
Quieres compartir ofertas valiosas, pero encontrar el equilibrio adecuado entre visibilidad y experiencia de usuario no siempre es fácil. Demasiado sutil y la gente se lo pierde. Demasiado agresivo y se siente intrusivo.
Las barras de pie de página flotantes ofrecen el punto medio perfecto.
Permanecen visibles mientras las personas navegan por tu contenido, proporcionando una forma sutil y constante de compartir tu mensaje.
Las hemos encontrado súper efectivas para promocionar descuentos y mostrar boletines informativos en nuestros sitios web: captan la atención sin interrumpir la experiencia de navegación.
En esta guía, te guiaremos a través de todo el proceso, desde la elección del método correcto hasta la personalización de tu barra de pie de página flotante para un máximo impacto.
¿Qué es una barra de pie de página flotante en WordPress?
Una barra de pie de página flotante pegajosa te permite mostrar de manera prominente contenido y noticias importantes a los usuarios.
Esta barra permanece visible para los visitantes en todo momento, por lo que es más probable que hagan clic en ella y descubran más contenido útil.
Puedes usar la barra de pie de página flotante para:
- Generar más clics a otras publicaciones de blog.
- Generar clientes potenciales y crear tu lista de correo electrónico.
- Llamar la atención sobre cupones especiales u ofertas/ventas de descuentos.
- Promocionar tus cuentas de redes sociales.
- Construir reconocimiento de marca.
- Proporcionar acceso a recursos importantes en tu sitio web de WordPress.
Dicho esto, veamos cómo crear fácilmente una barra de pie de página flotante y fija en WordPress. Te mostraremos dos métodos en este tutorial, y puedes usar los enlaces a continuación para saltar al método de tu elección:
- Método 1: Crear una barra de pie de página flotante y fija con OptinMonster (Recomendado)
- Método 2: Crear una barra de pie de página flotante y fija con un plugin gratuito
- Extra: Crear un menú de navegación flotante y fijo en WordPress
- Preguntas frecuentes sobre las barras de pie de página flotantes
Método 1: Crear una barra de pie de página flotante y fija con OptinMonster (Recomendado)
Puedes crear fácilmente una barra de pie de página flotante y fija con OptinMonster. Es la mejor herramienta de generación de leads y optimización de conversiones del mercado, y hace que sea súper fácil convertir a los visitantes de tu sitio web en suscriptores.
En WPBeginner, lo hemos utilizado para crear banners y popups que promocionan nuestros servicios profesionales o boletines informativos. Si deseas obtener más información sobre nuestra experiencia con la herramienta, puedes ver nuestra reseña completa de OptinMonster.
El plugin viene con un constructor de arrastrar y soltar y plantillas predefinidas que te permiten crear una barra de pie de página flotante, popups deslizables y banners sin usar ningún código.
Recomendamos este método porque OptinMonster es súper fácil de usar y ofrece más opciones de personalización que el método del plugin gratuito.
Paso 1: Instalar OptinMonster en tu sitio web
Primero, deberás registrarte en el sitio web de OptinMonster haciendo clic en el botón 'Obtener OptinMonster ahora'.
A continuación, debes instalar y activar el plugin conector gratuito de OptinMonster en tu sitio web. Para obtener más instrucciones, consulta nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.
Al activarse, el asistente de configuración de OptinMonster se abrirá en tu pantalla, donde deberás hacer clic en el botón ‘Conectar tu cuenta existente’. Esto conectará tu sitio de WordPress con tu cuenta de OptinMonster.
Una vez que hagas eso, se abrirá una nueva ventana en tu pantalla.
Aquí, haz clic en el botón ‘Conectar a WordPress’ para continuar.
Paso 2: Crea y personaliza la barra flotante fija en el pie de página
Ahora que has conectado OptinMonster con tu sitio web, es hora de crear una barra flotante fija en el pie de página.
Para hacer esto, necesitas visitar la página OptinMonster » Plantillas desde la barra lateral de administración de WordPress y seleccionar ‘Barra flotante’ como tipo de campaña.
Una vez que hagas eso, todas las plantillas prefabricadas para la barra flotante se cargarán en la pantalla. Desde aquí, puedes hacer clic en el botón ‘Usar plantilla’ en la que desees utilizar.
Esto abrirá el aviso ‘Crear campaña’ en la pantalla, donde puedes agregar un nombre para la barra flotante en el pie de página que estás a punto de crear. Puede ser cualquier cosa que desees, ya que el nombre no se mostrará a tus visitantes.
Después de eso, simplemente haz clic en el botón ‘Empezar a construir’.
El constructor de arrastrar y soltar de OptinMonster se iniciará ahora en tu pantalla, donde puedes comenzar a personalizar tu barra flotante en el pie de página. Aquí, notarás una vista previa de la barra flotante a la derecha con bloques en la columna izquierda.
Por ejemplo, puedes usar un bloque de temporizador de cuenta regresiva si tu barra flotante en el pie de página está promocionando una oferta de descuento. Esto ayudará a crear un sentido de urgencia entre los usuarios y los animará a tomar medidas.
También puedes agregar un bloque de CTA, video o redes sociales a la barra del pie de página. Para obtener instrucciones detalladas, puedes ver nuestro tutorial sobre cómo crear una barra de alerta en WordPress.
También puedes editar el texto en la barra del pie de página haciendo clic en ella. Esto abrirá la configuración del bloque en la columna izquierda, donde podrás ajustarla a tu gusto.
Por ejemplo, si deseas cambiar la oferta de descuento en la plantilla, puedes modificar el texto del botón. Después de eso, puedes seleccionar la opción ‘Redirigir a una URL’ y agregar el enlace de la página a la que deseas que los usuarios sean dirigidos al hacer clic en el botón.
Paso 3: Configura las Reglas de Visualización para tu Barra de Pie de Página Flotante
Una vez que estés satisfecho con la personalización de tu barra de pie de página, simplemente cambia a la pestaña ‘Reglas de Visualización’ en la parte superior.
Aquí, puedes configurar cuándo mostrar la barra en tu página. Si deseas mostrar la barra de pie de página flotante en todo momento, debes seleccionar la opción ‘tiempo en página’ del menú desplegable de la izquierda.
Después de eso, elige la opción ‘es inmediato’ del menú desplegable de la derecha.
Sin embargo, para mostrar la barra de pie de página flotante en una página específica, debes seleccionar la opción ‘Segmentación de Página’ del menú desplegable de la derecha.
Después de eso, elige la opción ‘coincide exactamente’ del menú desplegable del medio y luego agrega una URL de página. Una vez que lo hagas, la barra de pie de página flotante solo se mostrará en la página que elegiste.
Además, puedes seleccionar la opción ‘Intención de Salida’ para mostrar la barra de pie de página flotante pegajosa cuando el usuario esté a punto de abandonar tu sitio. Luego puedes configurar la sensibilidad de la intención de salida y elegir los dispositivos donde se mostrará la barra de pie de página. Esto puede ser útil si deseas reducir tu tasa de rebote.
Incluso puedes seleccionar la opción ‘Dispositivo del Visitante’ si solo deseas mostrar la barra de pie de página flotante a los visitantes de escritorio.
También puedes configurar las reglas de visualización según la fecha, hora o distancia de desplazamiento seleccionando la opción ‘Cuándo’ de la columna izquierda.
Para una explicación de más opciones de reglas de visualización, puedes ver nuestra reseña completa de OptinMonster.
Paso 4: Publica tu barra de pie de página flotante
Una vez que hayas definido las condiciones de visualización para tu barra de pie de página, cambia a la pestaña 'Publicar' desde la parte superior.
Aquí, simplemente haz clic en el botón 'Publicar'.
Después de eso, no olvides hacer clic en 'Guardar' para que tus cambios se apliquen en vivo.
Ahora, puedes visitar tu blog de WordPress para ver la barra de pie de página flotante y fija en acción.
Alternativa: También puedes usar Thrive Ultimatum para mostrar una barra de pie de página flotante con un temporizador de cuenta regresiva en tu sitio web. Para más detalles, consulta nuestra reseña completa de Thrive Themes Suite.
Método 2: Crear una barra de pie de página flotante y fija con un plugin gratuito
Si buscas una forma gratuita de crear una barra de pie de página flotante y fija, este método es para ti. Sin embargo, ten en cuenta que tendrás opciones de personalización limitadas en comparación con el uso de OptinMonster.
Primero, necesitas instalar y activar el plugin Firebox Popup Builder. Para instrucciones detalladas, consulta nuestro tutorial sobre cómo instalar un plugin de WordPress.
Tras la activación, visita la página Firebox » Campañas desde el panel de WordPress y haz clic en el botón ‘+ Nueva Campaña’.
Esto abrirá la biblioteca de campañas de Firebox, donde puedes buscar plantillas prefabricadas de barra flotante fija.
A continuación, simplemente haz clic en el enlace ‘Insertar’ debajo de la barra de pie de página flotante que te guste. Ten en cuenta que si seleccionas una barra de encabezado, no podrás cambiar su posición. Debes asegurarte de que la plantilla que selecciones sea para una barra de pie de página.
El editor de bloques se abrirá ahora en tu pantalla, donde puedes empezar añadiendo un nombre para tu barra flotante.
Después de eso, puedes editar el texto en el pie de página haciendo clic en él y agregar nuevos bloques haciendo clic en el botón ‘+’. Esto abrirá el menú de bloques, donde puedes agregar imágenes, encabezados, párrafos, videos, citas o bloques de lista.
Por ejemplo, si deseas agregar identificadores de redes sociales, puedes elegir el bloque de Iconos Sociales. Después de eso, puedes agregar cuentas y enlaces de redes sociales usando el panel de bloques.
Para más detalles, puedes ver nuestro tutorial sobre cómo agregar iconos de redes sociales en los menús de WordPress.
También puedes cambiar el texto en el bloque de botones y agregar un enlace a la página a la que deseas dirigir a los usuarios haciendo clic en el icono de enlace en la barra de herramientas del bloque.
Después de eso, escribe la URL de tu elección y presiona ‘Enter’.
A continuación, puedes desplazarte hacia abajo hasta la sección ‘Configuración de Firebox’.
Aquí, puedes cambiar el color de fondo, el color del texto, la alineación, el tamaño, el relleno y el margen de la barra flotante del pie de página.
Después de eso, cambia a la pestaña ‘Comportamiento’ desde la columna izquierda y selecciona ‘Carga de página’ como punto de activación de la barra flotante.
Luego, usa el control deslizante ‘Retraso’ para elegir un tiempo de retraso para la barra flotante. Por ejemplo, si arrastras el control deslizante a 15 segundos, la barra flotante del pie de página se mostrará una vez que el usuario haya pasado 15 segundos en tu sitio.
Si deseas que la barra flotante fija del pie de página se muestre de inmediato, puedes dejar el control deslizante en 0.
A continuación, puedes dejar otras configuraciones como están o configurarlas a tu gusto.
Una vez que hayas terminado, no olvides hacer clic en el botón ‘Publicar’ en la parte superior.
Ahora visita tu sitio de WordPress para ver la barra flotante fija del pie de página en acción.
Así es como se veía en nuestro sitio de demostración.
Extra: Crear un menú de navegación flotante y fijo en WordPress
Además de agregar una barra de pie de página fija, también te podría interesar crear un menú de navegación flotante fijo en tu sitio de WordPress.
Un menú de navegación contiene enlaces a las páginas más importantes de tu blog de WordPress y actúa como una estructura organizativa para tu sitio web.
Si haces que este menú sea fijo, permanecerá visible en tu página en todo momento, incluso mientras el usuario se desplaza hacia abajo en tu pantalla. Esto puede aumentar la participación y facilitar la navegación en tu sitio web.
Para crear un menú de navegación flotante fijo, simplemente instala y activa el plugin Sticky Menu & Sticky Header. Para más detalles, consulta nuestro tutorial sobre cómo instalar un plugin de WordPress.
Después de activarlo, visita la página Ajustes » Sticky Menu desde el panel de WordPress y escribe #main-navigation junto a la opción ‘Elemento fijo (requerido)’.
Después de eso, haz clic en el botón ‘Guardar Cambios’ para almacenar tu configuración. Ahora has creado exitosamente un menú de navegación flotante fijo.
Para instrucciones detalladas, por favor consulta nuestro tutorial sobre cómo crear un menú de navegación flotante fijo en WordPress.
Preguntas frecuentes sobre las barras de pie de página flotantes
Aquí hay algunas preguntas frecuentes de nuestros lectores sobre las barras flotantes en el pie de página:
¿La barra flotante en el pie de página también funcionará en dispositivos móviles?
Sí, la mayoría de las barras flotantes en el pie de página funcionan bien en móviles. Pero es una buena idea probarla en diferentes tamaños de pantalla para asegurarte de que todo se vea bien y encaje correctamente.
Algunos plugins incluso te permiten mostrar la barra solo en móviles o en escritorio, dependiendo de tus necesidades. De esa manera, puedes personalizar la experiencia para cada usuario.
¿Puedo controlar cuándo aparece la barra flotante en el pie de página?
¡Sí! Muchos plugins, como OptinMonster, te permiten establecer reglas para cuándo aparece la barra. Por ejemplo:
- Mostrar después de unos segundos en la página
- Mostrar cuando el usuario se desplaza hacia abajo
- Mostrar solo en páginas específicas
Esto te ayuda a captar la atención del usuario en el momento adecuado sin ser demasiado insistente.
¿Qué debo evitar al usar una barra inferior fija?
Aquí tienes algunos consejos:
- No hagas la barra demasiado alta: debe ser útil, no una distracción.
- Asegúrate de que no cubra otro contenido importante.
- Mantén el mensaje corto y claro.
Además, no uses demasiadas animaciones o colores llamativos. Un diseño limpio y simple suele funcionar mejor.
Esperamos que este artículo te haya ayudado a aprender cómo crear fácilmente una barra inferior flotante y fija en WordPress. También te puede interesar nuestra guía para principiantes sobre cómo agregar código de encabezado y pie de página en WordPress y nuestra lista de verificación de cosas que agregar al pie de página en tu sitio de WordPress.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Greg
¿Cómo puedo posicionar esta barra fija en la parte superior de la página? ¿Usando CSS o alguna configuración que me falte? Disculpen si esto ya se respondió. ¡Gracias!
Soporte de WPBeginner
For that you would want to use the header option instead of footer for most of these and that would place it at the top of the page
Administrador
Moinuddin Waheed
Tener una barra de pie de página flotante es muy efectivo para marketing y generación de leads.
Ofrece una tentación constante en la mente del usuario sobre las promociones y ofertas en curso.
He realizado compras en el pasado debido a este recordatorio constante y al miedo a que esta oferta termine pronto.
Gracias por el desglose paso a paso de cómo podemos crear una para nuestros sitios web.
Soporte de WPBeginner
¡De nada, nos alegra que nuestra guía haya sido útil!
Administrador
Hajjalah
Utilizo el plugin OptinMonster para agregar una barra flotante en el pie de página con mis enlaces sociales, lo que ha aumentado drásticamente mi audiencia en redes sociales, cortesía de este detallado artículo paso a paso.
Pero si puedo preguntar. ¿Es posible agregar algún código para que la barra del pie de página del plugin OptinMonster no aparezca o aparezca después de que haya un anuncio en el pie de página, como los anuncios de Google AdSense en el pie de página?
Soporte de WPBeginner
You would want to reach out to OptinMonster’s support and they can help you look into and/or set up something like that
Administrador
Ahmed Omar
Un excelente tutorial sobre cómo crear una barra de pie de página flotante "pegajosa" en WordPress
Tu guía paso a paso, especialmente el primer método, es clara y efectiva.
Uso el primer método para este pie de página flotante
Gracias por esta solución práctica
Soporte de WPBeginner
¡De nada!
Administrador
Steve Alvi
Por favor, quiero un botón de cierre con esta barra flotante.
Soporte de WPBeginner
OptinMonster sería el método que te permitiría tener un botón de cierre con la mayor facilidad.
Administrador
Jiří Vaněk
Uso Optin Monster donde puedo configurar el cierre e incluso medir el cierre. De esa manera sé cuántas personas usaron la barra flotante y cuántas la cerraron porque no estaban interesadas.
Trendy Avinash
Funcionó de maravilla, sin plugins.
Gracias
Soporte de WPBeginner
Glad our guide was helpful
Administrador
Alejandro Ferguson
El código del pie de página flotante realmente funciona. Gracias
Soporte de WPBeginner
Glad our guide could help set it up
Administrador
John SMith
Cómo agregar un botón para compartir en Facebook en una barra flotante solo para móviles, no para escritorio.
Soporte de WPBeginner
Deberías echar un vistazo a la opción 2 en nuestros plugins de redes sociales aquí: https://www.wpbeginner.com/plugins/best-social-media-plugins-for-wordpress/
Administrador
wlepcha
Cómo agregar menús en el pie de página fijo en lugar de anuncios aleatorios.
Soporte de WPBeginner
Deberías echar un vistazo a nuestro artículo aquí: https://www.wpbeginner.com/wp-themes/how-to-create-a-sticky-floating-navigation-menu-in-wordpress/
Administrador
Marius
Muy buen tutorial. Implementé el código manual y funcionó a la perfección. Solo necesito una función más... ¿podemos tener también una X o un botón de cierre para cerrar la barra flotante y que permanezca así por el resto de la visita? Sé que hay cookies involucradas, pero tal vez puedas darnos una solución simple. ¡Gracias!
Greg Guz
Tutorial muy claro y fácil de seguir.
La barra flotante parece funcionar perfectamente, pero estoy recibiendo el siguiente error en la consola de Chrome:
Failed to load resource: the server responded with a status of 404 ()
¿Alguna idea?
Ankush jain
Muy útil tu sitio web
Muchas gracias
Mark Rowles
Solo una pequeña observación: el CSS no funcionará para esto.
Tienes `fixedBar` en el HTML como nombre de clase (con B mayúscula) y tienes `fixedbar` en el CSS (con b minúscula), por lo que el CSS no se aplica.
¿Alguien puede corregir el código, por favor, para ayudar a otros que descubran esta publicación?
Soporte de WPBeginner
Hola Mark,
Gracias por señalar esto. Hemos actualizado el código.
Administrador
Robi
Estimados WPBeginner y amigos
Si tengo una sección específica que he creado usando Elementor Page Builder, ¿cómo puedo usarla como un pie de página fijo personalizado? (Contiene más de una columna, algunos botones y texto). Quiero este tipo de pie de página fijo, en lugar de texto simple como se explica en este tutorial.
Gracias..
Daniel
1) Agregué el código justo antes de la etiqueta en el footer.php de mi tema /wp-content/themes/mytheme/
2) Agregué código a mi tema /wp-content/themes//mytheme/style.css, no funcionó, lo borré y luego intenté agregarlo desde la opción del tema al menú de CSS personalizado, mismo problema, no funciona
3) Agregué floatingbar.js con el código dentro en /wp-content/themes/mytheme/js
4) Agregué código a functions.php, al principio no funcionó... intenté con un plugin específico del sitio también, mismo resultado
Lo intenté en ambos sitios web, con un tema diferente, mismo problema, no funciona, solo se queda ahí, no flota
Cualquier ayuda será bienvenida... Realmente lo necesito
Soporte de WPBeginner
Hola Daniel, intenta usar la herramienta de inspección para solucionar cualquier problema con CSS.
Administrador
Daniel
Gracias por la respuesta, pero para mí, jugar con CSS y JS es como construir una nave espacial... le daré una oportunidad para averiguar qué está mal
Saludos
Daniel
Daniel
Usé las herramientas del inspector y no veo ninguna línea roja ahí...
Dueadla Framin
¡Tengo el mismo problema! El código que publicaste ni siquiera funciona en el tema predeterminado twenty sixteen. No flota, simplemente se queda atascado en la parte inferior de la página web después de desplazarse hasta el final.
Igor
Hay un error en la referencia de fixedBar en el código CSS (se está refiriendo como ".fixedbar" cuando debería ser ".fixedBar". Cambia eso y mira si funciona.
henrykene
WpBeginner, por favor, me gustaría usarlo para mostrar mis anuncios de Adsense en vistas móviles. ¿Cómo lo hago y cuáles son los códigos para que muestre un pie de página fijo de Adsense para los espectadores móviles?
Nawaf
Genial.
Pero hay un error. Cuando lo abres en el móvil. La cinta se corta. Y solo se ve la mitad.
Consejo
En mi nuevo tema, tengo la opción de usar una función de desplazamiento infinito. Esto es genial, excepto que el lector tendría que desplazarse mucho tiempo para llegar a mi pie de página antiguo, que es donde puse las divulgaciones legales, etc.
Con esta barra de pie de página flotante, pude colocar los enlaces allí de manera agradable y ahora puedo usar la función de desplazamiento infinito sin tener que reposicionar un montón de enlaces requeridos.
¡Gracias por este tutorial. ¡También aprendí un poco más de PHP y CSS!
Sarah Noah
Tengo un cliente que quiere tener un enlace para SOLICITAR UNA COTIZACIÓN en cada página, así que cuando vi este pie de página fijo, parecía perfecto hasta que leí que a algunos usuarios les molesta. ¿Creen que SOLICITAR UNA COTIZACIÓN pegado en la parte inferior de cada página es molesto? Por supuesto, es lo más importante que la empresa quiere que haga el usuario.
Roy E
La barra del pie de página se muestra bien en FireFox, pero no es fija en IE11, donde tuve que desplazarme hacia abajo para ver "Acerca de WPBeginner", "Enlaces del sitio" y "Sitios que nos gustan".
Roy E
Por supuesto, cuando presioné Enter en el comentario anterior (problema de IE), apareció la barra del pie de página fijo. No estoy seguro de lo que pasó, pero el problema desapareció. Por favor, ignora este comentario y el anterior.
yugishtha
¿tenemos también un plugin de menú de barra superior flotante para WP?
Hutzel
Intenté todo, pero no me muestra el pie de página fijo. ¿Alguien puede ayudarme o asistirme, por favor? gracias
Devendra Meena
¿Hay algún plugin que pueda tener algunos scripts en una caja flotante y con un botón 'x' para cerrarla?
Khushal Rao
esto también se puede usar para mostrar anuncios...
Dick Sijtsma
Bajar la opacidad a, por ejemplo, 0.60, le da al visitante un vistazo del contenido subyacente. Creo que sería un buen efecto. Pero cambiar la opacidad de la barra, cambia también la opacidad del texto. Y eso 'diluye' el mensaje. ¿Algún truco para evitarlo?
Gracias.
Jan dB
Como se mencionó anteriormente, este es un tutorial muy fácil y funciona a la perfección en la mayoría de las computadoras.
Sin embargo, también tengo problemas con los navegadores móviles.
¿Ya se te ha ocurrido alguna solución para eso?
¡Gracias y sigue con el buen trabajo!
Personal editorial
Para navegadores móviles, si tienes un diseño adaptable, puedes simplemente usar consultas de medios y `display: none` para toda la barra del pie de página.
Administrador
Theresa @DearCreatives
Nice. I am actually looking for a tutorial for adding script to top of post that is there every time I post for disclosure purposes. If you have one like that or know of a plugin can you send me an @DearCreatives on twitter or email me
thanks!!
Dick Sijtsma
Hola, se ve bien, pero entiendo las razones por las que a algunas personas no les gustan mucho este tipo de pies de página. Sin embargo, yo también estoy intentando lograr este efecto.
En el código fuente de esta misma página, vi que externalizaste el javascript. Lo pusiste en el archivo javascript main.js y enlazaste este archivo principal a la página en la cabecera.
Hasta ahora todo bien, puedo manejar eso. Pero no encuentro el lugar donde se llama la función 'randomtip'.
En resumen, mi pregunta es: ¿cómo externalizo el javascript? Espero tener noticias tuyas.
Matthew
Gran tutorial. Un problema con el que otros también podrían encontrarse: solo tengo un enlace en el pie de página (en lugar de varios en rotación) y esta barra del pie de página se muestra incluso en la página a la que enlazo en el pie de página. ¿Sabes de alguna forma rápida de no mostrar este pie de página en páginas particulares? ¿O para, quizás, mostrarlo solo en la página de inicio?
Personal editorial
Claro, solo envuelve el texto con la declaración condicional `is_front_page()`.
Administrador
Antonio
Here a true beginner. How do I actually do that? I totally new to WP and PHP. As far as I understand I have to put somewhere in the footer.php but I really have no idea where. Great article though. It managed to add it to my blog as well
Caio
Me gusta, pero es un poco demasiado distractor. Quizás hacerlo agradable y ligero bajando la opacidad, y luego agregando una declaración de estilo al pasar el cursor para subir la opacidad a .9
Sopheak
¡Guau! Fue un gran tutorial.
Pawan
Genial, estaba buscando lo mismo.
Sai Kumar
¡Hola, esta barra de pie de página flotante y pegajosa es realmente increíble! La agregaré a mi blog sin duda. ¡Muchas gracias por compartir!
Max Manroe
Genial, buen tutorial y creo que esto es genial, lo intentaré en mi blog. Gracias
Zseller Istvan
Chicos, esto es lo único que realmente odio de WpBeginner. Cuando leo sus artículos en mi tableta, con Opera, esta barra de pie de página se queda en medio de la página por segundos al desplazarse. Es una tableta nueva y lo suficientemente potente. La barra de pie de página cubre el contenido, lo cual es realmente molesto. Después de un tiempo se mueve a su lugar.
Personal editorial
Estamos trabajando en una versión móvil/tableta. Esto no será un problema pronto.
Administrador
Salman Ahmad
¡Wow! Esto es increíble, gracias por compartir
Peter
Muchas gracias por proporcionarnos este gran tutorial. Definitivamente me será útil.
Amitabha Chakraborty
Hola
Buen tutorial. Pensé que un botón de "X" para cerrarlo si molestaba a alguien habría sido genial.
Saludos
Amitabha
David
Me gusta una barra de pie de página. Creo que es un gran lugar para poner botones para compartir en redes sociales. Hice la mía en el sitio de un cliente, pero tiene la opción de poder cerrarse. También tiene el botón para ir a la parte superior. Bastante ingenioso. Sin embargo, al igual que la barra de pie de página que hice, en mi HTC EVO 4G tu barra de pie de página no se queda fija en la parte inferior como debería. De hecho, se queda atascada en medio de un artículo y es realmente molesta porque cubre un poco el texto. La barra que hice se puede cerrar, por lo que es solo una molestia rápida. Tu barra no se puede cerrar, así que nunca puedo leer ese texto. De nuevo, esto es en mi teléfono. Si puedes encontrar la solución, por favor házmelo saber.
Llegué a este artículo a través de su boletín, lo cual es genial. Gracias por eso.
Michael
Te gusten o no este tipo de barras, hay un gran valor en ver cómo está escrito el código para implementar algo así, al menos. Uso Hello Bar y la barra Wibya en varios de mis sitios y aunque creo que algunas personas se han vuelto ciegas a ellas, incluyéndome a mí, y a algunas les disgustan, todavía funcionan para ayudar a convertir y compartir contenido la mayor parte del tiempo.
Aprecio lo que considero una pequeña y útil lección de código. ¡Gran sitio!
Taryn Fox
Personalmente, siento que la barra de pie de página flotante es una característica extremadamente hostil para el usuario, especialmente una como la suya que es a) no ocultable y b) se expande al doble de su tamaño previsto (o más) cuando se ve mientras el tamaño de la fuente aumenta.
Hablando de eso, incluso con nosquint magnificando el resto del texto en este sitio, el texto en el campo de comentarios es diminuto y difícil de leer si tienes problemas de accesibilidad visual.
Hablando de otros problemas de accesibilidad, pedir el "Nombre Real" de una persona es hostil para cualquiera que use un seudónimo. Esto incluye a mujeres trans, personas que están siendo acosadas, personas que ocultan su actividad en línea de otros que son capaces de hacerles daño, y personas que simplemente prefieren y son más conocidas por sus seudónimos que por sus nombres legales o de nacimiento (ambos son términos más inclusivos y precisos para lo que usted llama un "nombre real").
Además, escribiste mal "meaningful" (significativo) en el aviso de "Add a comment" (Agregar un comentario).
No iba a dejar un comentario largo y divagante de crítica, pero siento que la mayoría de la gente tiene ceguera a los banners para las barras de pie de página, y les son indiferentes en el mejor de los casos y les molestan en el peor. La mayoría de la gente que no son diseñadores web, de todos modos. Pensé que tal vez alguien debería defender a las personas que realmente se ven afectadas por ellas. Luego me encontré con los otros problemas una vez que fui a su sitio desde Google Reader, e intenté dejar un comentario.
Gracias por tus tutoriales, y espero que todo te vaya bien.
Personal editorial
Hola Taryn,
Realmente apreciamos tus valiosos comentarios. Definitivamente hay pros y contras en tener una barra de pie de página flotante como esta. Los contras ya los has señalado. Pensamos en ofrecer una opción de seguimiento de cookies donde los usuarios habituales puedan cerrar la barra y que nunca más se les muestre. Pero incluso los usuarios habituales a veces se pierden grandes ofertas por eso. Además, si borran la caché de su navegador o usan una computadora diferente, la barra vuelve a aparecer. Otro inconveniente del seguimiento de cookies. Hemos pensado mucho en tener registro de usuarios y ofrecer personalización en el sitio.
En cuanto a los comentarios, el texto del nombre real en el campo tiene un solo propósito: detener a los spammers. Si lees la política de comentarios, dice: “No permitimos palabras clave rellenas en el campo del nombre. Debes usar tu nombre o apodo para comentar”. A menudo la gente usa sus apodos, y estamos completamente de acuerdo con eso. Pero si tu apodo es “la mejor compañía de seguros” o algo así… entonces lo marcamos como spam.
Gracias por señalar el error tipográfico. Lo hemos corregido.
Administrador
Partha Bhattacharya
Esto es con respecto al comentario de Taryn arriba:
“…Siento que la mayoría de la gente tiene ceguera a los banners en las barras de pie de página, y en el mejor de los casos son ambivalentes y en el peor, les molestan.”
Dado que sigues usándolas, no hay duda de que obtienes beneficios de ellas, y la gente hace clic en ellas para mantenerse actualizada, tal como lo hice yo ahora… viniendo aquí desde otra página.
¿Te importaría compartir algunas estadísticas / información sobre cuán efectiva es la barra de pie de página para ti, y también cuán efectiva es en comparación con el uso de una barra de encabezado?
staion
¡Gracias por estos pequeños tutoriales fáciles y asombrosos! Ya lo he implementado en mi sitio, pero sin la cosa de jquery, solo usándolo como anuncios.
FreedomJackson
Genial, gracias por compartir esto, amigo. Estoy haciendo algunas actualizaciones y estaba tratando de encontrar una buena manera de agregar esta barra de pie de página.
mucho grande gracias senior