Cómo añadir medios a los bloques

Puedes establecer imágenes o videos 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:

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

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

4. Haz clic en Media.

5. 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.

6. Configura el estilo de la imagen:

7. 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, parte de la imagen puede ser recortada.
   • 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 ser recortada en la parte superior e inferior si excede la altura del bloque.

1. • Fit — la imagen se estira al tamaño del bloque sin mantener las proporciones.

8. Elige la posición de la imagen (opcional):
   • Top left
   • Top center
   • Top right
   • Left
   • Center (predeterminado)
   • Right
   • Bottom left
   • Bottom center
   • Bottom right

9. Ajusta el tinte y el degradado de la imagen (opcional).
10. Publica el sitio.

Cómo añadir un video al bloque

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

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

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

4. Haz clic en Media.

5. En la ventana modal que se abre, sube el video de una de las siguientes maneras:
   1. En la pestaña All assets o Video, arrastra y suelta tu video 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 video de la lista desplegable:
      • From device — selecciona el archivo de video en tu dispositivo.
      • From YouTube — introduce la URL del video alojado en YouTube.

6. Configura el estilo del video:

7. Elige 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 ser recortada.
   • 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 ser recortado en la parte superior e inferior si excede la altura del bloque.

1. • Fit — el video se estira al tamaño del bloque sin mantener las proporciones.

8. Configura 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.

9. Ajusta el tinte y el degradado del video (opcional).
10. Publica el sitio.