¿Dónde lo encuentro?
Ve a Canales de venta > Webshop > Editar Webshop > Avanzado > Diseño y color.
¿Qué significa?
La configuración de Diseño y color controla el aspecto de tu webshop para los clientes. Puedes utilizarla para ajustar los colores, los estilos de fuente, los colores de los botones, los bordes y el comportamiento del calendario.
Esta configuración es especialmente útil si insertas el Webshop en tu propio sitio web, ya que ayuda a que el Webshop coincida con tu marca y crea una experiencia del cliente coherente.
Antes de cambiar los colores, te recomendamos consultar las directrices de tu marca y elegir colores con suficiente contraste para que el texto y los botones sigan siendo fáciles de leer.
¿Qué debo hacer?
Diseño y color
En la sección Diseño y color, actualiza los atributos que quieras personalizar. Los números de los elementos de la tabla corresponden a la referencia visual numerada de las capturas de pantalla que aparecen a continuación.
| #Elemento | Atributo | Descripción |
|---|---|---|
1 | Fondo principal de la página | Establece el color de fondo de toda la página alrededor de tu webshop. |
2 | Fondo principal de la tienda | Establece el color de fondo principal dentro del webshop, incluida el área de ofertas. |
3 | Color de selección y del carrito | Establece el color utilizado para la fecha seleccionada, el botón Añadir al carrito y el contador de artículos del carrito. |
4 | Color del calendario y de las acciones | Establece el color de las fechas disponibles no seleccionadas del calendario y de los botones de acción. |
5 | Color de las acciones al pasar el cursor | Establece el color que se muestra cuando un cliente pasa el cursor sobre las fechas del calendario o los botones de acción principales, como Realizar pedido con obligación de pago. |
6 | Color de fuente principal | Establece el color del texto principal del webshop. |
7 | Color de fuente secundario | Establece el color del texto utilizado en elementos secundarios, incluidas algunas fechas del calendario, horas de salida, botones de navegación y el texto del botón Realizar pedido con obligación de pago. |
8 | Color de fuente terciario | Establece el color del texto de los enlaces y los elementos de llamada a la acción, como Reservar, Más información, Añadir al carrito, Mi pedido, Tu carrito, Finalizar compra y Cambiar. |
9 | Color de los botones deshabilitados | Establece el color de fondo de los botones deshabilitados, por ejemplo, el botón Siguiente antes de que un cliente seleccione una fecha de salida. |
10 | Tamaño de fuente del título principal | Establece el tamaño del título principal del widget. El valor máximo es 50. |
11 | Radio del borde principal (px) | Controla el grado de redondez de las esquinas del widget. Utiliza un valor bajo, como 1, para obtener esquinas más marcadas, o un valor más alto, como 80, para obtener esquinas más redondeadas. |
12 | Desactivar menú en la vista móvil | Oculta el menú de navegación en la esquina superior derecha en dispositivos móviles. |
13 | Calendario con mosaicos | Muestra la fecha seleccionada del calendario dentro de un mosaico ovalado en lugar de uno cuadrado. |
Información útil
Los cambios en la configuración del diseño y los colores afectan al webshop que ven los clientes. Después de guardar los cambios, abre el webshop como cliente y comprueba todo el proceso de reserva, incluida la selección de ofertas, las fechas del calendario, el carrito, el proceso de pago y la vista móvil.
Para ofrecer la mejor experiencia al cliente, utiliza colores coherentes con tu marca y mantén suficiente contraste entre el texto, los botones y los fondos. Esto facilita la lectura del webshop y ayuda a los clientes a identificar la siguiente acción.
Preguntas frecuentes
¿Esta configuración cambia el contenido de mis ofertas? ▼
No. Esta configuración solo cambia el aspecto del webshop, como los colores, las fuentes, los botones y el estilo del calendario. No cambia los nombres de las ofertas, los precios, la disponibilidad ni las reglas del proceso de pago.