Guía paso a paso
Elige una paleta o ajusta los colores del sitio y comprueba su contraste antes de guardar.
Elegirás una combinación de colores para toda la tienda y ajustarás fondos, textos y botones sin escribir código. Verás una muestra del resultado antes de mostrarlo a tus clientes.
5 min de trabajo activo
Sigue el orden para completar esta tarea.
Continúa con una guía complementaria.
Ajusta la apariencia común y añade mensajes por correo o tipo de entrega sin perder los datos y enlaces originales.
Configuración de tiendaUbica los ajustes del sitio y distingue la personalización global de la edición de páginas.
Tienda online y diseñoAbre Tienda online > Configurar sitio > Personalización > Colores. En móvil, selecciona Personalización en el selector superior y desplaza horizontalmente las pestañas si no ves Colores.
En Paletas, revisa Paleta actual y selecciona una de Paletas disponibles. La selección modifica el borrador y la vista previa, pero todavía no cambia la tienda pública.
Abre Personalizar > Esencial para ajustar los colores principales. Pulsa el pequeño recuadro de color para abrir el selector y elegir el tono; no necesitas escribir códigos. Si ya tienes un código de marca como #2563EB, también puedes pegarlo en el campo.
Usa Personalizar > Avanzado cuando necesites cambiar un detalle concreto, como fondos, botones, encabezado o pie de página. Despliega el grupo correspondiente y revisa el color junto a su texto asociado.
Comprueba las advertencias de contraste, que indican si el texto se distingue bien de su fondo, y revisa catálogo, producto y carrito en la tarjeta Así se verá tu tienda. Alterna Escritorio y Móvil; en pantallas pequeñas puedes llegar a esta tarjeta con Ver vista previa.
Si no te convence un cambio, usa Deshacer en la cabecera de la vista previa. Cuando todo esté correcto, pulsa Guardar cambios, espera la confirmación y comprueba el resultado con Ver tienda.
Vuelve a Colores y confirma que conserva la paleta guardada. En la tienda pública comprueba textos, enlaces y botones sobre sus fondos en móvil y escritorio.
Los colores del encabezado y pie también se pueden editar desde sus propias pestañas: cambiar uno se refleja en ambas ubicaciones. Los colores personalizados de un bloque pueden conservar su valor aunque cambies la paleta global.