¿Cómo agregar una imagen de fondo para mi tienda?
Pasos para colocar una foto de fondo en tu tienda
Última actualización: 09/02/2022
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 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 cambios".
¡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?.