Puedes establecer imágenes o vídeos como un fondo personalizado en la mayoría de los bloques y añadirlos a componentes individuales dentro de los bloques.

Cómo añadir una imagen al bloque

Para establecer una imagen como fondo personalizado o añadir una imagen a un componente del bloque:

Abre tu proyecto en la Cuenta del editor y ve a la sección Storefronts > Websites.
En el panel del sitio web deseado, haz clic en Open Site Builder.

En la configuración del bloque, activa el conmutador correspondiente (por ejemplo, Custom background o Game icon) y haz clic en el campo de vista previa debajo del conmutador.

Haz clic en Media.

En la ventana modal que se abre, sube la imagen de una de las siguientes maneras:
1. En la pestaña All assets o Images, arrastra y suelta la imagen y haz clic en ella después de que se cargue.
2. Haz clic en Add new asset, selecciona From device en la lista desplegable y sube la imagen deseada.

Tamaño máximo de imagen: 10 MB.
Formatos compatibles: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF y SVG.
El ancho recomendado de la imagen para un fondo personalizado en un bloque es de 1920 px. Determina las proporciones adecuadas de la imagen después de que el contenido necesario haya sido añadido al bloque. Los tamaños recomendados para otros tipos de imágenes se proporcionan en las descripciones de los bloques.

Configura el estilo de la imagen:

El conjunto de configuraciones depende del componente al que estás añadiendo contenidos multimedia.

1. Elige el método de colocación de la imagen:
  - Contain: la imagen llena todo el bloque manteniendo las proporciones. Si las proporciones de la imagen y el bloque difieren, es posible que se recorte parte de la imagen.
  - Cover (por defecto): la imagen mantiene su relación de aspecto y se ajusta a la altura del bloque.
  - Fill (recomendado para fondos personalizados): la imagen llena el ancho del bloque y puede recortarse en la parte superior e inferior si supera la altura del bloque.

Un fondo personalizado no tiene un ancho o altura fijos, ya que sus dimensiones se ajustan dinámicamente al tamaño del bloque. El tamaño del bloque cambia en función del contenido (p. ej., la cantidad de texto añadido, presencia o ausencia de botones) y la resolución de pantalla del dispositivo.

- - Fit: la imagen se amplía hasta alcanzar el tamaño del bloque sin mantener las proporciones.

1. Elige la posición de la imagen (opcional):
  - Top left
  - Top center
  - Top right
  - Left
  - Center (por defecto)
  - Right
  - Bottom left
  - Bottom center
  - Bottom right

Si el video ya ocupa todo el contenedor en un lado (por ejemplo, por altura en modo Fit), el desplazamiento solo funciona en el otro eje; dejando tres opciones (izquierda, centro o derecha).

1. Ajusta el tono y el degradado de la imagen (opcional).

Publica el sitio web.

Cómo añadir un video al bloque

Para establecer un vídeo como fondo personalizado o añadir un vídeo a un componente del bloque:

Abre tu proyecto en la Cuenta del editor y ve a la sección Storefronts > Websites.
En el panel del sitio web deseado, haz clic en Open Site Builder.

En la configuración del bloque, activa el conmutador correspondiente (por ejemplo, Custom background o Game icon) y haz clic en el campo de vista previa debajo del conmutador.

Haz clic en Media.

En la ventana modal que se abre, sube el vídeo de una de las siguientes maneras:
1. En la pestaña All assets o Video, arrastra y suelta tu vídeo y haz clic en él después de que se cargue.
2. Haz clic en Add new asset y selecciona un método de carga de vídeo de la lista desplegable:
  - From device: selecciona el archivo de vídeo en tu dispositivo.
  - From YouTube: introduce la URL del vídeo alojado en YouTube.

Tamaño máximo para un solo vídeo subido desde un dispositivo: 10 MB.
Formatos compatibles: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF y SVG.
La incorporación de vídeos como fondo personalizado no se admite en los bloques Call-to-action, Promotional slider, y Subscriptions.
El ancho recomendado del vídeo para un fondo personalizado en un bloque es de 1920 px. Determina las proporciones adecuadas de la imagen después de que el contenido necesario haya sido añadido al bloque. Los tamaños recomendados para otros tipos de imágenes se proporcionan en las descripciones de los bloques.

Configura el estilo del vídeo:

El conjunto de configuraciones depende del elemento al que estás añadiendo contenidos multimedia.

1. Elige el método de colocación del vídeo (solo para vídeos subidos desde un dispositivo):
  - Contain: el vídeo ocupa todo el bloque manteniendo las proporciones. Si las proporciones del vídeo y el bloque difieren, es posible que se recorte parte de la imagen.
  - Cover (predeterminado): el vídeo mantiene su relación de aspecto y se ajusta a la altura del bloque.
  - Fill (recomendado para fondos personalizados): el vídeo ocupa el ancho del bloque y puede ser recortado en la parte superior e inferior si supera la altura del bloque.

- - Fit: el vídeo se amplía hasta alcanzar el tamaño del bloque sin mantener las proporciones.

1. Configura la reproducción del vídeo (opcional, no disponible para fondos personalizados). Las siguientes configuraciones están disponibles:
  - Mute video.
  - Loop video.
  - Autoplay video.
  - Cover image: una imagen que aparece antes de que el vídeo comience a reproducirse o si no está disponible para los usuarios. Esta configuración solo está disponible para vídeos subidos desde un dispositivo.

No puedes mantener el sonido del vídeo activado y habilitar la reproducción automática al mismo tiempo. Si activas el conmutador Autoplay video, el conmutador Mute video también se activará.

1. Ajusta el tono y el degradado del vídeo (opcional).

Publica el sitio web.

¡Gracias por tu mensaje!

Nos ayudará a mejorar tu experiencia.

Última actualización: 4 de Junio de 2026

¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.

Contenidos

Cómo añadir una imagen al bloque
Cómo añadir un video al bloque