Editar el color de fondo de los elementos de contenido

Al editar el color de fondo de los elementos de contenido, puedes utilizar los colores de tu marca y adaptar tu tienda para que se corresponda con tu identidad corporativa o con tu gusto personal. Puedes utilizar los colores de fondo de varias maneras. Si solamente editas el color de fondo de elementos de contenido individuales, estos destacarán y aportarán variedad al diseño de tu tienda. También puedes editar el color de fondo de todos los elementos de contenido de una página para cambiar el color de fondo de la página entera.

Ir a:

• Cómo editar el color de fondo
• Consejos y trucos

Cómo editar el color de fondo

Una vez que hayas añadido un elemento de contenido a una página, puedes cambiar su fondo de la siguiente manera:

1. Selecciona el elemento de contenido o coloca el cursor encima de él. Verás un área azul encima del elemento de contenido.
2. En el área azul, selecciona .
3. Ahora puedes editar el color de fondo. Selecciona el color que desees de la paleta de colores o introduce un código de color hexadecimal en el campo de entrada. Debajo de la paleta de colores, también encontrarás colores predefinidos, que siempre incluirán los colores básicos blanco y negro. Además, encontrarás los colores de tu plantilla actual. Si has cambiado los colores de tu plantilla, verás los colores que has establecido.
   
   
   
   Tal y como se muestra en el ejemplo anterior, puedes ver inmediatamente cómo quedarán los cambios en tu tienda.
   
   Siempre puedes seleccionar Restablecer para recuperar el color de fondo predeterminado del elemento de contenido. Ahora bien, ten en cuenta que esta acción recuperará el color de fondo predeterminado, no el que hayas seleccionado cuando has empezado a editar (en caso de que ya hayas seleccionado un color de fondo que difiera del que había predeterminado antes). Si quieres mantener el color que habías seleccionado al empezar a editar, haz clic en Cancelar.
4. Si quieres guardar los cambios realizados, selecciona Guardar.

Ahora, los cambios que has hecho son visibles en tu tienda. Si seleccionas una plantilla con un encabezado de ancho completo, el color de fondo también se mostrará en ancho completo. De no ser así, el color de fondo tampoco se mostrará en ancho completo. Esto garantizará que el diseño de tu tienda tenga armonía y coherencia.

El color de fondo seleccionado se mantendrá si cambias la plantilla. Si has seleccionado un color de fondo de la antigua plantilla como tu color de fondo, este color no se cambiará automáticamente a un color de plantilla de tu nueva plantilla. Por lo tanto, puede que quieras revisar tu configuración del color de fondo al cambiar una plantilla para asegurarte de que el diseño de color de tu tienda sigue siendo atractivo y tiene coherencia.

Si editas el color de fondo de dos elementos de contenido sucesivos, no debes preocuparte por el espacio en blanco entre ambos que seguirá viéndose en el editor. Este espacio en blanco te permite tener una visión general de los elementos de contenido individuales, pero los visitantes no lo verán en tu tienda.

Consejos y trucos

La configuración del color ofrece muchas posibilidades, pero también puede suponer todo un desafío. Para ayudarte con eso, hemos reunido algunos consejos y trucos para ti:

• Utiliza colores que se correspondan con tu marca o empresa y a los cuales tus clientes ya estén acostumbrados. Esto generará confianza en tu tienda y reforzará la coherencia en el diseño.
• A veces, menos es más. Sobre todo, al editar el color de fondo de elementos de contenido que presentan tu gama de productos, deberías seleccionar colores de fondo claros que permitan a tus visitantes centrarse en los productos.
• Cuando edites el color de fondo de elementos de contenido que no permiten personalizar el color de todos los componentes, como, por ejemplo, el color del botón Enviar en el formulario de contacto, selecciona un color de fondo claro que se ajuste a los colores del elemento de contenido.
• Intenta utilizar colores de la misma gama cromática. Un exceso de colores en tu tienda puede distraer a tus visitantes. Aun así, asegúrate de que el contraste de color entre los textos, los enlaces, los botones y el color de fondo sea alto para que la legibilidad no se vea reducida.

A continuación se muestra un ejemplo de color de fondo que pertenece a la misma gama cromática que los encabezados. No obstante, el contraste es elevado y el encabezado puede leerse fácilmente. Como la imagen también incluye colores de la gama cromática, la página tiene un aspecto armonioso y forma una unidad: