Para que tu tienda refleje la identidad de tu marca, es importante que personalices sus colores. Te recomendamos usar colores que se adapten a tu logo, y usar fondos claros para que tus productos se destaquen.
Por otro lado, es recomendable comprobar la accesibilidad de tu tienda en términos del contraste de colores. Esto refiere a la facilidad con la que personas con diferentes capacidades visuales pueden navegar e interactuar con una página web.
Tener una tienda online más accesible en cuanto a sus colores, permite que más personas puedan acceder a ella. Para esto, existen herramientas online que verifican este aspecto, como la de 🌐WebAIM.
Pasos para cambiar los colores
1. Ingresar a Mi Tiendanube > Diseño dentro del Administrador de tu tienda.
2. Hacer clic en "Personalizar el diseño actual".
3. Hacer clic en la opción "Colores de tu marca".
4. Vas a tener dos opciones:
4.1. Cambiar los colores de distintos elementos
Podés elegir el color para algunos elementos específicos de tu tienda. Te recomendamos usar, como máximo, tres o cuatro para mantener la unidad en el estilo.
4.1.1. Dentro de la sección "Colores de tu marca", vas a ver los elementos para los que podés personalizar el color, según el diseño que hayas elegido (en algunos diseños hay más posibilidades de edición).
4.1.2. Hacer clic sobre el círculo de color de cada elemento que quieras modificar y elegir el color que prefieras. Te recomendamos hacer clic sobre la opción "Nuevo color" para encontrar el color ideal que se adapte a tu marca.
4.2. Usar combinaciones de colores predeterminadas
También vas a tener algunas combinaciones de colores predeterminadas. Podés elegir una para restablecer la combinación de colores por defecto del diseño que tengas configurado en tu tienda.
4.2.1. Elegir la combinación que más te guste de las que se ofrecen en esa sección.
Vas a tener una vista previa en la parte derecha de la pantalla de edición. Tan pronto como elijas una de las combinaciones predeterminadas, podrás ver el resultado ahí.
Delete
5. Una vez que hayas elegido los colores que quieras, hacer clic en el botón de "Publicar cambios".
¡Listo! 🙌
Ya van a estar aplicados en tu tienda los nuevos colores configurados.
Preguntas frecuentes sobre colores
A continuación, te compartimos algunas consultas frecuentes sobre la elección de colores y sus respuestas. Haciendo clic sobre cada una, vas a poder ver la respuesta:
¿Por qué hay colores en mi tienda que no son los que seleccioné?
Es posible que veas algunos colores en tu tienda que hayan sido seleccionados automáticamente en base a los otros colores. Esto está pensado para que tu tienda se vea armoniosa y no tengas que elegir todos los colores, sino una base.
Si el color elegido automáticamente no te gusta, tendrías que hacer los 👉cambios por CSS (es decir, editando los estilos de tu tienda, pero sin necesidad de abrir el código). Para esto, te recomendamos ver nuestro tutorial 📝¿Qué colores puedo usar para las variantes de producto y en el diseño de mi tienda?, donde podés ver el código de colores adicionales.
¿Puedo personalizar aún más los colores vía código?
¡Sí, podés hacerlo! Para eso, necesitás conocer un poco del lenguaje de programación CSS y seguir nuestro tutorial 👉¿Cómo editar el diseño con código css?.
Además, podés usar la lista de colores y códigos en nuestro tutorial 👉¿Qué colores puedo usar para el diseño de mi tienda y las variantes de producto?.
¿Puedo hacer que los colores de mi marca se vean también en el checkout de mi tienda?
¡Sí, claro! Si querés que tus clientes vean también estos colores al finalizar el proceso de compra en tu tienda, podés personalizar esta opción.
Para hacerlo, te sugerimos seguir el tutorial 👉¿Cómo adaptar el checkout a los colores de mi marca?.
¿Qué colores elijo para mi tienda?
Si no sabés qué colores elegir para que la tienda tenga un aspecto profesional, te recomendamos algunas herramientas que generan paletas de colores, como:
- 🌐Colorhunt, con distintas combinaciones de las que podés elegir y copiar los códigos.
- 🌐Palettr, con distintos temas que podés buscar para ver paletas asociadas.
- 🌐ColorThief, que te permite ver la paleta de colores de una imagen (podés subir una relacionada con tus productos, tu marca o tu logo).