Ir al contenido principal

Personalizar tu Web App

Cómo personalizar la identidad visual de tu Web App con colores, logo, imagen de portada e ícono

Actualizado esta semana

Desde el Portal de Administración puedes personalizar la apariencia visual de tu Web App para que refleje la identidad de tu estudio.

💡 ¿Dónde configurar la personalización?

  1. Ingresa al Portal de Administración

  2. Desliza hacia abajo para ver todas las opciones disponibles

Elementos que puedes personalizar

Desde esta sección puedes ajustar los principales elementos visuales, color de marca, logo del sitio, portada e icono de tu Web App.

Color de marca

Define el color principal de tu estudio. Este color se aplica a botones, acentos visuales y elementos clave de la Web App.

Logo del sitio

Sube tu logo en formato de imagen con fondo transparente. El logo se muestra sobre la imagen de portada en la cabecera.

Recomendación:

  • No uses logos con fondo sólido

  • Asegúrate de que el logo tenga buen contraste con la portada

Imagen de portada

Sube la imagen que funcionará como fondo principal en la cabecera de tu Web App. Es la primera imagen que ven los visitantes al ingresar

Recomendación:

  • Usa una imagen horizontal, de buena calidad

  • Evita textos muy pequeños o elementos clave cerca de los bordes

Ícono de la Web App

Sube una imagen cuadrada que se usará como ícono cuando los estudiantes agreguen la Web App a la pantalla de inicio de su dispositivo.

Recomendación:

  • Usa una imagen simple y reconocible a tamaño pequeño

  • Asegúrate de que tenga buena resolución

🔔 Importante: Los cambios visuales se reflejan automáticamente en la Web App. Si no los ves de inmediato, recarga la página o limpia la caché del navegador.

¿Ha quedado contestada tu pregunta?