Cambiar los colores de la tienda

La apariencia de la tienda es crucial para crear una identidad de marca memorable. En este artículo, te explicamos cómo cambiar los colores de la tienda y describimos las diferentes opciones de ajustes para que puedas crear una tienda visualmente atractiva.

Atención

Las opciones de color solo se aplican a la plantilla seleccionada actualmente. Si cambias la plantilla, los colores seleccionados se dejarán de usar. Si vuelves a cambiar a la plantilla seleccionada previamente, se volverán a aplicar las opciones de color anteriores que habías establecido para la tienda. Ten en cuenta que no es posible restablecer una plantilla a sus colores originales.

Cómo cambiar los colores

  1. En la barra lateral de la administración, navega al Editor.
  2. Selecciona en la barra inferior.
  3. Selecciona el cuadro del color en las opciones de color que quieras cambiar.
    Se abre la paleta de colores.
  4. Escoge tu color o introduce un código de color hexadecimal (p. ej. #123456). Estará visible una vista previa de tus cambios directamente en la página, en segundo plano. Para más información, consulta Más información sobre los ajustes de color.
  5. Selecciona Guardar.

Has cambiado los colores de tu tienda. Echa un vistazo al resultado seleccionando Ver su tienda en la barra superior.

Colores en tu tienda

En función de la plantilla que hayas seleccionado, puedes adoptar diferentes opciones de color. Es posible que algunas de las opciones siguientes no estén disponibles en tu Editor. Ten en cuenta también que cada opción puede tener un efecto ligeramente diferente en las distintas partes de tu tienda en función de la plantilla.

Color de contraste

En función de la plantilla seleccionada, esta opción de color puede afectar la manera como se ven resaltados los enlaces de texto, los iconos y los botones cuando los seleccionas o pasas el ratón por encima. Para algunas plantillas, esta opción determina el color de los precios de los productos o el color de texto predeterminado. Sin embrago, para todos los elementos de contenido de texto también puedes cambiar el color individualmente a través de las opciones de formato.

Color primario

En función de la plantilla seleccionada, las opciones de color pueden afectar la visualización de los nombres/precios de productos, botones, elementos de diseño, breadcrumbs o migas de pan, enlaces e iconos, pero también el color de fondo de tu encabezado y pie.

Color de fondo

El color de fondo determina el color de fondo de tu tienda. También puedes establecer colores de fondo diferentes para tus elementos de contenido. Ten en cuenta que hay plantillas que no permiten cambiar el color de fondo de la tienda.

Color del borde

Para algunas plantillas, los bordes o separadores se utilizan como un elemento de diseño, por ejemplo, en tus imágenes de productos. A veces, esta opción de color también se utiliza para resaltar elementos en tu menú. Ten en cuenta que no es posible cambiar el color del borde en todas las plantillas, aunque los colores estén incluidos en la plantilla escogida.

Contenido del encabezado

El color para el contenido del encabezado determina el color del texto de tu encabezado. Asegúrate de escoger un color que contraste bien con el color de fondo de tu encabezado para que el contenido sea fácil de leer.

Es posible que para algunas plantillas no haya una opción adicional para el color del contenido del encabezado, ya que esto está cubierto por otra opción, por ejemplo, el color de contraste, o no es posible escoger un color para el contenido del encabezado. En este caso, el contenido del encabezado se muestra en blanco o en negro, dependiendo del color de fondo del encabezado, para asegurar así la legibilidad.

Fondo del encabezado

El color de fondo del encabezado determina el color de tu encabezado. Asegúrate de escoger un color que contraste bien con el color del contenido del encabezado para que sea fácil de leer. Es posible que para algunas plantillas no haya una opción adicional para el color de fondo del encabezado, ya que esto está cubierto por otra opción, p. ej. el color primario.

Contenido del pie

El color del contenido del pie determina el color de texto de tu pie. Asegúrate de escoger un color que contraste bien con el color de fondo de tu pie para que el contenido sea fácil de leer.

Es posible que para algunas plantillas no haya una opción adicional para el color del contenido del pie, ya que esto está cubierto por otra opción, p. ej. el color de contraste, o no es posible escoger un color para el contenido del pie. En este caso, el contenido del pie se muestra en blanco o en negro, dependiendo del color de fondo del pie, para asegurar así la legibilidad.

Fondo del pie

El color de fondo del pie determina el color de tu pie. Asegúrate de escoger un color que contraste bien con el color del contenido del pie para que sea fácil de leer. Es posible que para algunas plantillas no haya una opción adicional para el color de fondo del pie, ya que esto está cubierto por otra opción, p. ej., el color primario.

Para algunas plantillas, el pie no está resaltado con un color adicional, sino que, en lugar de ello, se utiliza el color de fondo de tu tienda.

¿Fue útil este artículo?