Centro de Atención Nube Configura tu tienda Diseño Personalizar tu diseño Colores de tu marca

¿Cómo cambiar los colores de mi diseño?

Pasos para modificar el color de diferentes elementos de la tienda

Última actualización: 18/11/2021

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.

Info

Te sugerimos checar que no se superpongan colores. Si tienes dos colores iguales, es posible que haya elementos o textos que no se vean en tu tienda.

¡Vamos a los pasos!

1. Ingresar a Mi Tiendanube > Diseño dentro del Administrador de tu tienda.

2. Hacer clic en "Personaliza tu diseño actual".

1637276323924-1637276323924.png

3. Hacer clic en la opción "Colores de tu marca".

A continuación, vas a tener dos opciones:

  • Usar combinaciones predeterminadas
  • Cambiar los colores de distintos elementos

Usar combinaciones predeterminadas

Hay algunas combinaciones de colores predeterminadas. Para usarlas, puedes seguir estos pasos:

1. Elegir la combinación que más te guste. 

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 en la vista previa.

2. Si el resultado que ves en la previsualización te gusta y quieres publicarlo inmediatamente en tu tienda, vas a poder hacer clic en el botón de "Publicar".

Warning

Ten en cuenta que al publicar este cambio, se van a publicar todas las configuraciones que previamente hayas guardado en un borrador. Para conocer más sobre el funcionamiento de la tienda borrador, vas a poder ver este tutorial 👉¿Cómo personalizar el diseño de mi tienda en un borrador?.

¡Listo! 🙌

Ya vas a ver en tu tienda los nuevos colores.

Cambiar los colores de distintos elementos

También, vas a poder elegir algunos colores específicos para cada elemento de tu tienda. Te recomendamos usar, como máximo, tres o cuatro, para mantener la unidad en el estilo.

Warning

Ten en cuenta que las opciones de colores pueden variar  dependiendo de la plantilla de diseño que hayas elegido. En algunos casos, los colores que elijas para algún aspecto del diseño se pueden aplicar en otros lugares.

1. Dentro de la sección "Colores de tu marca", deslizando hacia abajo vas a ver los colores que puedes personalizar en tu tienda según el diseño que hayas elegido. Ten en cuenta que en algunos diseños hay más posibilidades de edición.

2. Abrir el menú desplegable de cada elemento para elegir un color.

3. Elegir el color que prefieras para ese elemento. Una muy buena opción es usar los colores de tu logo. 

Info

Si prefieres usar un color por fuera del listado, puedes hacer clic en "Nuevo color" y vas a poder seleccionar alguno personalizado. 

Una vez que encuentres el ideal, hacer clic en "Elegir color". Además, puedes copiar el código del color que obtuviste para usarlo en otros elementos.

4. Repetir este procedimiento con todos los elementos de tu tienda que te permitan editar el color en esta sección.

5. Una vez que hayas elegido los colores que quieras, si deseas publicarlos automáticamente en tu tienda, hacer clic en el botón de "Publicar".

Después de hacer clic en "Publicar", ahora sí vas a ver tu tienda con los nuevos colores.

Info

Si bien recomendamos fondos lisos para destacar tus productos, en algunas plantillas es posible 👉usar una imagen de fondo.

Preguntas frecuentes sobre colores

A continuación, te compartimos algunas consultas frecuentes sobre la elección de colores y sus respuestas.

¿Por qué hay colores en mi tienda que no son los que seleccioné?

Ver respuesta

Es posible que veas algunos colores en tu tienda que hayan sido seleccionados automáticamente con 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).

Warning

Ten en cuenta que algunas plantillas también tienen tramas o texturas que puedes cambiar.

¿Puedo hacer que los colores de mi marca se vean también en el checkout de mi tienda?

Ver respuesta

¡Sí, claro! Si quieres que tus clientes vean también estos colores al finalizar el proceso de compra en tu tienda, vas a poder personalizar esta opción. Para hacerlo, te sugerimos seguir el tutorial 👉¿Cómo adaptar el checkout a los colores de mi marca?.

¿Puedo personalizar aún más los colores vía código?

Ver respuesta

¡Sí, puedes hacerlo! Para eso, necesitas conocer un poco del lenguaje de programación CSS. Si te animas, puedes seguir nuestro tutorial 👉¿Cómo editar el diseño con código css?

¿Qué colores elijo para mi tienda?

Ver respuesta

Si no sabes 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 puedes elegir y copiar los códigos.
  • 🌐Palettr, con distintos temas que puedes buscar para ver paletas asociadas.
  • 🌐ColorThief, que te permite ver la paleta de colores de una imagen (puedes subir una relacionada con tus productos, tu marca o tu logo).