Diseño de barra de información

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.

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.

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 obtener los conceptos básicos de la creación de la barra de información, consulte la página de soporte Editar sección de diseño. A continuación se muestran las opciones de edición exclusivas de las barras de información.

Anclaje

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.

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.

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.

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

La siguiente configuración se encuentra en el menú Opciones de diseño y es exclusiva de una barra de información:

Visualización de la InfoBar

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

Animar InfoBar

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.

Insertar en el cuerpo de la página

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

Vista previa

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

Preguntas frecuentes