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 al diseño de menú desplegable, el elemento de la barra de navegación de configuración se puede desactivar en tu panel de control de webtoapp.design. 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.

Si decides desactivar el botón de configuración para el diseño de tu app (o usas el diseño de app "Solo Sitio Web", que no puede tener un botón de configuración), te recomendamos encarecidamente que añadas una forma alternativa de abrir la configuración, porque la pantalla de configuración contiene muchas funciones importantes (como discutiremos en la siguiente sección).

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).