Diseña y publica tus sitios rápidamente

Cómo usar la app de Banner

Cómo usar la app de Banner

Lo que aprenderás

En este artículo te enseñaremos cómo funciona la app de Banner (la cual puedes usar para exhibir imágenes con texto y  agregarles vínculos personalizados y formularios).

Es similar a la app de Slideshow pero con la de Banner puedes cambiar las diapositivas cuando quieras y puedes poner texto sobre las imágenes.

Pasos

Instalación

1. Para instalar esta app, necesitas entrar a tu sitio Breezi (como editor), ir a la barra inferior y hacer clic en Apps y luego en Banner.

Banner en el menú de las apps

2. Arrastra el botón de “Install New App Version” en una de las columnas y suéltalo en la posición que quieras.

Instalación de la app de Banner

3. Una vez que se cargue, se parecerá a la siguiente imagen.

La forma predeterminada de la app de Banner

Reemplaza las imágenes

4. Ahora puedes cambiar las imágenes. Puedes subir una desde tu disco duro. Para ello, solamente haz doble clic en la imagen predeterminada (la de color gris).

Imagen predeterminada que resalta de color verde

5. El panel de la imagen se abrirá. Ahí, haz clic en “Replace” y selecciona un archivo de imagen de tu computadora. Luego, haz clic en “Save”.

Botón de "Replace" en el editor de imágenes

Edita el texto

6. Cuando se cargue tu imagen, podrás editar el texto. Notarás que hay dos “Click Here to Edit Text”. El primero, el de la izquierda, es para escribir un texto para la imagen. El segundo, a la derecha, es un vínculo que, de forma predeterminada, te llevará a un formulario de contacto (pero puedes cambiarlo a un vínculo personalizado). Edita el primer texto al dar doble clic.

Texto predeterminado en la app de Banner

7. Ahora, para el segundo, solamente haz doble clic y empieza a escribir.

Botón en la app de Banner

8. Este segundo texto puede llevar a tus visitantes a un formulario de contacto o a un vínculo personalizado. Para configurarlo, haz clic en “Form Settings” debajo de la app.

Botón de "Form Settings" en la app de Banner

“Form Settings”

9.  Se abrirá el panel de la configuración del formulario. Ahí tendrás varias opciones. La primera, Promotion Link, es donde puedes insertar un vínculo personalizado a una URL en lugar del formulario (puedes marcar la casilla que está debajo si quieres que dicho vínculo se abra en una ventana nueva).

Opciones de "Form Settings" en la app de Banner

A la derecha, hay una lista de campos que se pueden poner en el formulario. Tienes las siguientes opciones para cada uno: “Ask as required”, “Ask as optional” y “Don’t ask for it” (para que la pregunta sea un requisito, opcional o para que no la pregunte respectivamente).

Luego, debajo de “Open Link in New Window”, están las opciones restantes. Con ellas puedes editar el título del formulario, agregar una descripción o escribir un mensaje de agradecimiento (el cual se abrirá una vez que un visitante haya llenado tu formulario).

La opción de “Redirect URL After Submission” redirigirá a tus visitantes a la página que quieras (una vez que hayan terminado tu formulario).

Cuando termines con la configuración, haz clic en “Save” y luego en “Close” para que tus cambios se guarden correctamente.

"Save" y "Close" en "Form Settings"

Y eso es todo lo que tienes que hacer para configurar tu primera diapositiva. Pero, ¿qué pasa si quieres más?

Agrega más elementos

10. Es muy fácil agregar más diapositivas. Solamente haz clic en el botón de “New Entry” ubicado en el lado izquierdo de la barra de herramientas de la app.

"New Entry" en la barra de herramientas de la app

Elimina elementos

O, si necesitas eliminar alguna, haz clic en la X (“Remove”) que está abajo de la app. Ten cuidado de no presionar la X arriba de la app porque eso eliminará la app completa (aunque puedes agregarla otra vez).

Botón de "X" debajo de la app de Banner

Para personalizar la nueva diapositiva, repite los pasos del 4 al 7.

Barra de navegación

11. Notarás que al agregar un elemento nuevo, aparecerá una barra de navegación con flechas a la izquierda y derecha, debajo de la app.

Barra de navegación de la app de Banner

También puedes cambiar el diseño de dicha barra con su Dot de Estilo (fondo, márgenes y más).

Cambia el orden de los elementos

12. Puedes reacomodar los elementos en tu app (cuando haya más de uno) con el botón de “Reorder” ubicado debajo de la app.

Botón de "Reorder"

Haz clic en él y se abrirá una nueva ventana con una lista de tus elementos. Haz clic y arrástralos para organizarlos. Una vez que hayas terminado, haz clic en el botón de “Close” en la esquina superior derecha.

Ventana para reorganizar los elementos

Configuración de la app

13. Por último, está la configuración de la app. Aquí podrás introducir etiquetas para tu formulario (en caso de necesitarlas, otra manera, ve el paso 9). Por ejemplo, para el campo de “Email” puedes dejarlo así o cambiarlo por “Correo Electrónico”. No necesitas editar los campos o preguntas que no vayas a usar (paso 9).

Debajo de esas opciones, encontrarás dos más: “Auto Rotate”, la cual te permitirá elegir la velocidad con la que las diapositivas se intercalarán (si es que quieres que se alternen) y “Propagate Style to All Pages”, con el cual podrás copiar la configuración de los dots de estilo de esa app para que se propague a las otras versiones de esa misma app que tengas instaladas.

Opciones de configuración en la app de Banner

¡Eso es todo para la app de Banner! Si sientes que falto cubrir algún tema relacionado, háznoslo saber en la sección de comentarios.