Introducción
En esta guía aprenderás cómo personalizar la apariencia de Resflow para que la página principal refleje la imagen visual de tu restaurante.
Podrás modificar el fondo, los colores de los botones y otros elementos gráficos para mantener una imagen coherente con la identidad de tu marca.
Índice del artículo
Cómo acceder a la configuración de apariencia
Elementos que puedes personalizar
Cómo subir una imagen de fondo
Imagen de fondo recomendada
Cómo identificar el código de color
Cómo ver la vista previa de la página principal
Cómo acceder a la configuración de apariencia
Para modificar la apariencia de la página principal:
Ve a Configuración > Apariencia
Desde esta sección puedes personalizar distintos elementos visuales de tu página de reservas.
Elementos que puedes personalizar
En la sección Configuración > Apariencia puedes modificar:
Fondo de la página
Puedes elegir un color acorde con tu logo o una imagen de tu restaurante o de tus platos.Color de los botones principales
Por ejemplo, los botones Reservar mesa o Pedir Para Llevar.
Por defecto son de color azul.Color del texto en los botones
Color de los recuadros y botones secundarios
Color de los enlaces incluidos en los textos de bienvenida.
Cómo subir una imagen de fondo
Si quieres usar una imagen como fondo:
Selecciona Imagen en el menú Fondo
Arrastra la imagen al recuadro gris
oHaz clic en Browser para subirla desde tu ordenador.
Oscurecer o no la imagen de fondo
Puedes elegir cómo se mostrará la imagen en la página principal.
Opción activada: No oscurecer fondo de la página principal
Si activas el interruptor No oscurecer fondo página principal, la imagen se mostrará exactamente como la has subido.
Opción desactivada
Si el interruptor está desactivado, la imagen aparecerá ligeramente oscurecida para mejorar la legibilidad del contenido.
Imagen de fondo recomendada
Para obtener el mejor resultado visual, utiliza una imagen con estas características:
Resolución recomendada: 1280 × 960 px
Peso recomendado: menos de 150–200 KB
Tamaño máximo: 3 MB
💡 Consejo
Para un diseño más cuidado, el logo que subas en Configuración > Generales debería tener formato PNG, preferiblemente de color blanco.
👨🏻🎨 Si la imagen de fondo es oscura o tiene transparencia, te recomendamos pedir a tu diseñador un logo adaptado a ese fondo.
Cómo identificar el código de color
Resflow incluye algunos colores básicos para los botones y textos.
🎨 Si quieres usar el color exacto de tu logo, necesitas introducir el código hexadecimal (HEX).
Este código:
empieza con #
está compuesto por 6 números o letras
Ejemplo: #ffffff
Puedes pedir este código a tu diseñador.
Cómo encontrar el código HEX de tu logo
Si no tienes el código HEX, puedes obtenerlo fácilmente con herramientas online.
Por ejemplo:
utilizar una extensión de Chrome como ColorZilla
utilizar herramientas online de color picker
Un ejemplo de herramienta es:
Cómo hacerlo
Sube la imagen de tu logo
Selecciona el color que quieres utilizar
Copia el código HEX que aparece a la derecha
Pégalo en Resflow en el campo correspondiente
(por ejemplo Color botones principales > Fondo)
⚠️ Importante
Si cambias el color de fondo, también debes indicar el color del texto.
Si quieres mantener el texto blanco, puedes usar el código:
#ffffff
Cómo ver la vista previa de la página principal
Antes de guardar los cambios, puedes ver una vista previa de la página principal.
Haz clic en el botón Vista previa situado en la parte superior derecha.
Así podrás comprobar cómo se mostrará la página antes de confirmar los cambios.
💡 Consejo
¿Quieres cambiar también el logo que aparece en Resflow y en los emails enviados a los clientes?
Consulta la guía dedicada a la configuración del logo.