Saltar al contenido principal
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Diseño de barra de información


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


Consejo Q: Si no tiene acceso a ninguna de las funciones descritas en esta página, póngase en contacto con su Account Executive. Para obtener más información sobre las diferencias entre la opinión digital y CustomerXM for Digital, consulte Opinión digital frente a CustomerXM para Digital.

Acerca de los diseños de la barra de información

La barra de información adopta la forma de un banner en la parte superior o inferior de una página web, atrayendo la atención del visitante sin interrumpir su experiencia de visualización. Se suele utilizar para anuncios y notificaciones, por ejemplo, para explicar su política de cookies o para anunciar un producto nuevo.

Una barra de información oscura en la parte superior de la comunidad de publicidad del sitio de soporte

Consejo Q: La barra de información puede ser ideal para dirigirse a dispositivos móviles porque otros diseños (como las ventanas emergentes y los botones deslizantes) pueden cubrir demasiado la pantalla pequeña.

Cómo funciona

La barra de información muestra un banner en la parte superior o inferior de la página y se ajusta automáticamente al tamaño del navegador del visitante. También se puede animar para que se deslice en la pantalla, en lugar de aparecer abruptamente.

El sitio de soporte

Se desliza una barra de información sobre la parte superior del sitio de soporte

Además, puede seleccionar si desea que la barra de información cubra el contenido en la parte superior de la página o empujar todo lo que esté debajo para que no se oculte nada.

Configurar la barra de información

Para conocer los aspectos básicos de la creación de su barra de información, consulte la página de soporte Editar sección de diseños. A continuación se muestran las opciones de edición exclusivas de las barras de información.

Delimitador

La opción Ancla le permite decidir si la barra de información se debe fijar en la parte superior o inferior de la página.

el ancla se establece en la parte inferior y, por lo tanto, la barra de información aparece en la parte inferior de la página web

Al seleccionar otros elementos de la barra de información, como los cuadros de texto, puede anclarlos a la izquierda, derecha o en el centro de la pantalla. El ancla central no te permitirá mover el contenido fuera de centro, convirtiéndolo en un medio perfecto para ajustar donde caiga tu contenido.

Un cuadro de texto anclado en Centro

Dado que la barra de información se ajustará automáticamente para que se ajuste a la ventana del navegador del visitante, el anclaje ayudará a mantener las ubicaciones relativas de los artículos. Por ejemplo, si el contenido está anclado a la izquierda, cuando el visitante estire la ventana del navegador, el contenido de la barra de información permanecerá a la misma distancia del lado izquierdo de la pantalla.

El diseño está anclado a la izquierda.

A medida que la pantalla se estira, el texto se mantiene anclado a la izquierda, aparentemente para viajar con la parte izquierda de la pantalla y descentrarla.

Con el anclaje a la izquierda, independientemente del ancho del navegador, este cuadro de texto siempre estará a la misma distancia de la izquierda de la pantalla.

Opciones de barra de información

Los siguientes ajustes se encuentran en el menú Opciones de diseño y son exclusivos de una barra de información:

Visualización de la barra de información

Las opciones de visualización de la barra de información funcionan igual que todas las opciones de temporización de diseños. Consulte la página del enlace para obtener más información.

Animar la barra de información

Cuando se selecciona, la barra de información se deslizará en la página en lugar de aparecer de forma abrupta. Este efecto es una transición más fácil y atrae el ojo del visitante.

La opción Animar InfoBar está seleccionada

Insertar en el cuerpo de la página

Cuando se selecciona, Insertar en el cuerpo de la página empuja el contenido del sitio hacia abajo para hacer espacio para la barra de información, en lugar de cubrir el contenido de la página.

La opción Insertar en el cuerpo de la página está indicada pero no seleccionada

Vista previa

La vista previa de una barra de información funciona igual que la vista previa de cualquier otro diseño.

Preguntas frecuentes

Muchas de las páginas de este sitio han sido traducidas del inglés original utilizando la traducción automática. Aunque en Qualtrics hemos realizado nuestra diligencia debida para obtener las mejores traducciones automáticas posibles, la traducción automática nunca es perfecta. El texto original en inglés se considera la versión oficial, y cualquier discrepancia entre el inglés original y las traducciones automáticas no son legalmente vinculantes.