Centro de Atención Nube Configurá tu tienda Diseño Personalizar el diseño Encabezado

¿Cómo agregar una imagen de fondo para mi tienda?

Pasos para colocar una foto de fondo en tu tienda

Última actualización: 12/08/2021

Una imagen de fondo personalizada en tu tienda puede ayudarte a mostrar la identidad de tu marca. Por eso, es importante elegirla estratégicamente para que ayude a que los productos se destaquen y concuerde con otros elementos, como colores, tipografías y logo. 

Success

Al momento, esta configuración solo está disponible para las plantillas de diseño Simple y Trend.

Si tenés alguno de los diseños que permiten esta funcionalidad, podés agregar una imagen de fondo para personalizar tu diseño. Generalmente, esta se va a repetir en todas las páginas de tu tienda.

Info

Te recomendamos que la imagen tenga colores claros y no sea muy llamativa, para que se destaquen tus productos y no dificulte la experiencia de compra.

¡Vamos a los pasos!

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

2. Hacer clic en "Personalizar el diseño actual".

3. Hacer clic en la opción "Encabezado" .

4. Seguir la opción que corresponda según tu plantilla de diseño.

Simple

En la sección de Fondo del sitio, hacer clic en "Imagen de fondo del sitio".
Luego, hacer clic en "Elegir imagen", y seguir con el paso siguiente. 

Trend

En la sección de Imagen de fondo para tu sitio, hacer clic en "Subir una imagen de fondo".


Luego, hacer clic en "Elegir imagen", y seguir con el paso siguiente.

Info

En 🌐The Pattern Library podés encontrar patrones útiles para el fondo de tu tienda.

5. Seleccionar la imagen que desees y hacer clic en "Abrir". Recordá tener presente el tamaño recomendado para la imagen, ya que se va a repetir como un padrón en el fondo de tu tienda.

Se va a abrir una herramienta de edición de fotos para que la puedas ajustar. 

6. Hacer clic en el botón de "Publicar" si querés publicar el cambio en tu tienda, o en "Guardar Borrador" si querés ver cómo se vería en tu tienda, sin publicar el cambio automáticamente.

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, ingresá en este tutorial 👉¿Cómo personalizar el diseño de mi tienda en un borrador?.

¡Listo! 🙌

Ya vas a poder ver la imagen de fondo aplicada en tu tienda.

Info

En caso de que la veas repetida y no te guste cómo queda, podés probar agregar el siguiente código CSS:

body {background-repeat: no-repeat;}

Para esto, antes te sugerimos ver 👉¿Cómo editar el código CSS de mi tienda?.