Diseña y publica tus sitios rápidamente

Todo lo que puedes hacer con las Apps

Cómo usar las diferentes apps en Breezi

En este artículo te daremos un pequeño resumen de lo que puedes hacer con cada una de las apps de Breezi. Debes de tomar en cuenta que las apps son muy versátiles, y que su apariencia dependerá del contenido que les agregues y el estilo que les des. Podrás desplazarte para encontrar y aprender sobre alguna app en específico o puedes revisar una por una para que sepas las opciones que tienes.

Nota: agregamos apps con regularidad así que es posible que algunas de ellas no estén incluidas en esta lista.

Text (texto)

Con la app de texto puedes agregar bloques de escritos o encabezados individuales, darle formato a tus diferentes textos con el editor WYSIWYG (vincularlos, cambiar su color, tipografía, tamaño, espaciado, alineamiento, etc.) y puedes insertar imágenes y videos dentro de la app. Puedes hacer que el texto enmarque la imagen o video.

Image (imagen)

La app de imagen se usa para mostrar una imagen individual. Una vez que hayas subido tu imagen, puedes cortarla, cambiarle el tamaño, vincularla a una página dentro de tu sitio o a un URL externo, agregar atributos alt, alinearla o cambiar sus opciones de estilo. Puedes utilizar esta app para agregar un logo o una imagen individual a tu página. Puedes usar diferentes apps para añadir imágenes

Navigation (navegación)

Puedes usar la app de Navigation para crear un menú de navegación, vincularlo a otras páginas dentro de tu sitio o a un URL externo. Por lo pronto, no tenemos una opción de menú desplegable; sin embargo, puedes agregar todas las apps de navegación que quieras y hacer distintos menús. También puedes cambiar el estilo de tu menú al hacer que parezcan botones, cambiar su fondo o simplemente dejar el texto con sus respectivos vínculos.

Video

Con la app de video puedes exhibir un reproductor de video al agregar la app a tu sitio y pegar el URL del video (ya sea de YouTube o Vimeo). Si, por alguna razón, agregas el URL de tu video y la app no lo reconoce, puedes usar la app de Embed HTML para añadirlo (siempre y cuando tengas un código para insertarlo).

Video Gallery (galería de video)

¿Necesitas agregar más de un video? Puedes usar la app de galería de videos para mostrar varios a la vez. Cuando hayas agregado el URL de los videos (como en la app de video), puedes cambiar el tamaño de las imágenes en miniatura al hacer doble clic y arrastrar la esquina inferior derecha de una de ellas. También puedes agregar un texto que aparecerá debajo de cada video. Puedes hacerlo con un solo clic. En la actualidad, no puedes agregar un canal de Youtube con solamente poner el URL para que tus videos se transfieran automáticamente; tienes que agregar cada video individualmente.

Slideshow (diapositivas)

La app de Slideshow sirve para agregar varias imágenes que se intercalan automáticamente. Puedes personalizar las transiciones de las imágenes al hacer clic en los “Settings” y elegir “Fade” (difuminar) o “Slide” (deslizar), qué tan rápido se difuminará (en caso de elegir esa opción) y cuántos segundos debe mostrar cada imagen.

Puedes agregar vínculos a las imágenes, cortarlas, cambiarles el tamaño y agregarle atributos alt al hacer doble clic en la imagen y que se abra su editor. Para cambiar el orden de las imágenes, pasa el cursor sobre una y haz clic en el ícono de las flechas en sentidos opuestos (enseguida de la “X” la cual eliminará la imagen de la app). Se abrirá una ventana con una lista de tus elementos y podrás arrastrarlos hasta su nueva posición. Puedes hacer muchas cosas con esta app, por ejemplo, usarla con imágenes en png transparentes. 

Image Gallery (galería de imágenes)

Como con al app de galería de video, con esta puedes agregar cuantas imágenes quieras. La app muestra versiones en miniatura que tus visitantes podrán ver al hacer clic en las flechas laterales. Una vez que presionen alguna, aparecerá una versión más grande de la misma en una capa aparte (este visor también tendrá flechas para que puedan ver todas las imágenes). Para agregar un texto, solamente necesitas un clic. Se abrirá el visor y verás que debajo de las imágenes hay una barra donde podrás agregar texto y editarlo con la barra de herramientas WYSIWYG. Con el editor de la imagen podrás cortarla, cambiarle el color y agregarle atributos alt. Puedes cambiar el tamaño de las imágenes en miniatura al jalar la esquina inferior derecha de alguna (las demás se acomodarán automáticamente).

Blog

Con esta app puedes agregar publicaciones con texto, imágenes y videos incluidos al usar la barra de herramientas WYSIWYG. Para editar un artículo, haz doble clic en su título, imagen o en el vínculo de “Read more”, sostenlo por algunos segundos y luego suéltalo. Esto te llevará al editor del blog donde podrás agregar y modificar tu contenido. También puedes escoger la fecha y cambiar su imagen en miniatura al hacer doble clic. El URL de la publicación se generará a partir de su título (en la actualidad no tenemos una opción para personalizar el URL). ¡Próximamente agregaremos más funciones para la app de blog!

Social Icons (íconos sociales)

¿Quieres tener vínculos a todas tus redes sociales para que tus visitantes puedan accesar a tus perfiles? Con la app de Social Icons, puedes agregar los URL de tus redes sociales en su ícono correspondiente. Después puedes cambiar su configuración y estilo para que tengan el diseño y la posición que quieras.

Facebook Page

Solamente tienes que pegar el URL de tu página en “Edit Settings” y tus visitantes podrán darle “Like” a tu página. También puedes elegir si quieres que se muestren algunas de tus publicaciones más recientes en Facebook o cambiar o eliminar el título de la app si así lo deseas.

Twitter

Una vez que introduzcas tu id de Twitter, la app se encargará de mostrar tus tweets más recientes en tu sitio Breezi. En la configuración de esta app puedes elegir cuántas publicaciones quieres que sean a la vez.

Maps (mapas)

La app se encarga de mostrar tu locación a través de Google Maps. Para esto tienes que copiar y pegar el código que Google Maps te ofrece. Es bastánte sencillo de hacer y te sirve para mostrar tu posición en el mapa.

Carousel (carrusel)

Con esta app puedes mostrar varios elementos que girarán o se alternarán como lo hace un carrusel (cada uno de los elementos puede incluir una imagen, un texto principal y un texto secundario). Puedes cambiar el tamaño de la imagen y ajustar y dar formato al texto. Puedes usar esta app para compartir reseñas o testimonios o cualquier otro contenido que quieras exhibir.

Tabbed Widget (widget con pestañas)

Con la app de Tabbed Widget tus visitantes pueden hacer clic y elegir entre varias publicaciones que se muestran en un menú de navegación con pestañas posicionadas en la parte izquierda. Estas “publicaciones” contienen un título y cualquier tipo de textos, imágenes y videos que necesites y que puedes agregar con la barra de herramientas WYSIWYG. Puedes usarla para exhibir productos, servicios o cualquier otra cosa que desees.

RSS

¿Tienes un blog y quieres que su feed aparezca en tu sitio Breezi? Agrega esta app  y haz clic en “Edit Settings” para pegar su URL y elegir cuántas publicaciones quieres que se muestren a la vez.

Embed HTML (inserta HTML)

Por el momento, no tenemos un video para la app de Embed HTML porque el resultado siempre es diferente dependiendo de qué código le insertes. Puedes usarla para agregar una suscripción a un boletín con Mailchimp o una herramienta de comercio electrónico como Wazala.

Todas las apps a continuación tienen la opción de formulario y tienen funciones parecidas. 

Banner

La app de Banner funciona para exhibir una imagen a la vez y, con cada una puedes, agregar un texto y un botón que puedes vincular a otra página dentro de tu sitio o a un URL externo o a un formulario. Si agregas más de un elemento, verás flechas que te permitirán navegar a través de la app. También puedes hacer que roten automáticamente en las configuraciones de la app. Para editar tus opciones en cuanto a lo que formulario se refiere, pasa el cursor sobre el botón de la derecha y haz clic en “Form Settings” del botón. Notarás un ícono con flechas en sentidos opuestos que te permitirá reorganizar tus elementos.

Contact (contacto)

Esta app te permite agregar un formulario de contacto al cual le puedes editar el título, su descripción o instrucciones y configurarlo como quieras. Cuando alguno de tus visitantes complete un formulario, recibirás un correo electrónico con la información que introdujo y los datos se guardarán automáticamente en la app. Puedes regresar y leer los formularios enviados con el botón de “Inquiries” y puedes exportarlos a otro archivo. Por último, puedes configurar la app para que envie un email de agradecimiento a los visitantes que completen el formulario. Para ello, haz clic en “Inquiries” y luego en “Edit Email Template” para personalizar el correo.

Button (botón)

Como con la app de contacto, con la de botón puedes agregar un botón que te puede llevar a un formulario a otra página en tu sitio o a un URL externo. La forma predeterminada del botón contiene dos líneas de texto (uno primario y otro secundario). Para eliminar este último, haz clic en Settings y en “Display Slogan Text”, elige “No”. Para configurar el formulario, haz clic en “Form Settings” y luego en “Inquiries” para ver y exportar la información que tus visitantes introdujeron o para personalizar el email de agradecimiento para cuando alguien llenó un formulario. Haz clic aquí para hacer un botón con estilo, y aquí para aprender a hacer un botón redondo.

Ask a Question (haz una pregunta)

Esta es otra app que contiene un formulario expuesto, como el de la app de contacto, pero mucho más simple. Puedes agregar un título o personalizar las etiquetas de “Question” y  de “Email”. De la misma forma puedes editar el mensaje de agradecimiento que aparece cuando algún visitante completa el formulario. Haz clic en “Inquiries” para ver la información que tus visitantes enviaron, para exportarlo o para personalizar el mensaje que aparece cuando alguien llena el formulario.

¿Tienes preguntas o comentarios sobre este tutorial? Háznoslos saber en la sección de comentarios.