Diseño y estructura de la tienda

¿Cómo configuro los colores de marca de la tienda desde una imagen o una paleta predefinida?

Utilice Apariencia e identidad visual para seleccionar colores, revise la vista previa y guarde los ajustes para los diseños correspondientes.

Última revisión:

¿Dónde cambio los colores?

Vaya a Configuración y luego a Apariencia e identidad visual. Esta sección gestiona la paleta de colores y las herramientas de diseño. Por el contrario, subir el logo y modificar el nombre comercial se realiza en la configuración general de identidad de marca; aunque los nombres se parezcan, son secciones distintas.

Pasos para seleccionar una paleta de colores

  1. Abra la extracción de color a partir de una imagen si cuenta con un logo o referencia visual.
  2. Utilice formatos PNG, JPG o WebP respetando el límite visible de 10 MB.
  3. Revise los colores sugeridos y su distribución antes de guardar.
  4. De forma alternativa, elija una paleta predefinida o abra la personalización manual.
  5. Compruebe la vista previa y guarde los colores mediante la opción disponible.
Ajustes de apariencia en Joolyoo mostrando la extracción de color, paletas predefinidas y enlaces a herramientas de diseño.
Ajustes de apariencia en Joolyoo mostrando la extracción de color, paletas predefinidas y enlaces a herramientas de diseño. Las capturas provienen de la interfaz en árabe de Mollkom. Los textos de los botones y las opciones pueden variar según la configuración de tu cuenta.

Ejemplo en la interfaz

Joolyoo muestra paletas prediseñadas como «Salvia sereno» y «Lavanda rosado». Elige la paleta según la identidad de tu marca y la legibilidad del texto, no solo por su nombre. Si el color de tu marca es claro, no des por sentado que funcionará como fondo para cualquier botón o texto.

¿Cómo pruebo los colores?

Comprueba el contraste entre el texto y el fondo, así como la visibilidad de las acciones principales. Revisa la imagen del producto sobre la superficie elegida y haz pruebas en dispositivos móviles y con idiomas de textos más largos. Los colores guardados se aplican en los diseños pertinentes; esto no rediseña automáticamente todo el material anterior.

¿Cuándo debo utilizar las demás herramientas de diseño?

Abre la tienda de temas para seleccionar una plantilla, el editor para modificar el diseño y las secciones, o el diseñador automatizado para generar composiciones según tu catálogo. Guardar la identidad de marca es un paso independiente de publicar una nueva versión del storefront.