Tutoriales
Atrás

Cómo configurar tu página de inicio


Hoy aprenderemos cómo configurar el Inicio de tu aplicación.

La página principal es la primera página que los usuarios verán cuando abran tu aplicación.

En esta página, puedes crear una navegación secundaria, además de tu navegación principal

Comencemos de inmediato yendo al menú Mi app, Diseño, Inicio

Los módulos que componen tu Inicio se denominan Widgets.

Hay varios tipos de widgets:

- Widgets de contenido.

Muestran una descripción general del contenido de las secciones de tu aplicación.

- Enlace 

Puedes crear enlaces a las páginas internas de tu aplicación o enlaces externos en tu página de inicio o acciones como llamar, enviar mensajes de texto o enviar correos electrónicos.

- El widget de anuncios

Este widget muestra los anuncios definidos en tu menú de monetización.

- El widget de búsqueda

Puede activarse si has agregado una sección de búsqueda a yu aplicación. Permite a los usuarios buscar desde la página de inicio.

- Enlaces sociales

Para mostrar accesos directos a sus redes sociales.

- Newsletter

Lo que te permite recopilar los correos electrónicos de tus usuarios.

- Separador

Que muestra un separador entre los otros widgets.

- HTML

Con el que puede mostrar su propio código HTML.

Ten en cuenta que la mayoría de los widgets son en realidad accesos directos a secciones existentes. Solo aparecerán si has agregado la sección a tu aplicación. Por ejemplo, como te dije, si no tienes una sección de búsqueda en tu aplicación, no se te ofrecerá el widget de búsqueda.

Comencemos agregando un widget de enlace.

Quiero ofrecer a mis usuarios una navegación a los diferentes servicios de mi Spa.

Elijo la plantilla visual.

Primero creo los enlaces a las diferentes secciones que quiero hacer accesibles.

Masajes primero.

Elijo el título de mi enlace, la imagen.

Puedes agregar una descripción y un botón de acción, pero no lo haré.

Hago lo mismo para las otras secciones que quiero mostrar:

  • Facials.
  • Paquetes.
  • Ahora la configuración.
  • El color de fondo del widget.
  • Las fuentes.
  • El botón de acción, pero no me puse uno.
  • Los márgenes.
  • Y los efectos en las imágenes.

¡Ahí tienes!

Ahora voy a crear un widget de contenido para mostrar los eventos de mi Spa.

Siempre es el mismo principio. Agregamos, luego editamos el widget.

Luego agrego otro widget de contenido para mostrar mi sección Usuarios en la que he creado un grupo para presentar a los empleados del Spa.

Luego, otro widget de enlace.

Esta vez mostraré:

- mi página Acerca de,

- mi formulario de reserva de tratamiento,

y dos acciones:

- enviando un mensaje de texto

- y una llamada.

Yo creo mi diseño.

Y finalmente, creo un widget de Newsletter para construir una pequeña base de datos de correo electrónico;)

Aquí se ha agregado, pero prefiero que esté en la parte superior de mi widget de enlace.

Simplemente arrástralo al lugar correcto.

¡Así!

¡Eso es todo!

El Inicio ofrece millones de posibilidades, especialmente con los widgets de Enlaces, que te permiten mostrar enlaces a tus diferentes secciones, pero también acciones (llamada, correo electrónico, mensaje de texto) o enlaces externos. Y el widget HTML que puedes personalizar por completo.

Déjame mostrarte la versión final de mi Home.

Aquí, dos ejemplos más para que veas que realmente puedes crear Hogares que sean diferentes visual y funcionalmente.

Esta es la página de inicio de mi aplicación corporativa.

Y la aplicación Home of my Local News.

Ahora puedes crear tu propio Inicio, ¡no puedo esperar a ver los resultados!

¡Hasta pronto en un nuevo tutorial!

Vídeos similares