Actualizado el 21. mayo 2025 por Jan Bunk
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!
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.
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.
executeWhenAppReady()
de nuestro script de ayuda de la aplicación. Garantiza que tu sitio web no intente interactuar con la aplicación antes de que esté lista o cuando tu sitio web se cargue utilizando un navegador normal (ReferenceError, function is not defined). 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:
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:
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).
Artículos relacionados
Cómo: Deslistar Tu App de las Tiendas de Apps
Aquí tienes una guía paso a paso sobre cómo hacer que tu app no esté disponible en la Apple App Store y Google Play Store para que nuevos usuarios ya no puedan descargarla.
Cuándo Restringir Tu App a Modo Horizontal o Vertical
Al convertir sitios web en apps, permitimos a los usuarios bloquear su app en una orientación específica. Aquí te explicamos por qué recomendamos no hacerlo.
Usar Cookies para Mantener a los Usuarios Conectados
Después de convertir tu sitio web en una app, quieres que la app ofrezca una buena experiencia de usuario. Aquí te mostramos cómo puedes mantener a los usuarios conectados asegurándote de que las cookies estén configuradas correctamente.
¡Hola, soy Jan! Creé webtoapp.design en 2019 mientras estudiaba informática en la universidad. Mucho ha cambiado desde entonces: no solo me he graduado, sino que ya no soy solo yo quien dirige webtoapp.design. Hemos crecido hasta convertirnos en un equipo global, completamente remoto, y hemos acumulado mucha experiencia en el desarrollo y publicación de aplicaciones. Hemos creado y publicado cientos de aplicaciones en las tiendas de aplicaciones, donde han sido descargadas millones de veces.