Cómo: Mostrar y Usar la Pantalla de Configuración de Tu App

Todas las apps creadas con webtoapp.design contienen una pantalla de configuración nativa que da a los usuarios acceso a muchas funciones importantes. ¡Echemos un vistazo a cómo abrir la página de configuración y usar sus funciones!

Abriendo la Configuración de la App

La forma más común de abrir la configuración de la app es a través de la interfaz de usuario. El aspecto de la interfaz varía dependiendo del diseño de la app que elijas. Así que empecemos con el diseño más popular, el diseño de menú desplegable:

Como puedes ver, tenemos el botón para abrir el menú de configuración en la parte inferior del menú lateral. Está fuera del camino (porque está debajo de los elementos del menú más utilizados que están arriba) pero aún es fácil de encontrar para los usuarios. ¿No lo ves en tu app? Asegúrate de que el elemento del menú de configuración esté habilitado en la configuración de la pantalla del menú desplegable.

El botón de configuración es más prominente en el diseño de la barra de navegación, ubicado justo en la barra de navegación inferior:

Similar to when you're using the drawer layout, the settings navigation bar item can be disabled in your webtoapp.design dashboard. Esto puede ser especialmente útil con el diseño de la barra de navegación, porque el espacio en la barra de navegación inferior es bastante limitado. No deberías tener más de cinco botones en tu barra de navegación y que el botón de configuración ocupe uno de estos espacios puede ser problemático.

With the "Just Website" layout, you can enable a floating action button that opens the settings page. Since this might be too distracting, it's disabled by default. You can find the setting for it here.

If you decide to disable the settings button for your app layout, we strongly recommend that you add an alternative way of opening the settings, because the settings screen contains many important features (as we will discuss later on).

Veamos qué otras formas hay de abrir la página de configuración.

Abrir la Pantalla de Configuración con un Enlace

La opción más fácil es añadir un botón/enlace "Abrir Configuración" a tu sitio web que lleve a https://webtoapp.design/apps/es/show_settings

Cuando este enlace se abre en la app, abrirá la página de configuración. Así que coloca el enlace donde quieras darle al usuario la opción de abrir la configuración de la app, por ejemplo, en el pie de página de tu sitio web.

Abrir la Pantalla de Configuración con JavaScript

En lugar del enlace, también puedes llamar a la función de JavaScript showSettingsPage , que logra el mismo objetivo.

No importa qué opción uses para abrir la configuración, se te presentará esta pantalla:

Características

En la captura de pantalla de arriba ya podemos ver la mayoría de las funciones que contiene la pantalla de configuración. Vamos a repasarlas una por una de arriba a abajo:

• Los usuarios pueden gestionar todo lo relacionado con las notificaciones push:
  • Habilitar/deshabilitar las notificaciones completamente.
  • Conceder el permiso de notificación push si aún no lo han hecho. Si el usuario ha rechazado previamente el permiso de notificación push, se abrirán los ajustes del sistema donde pueden habilitar las notificaciones.
  • Si tu sitio web utiliza temas de notificación, los usuarios pueden darse de baja de temas específicos en la página de configuración.
• Activar o desactivar los informes de fallos. Puedes establecer el valor predeterminado para esto en tu panel de control de webtoapp.design.
• Mantener la pantalla del dispositivo encendida mientras la app está abierta (incluso si el usuario no está interactuando con ella). También puedes cambiar el valor predeterminado para esta configuración en tu panel de control.
• El diálogo "Acerca de la App" da acceso a dos funciones:
  • Tú (como creador de la app) puedes abrir la consola de desarrollador para investigar problemas de la app.
  • Los usuarios pueden ver las licencias de los paquetes de terceros utilizados por la app. Esto es un requisito legal.
• Los usuarios pueden solicitar que se eliminen sus datos. Lee nuestra guía para saber más sobre cómo y por qué usar la función de eliminación de cuentas.

Conclusión

La pantalla de configuración nativa en tu app es una herramienta poderosa tanto para los usuarios como para ti como creador de la app. Al entender y utilizar estas funciones, puedes mejorar la experiencia del usuario y también ahorrar tiempo (porque no tienes que construir las funciones de la pantalla de configuración en tu sitio web).