---
title: "Imágenes y vídeos personalizados en el nuevo Paywall Builder"
description: ""
---

Puedes añadir cualquier imagen o vídeo a un paywall, pero a veces querrás mostrar contenido multimedia personalizado para el usuario — por ejemplo, un vídeo con su avatar elegido. Para eso está el contenido multimedia personalizado.

El contenido multimedia personalizado es una imagen o vídeo que tu app llama por ID desde tu código. Reemplaza un archivo multimedia estándar que hayas añadido al paywall en el Paywall Builder.

:::info
Para usar esta función, actualiza el SDK de Adapty a la versión 3.7.0 o posterior.
:::

## ¿Dónde puedo usar contenido multimedia personalizado? \{#where-can-i-use-custom-media\}

En cualquier lugar donde normalmente usarías una imagen o vídeo normal:

- Como imagen principal
- Como vídeo principal
- Como icono normal
- En el fondo de una tarjeta
- En el fondo de un carrusel

## ¿Cómo se usa el contenido multimedia personalizado? \{#how-to-use-custom-media\}
Para configurar contenido multimedia personalizado:

1. Marca la casilla **Use custom media ID** bajo el área de carga.

2. Introduce el ID del medio. Para imágenes principales y vídeos principales, los IDs están predefinidos.

3. Sube una imagen o vídeo de respaldo en la sección de carga de archivos.

4. Para más información, consulta <InlineTooltip tooltip="las guías sobre cómo obtener paywalls del Paywall Builder en tu app">[iOS](get-pb-paywalls), [Android](android-get-pb-paywalls), [React Native](react-native-get-pb-paywalls), [Flutter](flutter-get-pb-paywalls) y [Unity](unity-get-pb-paywalls)</InlineTooltip> y llama al medio por su ID en tu código.

Si la versión del SDK de Adapty es inferior a 3.7.0, o si el ID de medio personalizado no está definido en tu código, se mostrará en su lugar la imagen o vídeo de respaldo.

     <img src="/assets/shared/img/custom-media.png"
     style={{
       border: '1px solid #727272', /* border width and color */
       width: '700px', /* image width */
       display: 'block', /* for alignment */
       margin: '0 auto' /* center alignment */
     }}
   />