Guía

Cambiar los colores, el logo y el icono de tu sitio

Elige el esquema de colores, el modo claro u oscuro y el estilo de las esquinas de tu sitio web de reservas, sube tu logo y define el nombre y los iconos de la aplicación web instalable.

4 min de lecturaRol: Super administrador o superiorSitio web de reservasActualizado el 25 de octubre de 2026

La página Tema define el aspecto de todo tu sitio web de reservas: colores, modo claro u oscuro, esquinas redondeadas, tu logo y cómo aparece el sitio cuando los clientes lo añaden a su pantalla de inicio.

Antes de empezar

  • Necesitas el rol de Super administrador o Propietario.
  • Ten tu logo preparado como archivo JPEG o PNG de hasta 10 MB.

Configurar colores y estilo

  1. 1

    Paso 1 de 5

    Abre la configuración del tema

    Ve a Configuración › Apariencia › Tema y busca la tarjeta Color y estilo.

  2. 2

    Paso 2 de 5

    Elige un esquema de colores

    En Esquema de colores, elige Neutral, Red, Rose, Orange, Green, Blue, Yellow o Violet. Para que coincida exactamente con tu marca, elige Personalizado y selecciona tu propio color. El esquema da color a tus botones, enlaces y elementos destacados.

  3. 3

    Paso 3 de 5

    Elige un modo de color

    En Modo de color, elige:

    • Automático para seguir el ajuste del dispositivo de cada visitante,
    • Claro para mostrar siempre un sitio claro, o
    • Oscuro para mostrar siempre un sitio oscuro.
  4. 4

    Paso 4 de 5

    Elige un estilo de esquinas

    En Radio del borde, elige Ninguno, Pequeño, Mediano o Grande para definir lo redondeados que se ven los botones y las tarjetas.

  5. 5

    Paso 5 de 5

    Guarda

    Haz clic en Guardar en la parte inferior de la tarjeta.

    Verás:

    Aparece el mensaje Configuración actualizada. Vuelve a cargar tu sitio web de reservas para ver el nuevo aspecto.

  1. En la tarjeta Logo, sube una imagen JPEG o PNG de hasta 10 MB.
  2. Haz clic en Guardar.

Tu logo aparece en el encabezado y el pie de página de tu sitio. Para elegir si el encabezado muestra el logo, el nombre de tu salón o ambos, consulta Editar el encabezado y el pie de página de tu sitio. Si no has subido un logo, el encabezado muestra el nombre de tu salón.

Configurar el nombre y los iconos de tu aplicación

Los clientes pueden añadir tu sitio web de reservas a la pantalla de inicio de su teléfono, donde se abre como una aplicación. La tarjeta Identidad de la aplicación controla su aspecto ahí y en las pestañas del navegador.

CampoPara qué sirveArchivo
Nombre de la aplicaciónEl nombre completo de la aplicación, por ejemplo Hair Haven Austin. También se usa como título de tu sitio y en las vistas previas de enlaces.—
Nombre cortoUn nombre más corto para lugares con poco espacio, como debajo del icono de la pantalla de inicio.—
DescripciónUna descripción breve de tu salón.—
FaviconEl icono pequeño de la pestaña del navegador. Ideal a 32x32 px.JPEG, PNG o SVG, hasta 1 MB
Icono pequeñoEl icono de la pantalla de inicio y otros lugares pequeños. Ideal a 192x192 px.JPEG o PNG, hasta 10 MB
Icono grandePantallas de bienvenida y pantallas más grandes. Ideal a 512x512 px.JPEG o PNG, hasta 10 MB

Rellena los campos y haz clic en Guardar. Si dejas vacío Nombre de la aplicación, se usa el nombre de tu salón.

Usa un icono cuadrado con algo de espacio alrededor de tu logo. Los teléfonos pueden recortar las esquinas de los iconos de la pantalla de inicio en forma de círculo o de cuadrado redondeado.

Eliminar la marca de Softalon

La tarjeta Eliminar marca al final de la página oculta la línea Powered by Softalon de tu sitio. Está disponible con el plan Ultimate. Consulta Eliminar la marca de Softalon.

Preguntas frecuentes

Con Automático, tu sitio sigue el ajuste del dispositivo de cada visitante. Con Claro u Oscuro, todos ven el modo que elegiste.