Introducción
En esta guía aprenderás cómo personalizar la apariencia de Plateform para que la frontpage refleje la identidad 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 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 frontpage
Cómo acceder a la configuración de apariencia
Para modificar la apariencia de la frontpage:
Ve a Configuración > Apariencia
Desde esta sección podrás 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 alineado con tu logo o una imagen de tu restaurante o de tus platos.Color de los botones principales
Por ejemplo los botones Reservar una 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 que aparezcan en los textos de apertura.
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 frontpage.
Opción activada: No oscurecer fondo frontpage
Si activas el interruptor No oscurecer fondo frontpage, 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 un 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 estar en 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
Plateform ofrece 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 por #
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:
usar 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 en la parte derecha
Pégalo en Plateform 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 frontpage
Antes de guardar los cambios, puedes ver una vista previa de la frontpage.
Haz clic en el botón Vista previa situado en la parte superior derecha.
Así podrás comprobar cómo se verá la página antes de confirmar los cambios.
💡 Consejo
¿Quieres cambiar también el logo que aparece en Plateform y en los emails enviados a los clientes?
Consulta la guía dedicada a la configuración del logo.