PWA - Versión Escritorio
Las PWA son Versiones Web avanzadas de una App móvil y por ello, están pensadas y diseñadas para ser utilizadas en dispositivos móviles. No obstante, puedes personalizar la vista de escritorio añadiendo código CSS en el paso "CSS personalizado de PWA" que encontrarás dentro de la sección PWA > Creador de PWA del menú lateral izquierdo del constructor:
1- Estilos
A continuación te ofrecemos la descarga del código css de 6 ejemplos de estilos para que utilices el que más te guste pegando el código correspondiente en el CSS Personalizado de PWA
Estilo-1
Estilo-1
Estilo-2
Estilo-2
Estilo-3
Estilo-3
Estilo-4
Estilo-4
Estilo-5
Estilo-5
Estilo-6
Estilo-6
2- ¿Cómo cambiar la imagen del código QR?
Puedes cambiar la imagen del código QR del ejemplo por el de tu PWA siguiendo estos pasos:
1- Descarga el QR de tu PWA:
Ve a PWA > Creador de PWA, haz clic sobre el QR con el botón derecho del ratón y selecciona la opción "Guardar imagen como"
2- Luego ve a la sección "Generador de url de imagen" (último icono del menú lateral izquierdo del constructor) y sube la imagen del QR descargado en el cuadro de carga de imágenes para que se genere una url
3- Copia la url que se ha generado de la imagen
4- Ahora vuelve a la sección "CSS Personalizado de PWA" y sustituye la url de la imagen en el código y guarda los cambios:
3- Ejemplo de CSS para cambios de texto:
Si lo deseas puedes cambiar los textos ( título del escaneo o el texto de información) y colocar el texto que desees.
- Cambia el título del QR:
- Cambia la información del QR:
Popular Articles
Guía de Negocio para Resellers y Partners
En esta Guía de Negocio vamos a analizar los 8 puntos más importantes a tener en cuenta si te estás planteando lanzar tu Propio Negocio de Apps: ¿Cuánto puedes ganar con un Negocio de Apps? Demo de Scoreapps: Cómo crear Apps y Monetizarlas ¿Qué ...Ver una Demo de Scoreapps para Resellers
En este vídeo te explicamos el modelo de negocio, los tipos de Apps que puedes crear y las distintas herramientas que incluye Scoreapps en su Plan de Resellers: Y en este otro vídeo te enseñamos cómo funciona el software por dentro:Proporciona acceso a tus Aplicaciones
Con el Plan Reseller o Plan Partner puedes otorgar fácilmente a tus clientes o colaboradores acceso a tus aplicaciones. Accede a tu Panel de Apps, y después accede a cualquier Aplicación: Una vez dentro del constructor de Apps, ve a Mi Cuenta - ...Cómo Crear una App de Tienda
El comercio electrónico desde dispositivos móviles se disparó desde comienzos de 2020 debido a la Pandemia del Covid19 y sigue creciendo a tasas del 45% anual. Hoy en día, contar con una App de Tienda resulta imprescindible para cualquier negocio de ...Cómo diseñar la pantalla de inicio o portada de una App
En el video que te mostramos a continuación te explicamos cómo diseñar la pantalla de inicio de una App:
Related Articles
Personalizar URL de PWA
De forma predefinida las PWA cuentan con un dominio genérico del sistema (apps.nocode-builder........). Es recomendable personalizar el dominio de tu PWA para evitar conflictos en los permisos y Cookies que se pueden generar cuando un mismo ...Versiones PWA (Progressive Web App) y cómo se publican
Lo primero que debes tener en cuenta es que la tecnología PWA está a mitad de camino entre una Web y una App nativa. Al igual que las Apps Nativas (Android e iOS) las PWA también tienen la capacidad de realizar el envío de notificaciones a ...Cómo subir una nueva versión de la App en App Store (Republicar)
¿En qué casos es necesario subir una nueva versión de la App? A) Actualizar el código fuente de la App Será necesario actualizar el código fuente de la App subiendo una nueva versión en los siguientes casos: - Para que la App esté actualizada a las ...Errores comunes en PWA
A continuación te explicamos los errores más comunes en PWA Lo primero que debes tener en cuenta es que la tecnología PWA está a mitad de camino entre una Web y una App nativa. Al igual que las Apps Nativas (Android e iOS) las PWA también tienen la ...¿Cómo previsualizar una App?
La forma más rápida y más real de ver cómo está quedando una App mientras la estás construyendo, y antes de publicarla en las versiones nativas Android e iOS, es publicarla en la versión PWA, ya que esta publicación se hace en pocos clics y podrás ...