Cómo añadir medios a los bloques

Puedes establecer imágenes o videos como fondo personalizado en la mayoría de los bloques y agregarlos a componentes individuales dentro de los bloques.

Cómo agregar una imagen al bloque

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

Abra su proyecto en Cuenta del editor y vaya a la sección Storefronts > Websites.
En el panel del sitio deseado, haga clic en Open Site Builder.

Abra su proyecto en la cuenta para juegos en móviles y vaya a la sección Web Shop.
Haga clic en el panel del sitio correspondiente.

En la configuración del bloque, active el conmutador correspondiente (por ejemplo, Fondo personalizado, Icono de juego) y haga clic en el campo de vista previa debajo del conmutador.

Haga clic en Media.

En la ventana modal que se abre, suba la imagen de una de las siguientes maneras: A. En la pestaña All assets o Images, arrastre y suelte la imagen y haga clic en ella después de que se cargue. B. Haga clic en Add new asset, seleccione From device en la lista desplegable y suba la imagen deseada.

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

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

Configure el estilo de la imagen:

El conjunto de configuraciones depende del componente al que esté agregando medios.

1. Elija 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, parte de la imagen puede recortarse.
  - Cover (predeterminado) — 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 excede la altura del bloque.

El fondo personalizado no tiene una anchura o altura fija, ya que se ajusta dinámicamente a las dimensiones del bloque. Las dimensiones del bloque cambian según el contenido (por ejemplo, la cantidad de texto agregado, presencia o ausencia de botones) y la resolución de pantalla del dispositivo.

- - Fit — la imagen se estira para ajustarse al bloque sin conservar su relación de aspecto.

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

Si el video ya llena 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. Ajuste el tinte y el degradado de la imagen (opcional).

Publique el sitio.

Cómo agregar un video al bloque

Para establecer un video como fondo personalizado o agregar un video a un componente del bloque:

Abra su proyecto en Cuenta del editor y vaya a la sección Storefronts > Websites.
En el panel del sitio deseado, haga clic en Open Site Builder.

Abra su proyecto en la cuenta para juegos en móviles y vaya a la sección Web Shop.
Haga clic en el panel del sitio correspondiente.

En la configuración del bloque, active el conmutador correspondiente (por ejemplo, Fondo personalizado, Icono de juego) y haga clic en el campo de vista previa debajo del conmutador.

Haga clic en Media.

En la ventana modal que se abre, suba el video de una de las siguientes maneras:
1. En la pestaña All assets o Video, arrastre y suelte su video y haga clic en él después de que se cargue.
2. Haga clic en Add new asset y seleccione un método de carga de video de la lista desplegable:
  - From device — seleccione el archivo de video en su dispositivo.
  - From YouTube — ingrese la URL del video alojado en YouTube.

Tamaño máximo para un solo video subido desde un dispositivo: 10 MB.
Formatos compatibles: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
No se admite agregar video como fondo personalizado en los bloques Llamada a la acción, Promotional slider y Suscripciones.
El ancho recomendado del video para un fondo personalizado en un bloque es de 1920 px. Determine las proporciones adecuadas de la imagen después de haber agregado el contenido necesario al bloque. Los tamaños recomendados para otros tipos de imágenes se proporcionan en las descripciones de los bloques.

Tamaño máximo para un solo video subido desde un dispositivo: 10 MB.
Formatos compatibles: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
No se admite agregar video como fondo personalizado en los bloques Llamada a la acción, Promotional slider y Suscripciones.
El ancho recomendado del video para un fondo personalizado en un bloque es de 1920 px. Determine las proporciones adecuadas de la imagen después de haber agregado el contenido necesario al bloque. Los tamaños recomendados para otros tipos de imágenes se proporcionan en las descripciones de los bloques.

Configure el estilo del video:

El conjunto de configuraciones depende del elemento al que esté agregando medios.

1. Elija el método de colocación del video (solo para videos subidos desde un dispositivo):
  - Contain — el video llena todo el bloque manteniendo las proporciones. Si las proporciones del video y el bloque difieren, parte de la imagen puede recortarse.
  - Cover (predeterminado) — el video mantiene su relación de aspecto y se ajusta a la altura del bloque.
  - Fill (recomendado para fondos personalizados) — el video llena el ancho del bloque y puede recortarse en la parte superior e inferior si excede la altura del bloque.

- - Fit — el video se estira para ajustarse al bloque sin conservar su relación de aspecto.

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

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

1. Ajuste el tinte y el degradado del video (opcional).

Publique el sitio.

¡Gracias por tu mensaje!

Nos ayudará a mejorar tu experiencia.

Última actualización: 25 de Junio de 2026

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

Contenidos

Cómo agregar una imagen al bloque
Cómo agregar un video al bloque