> ## Documentation Index > Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Incrustar contenido externo en el panel > Muestra videos, documentos y páginas externas en tu panel, con datos dinámicos del usuario o de tu cuenta en la URL. Puedes mostrar contenido de otras plataformas directamente en tu **Panel de control**: páginas web, informes de Looker Studio (antes Google Data Studio), documentos de Google, presentaciones, calendarios, videos de YouTube o Loom, publicaciones de redes sociales y más. Así tu equipo tiene en un solo lugar las métricas de Chateea y la información que vive fuera de la plataforma. > [!NOTE] > > Solo puedes incrustar contenido de plataformas que lo permitan. Algunos sitios bloquean que su contenido se muestre dentro de otras páginas; en ese caso el elemento aparecerá vacío o con un error. ## Agregar contenido incrustado **1. Abre el panel en modo edición** Ve a **Panel de control** y haz clic en el ícono de lápiz (**Editar panel**). **2. Abre la pestaña Elementos** Haz clic en **Agregar widget** y cambia a la pestaña **Elementos**. **3. Elige Incrustar** Haz clic en **Incrustar** (Embed). **4. Configura el elemento** Escribe un título y elige el tipo de contenido: * **URL:** pega solo una dirección completa, sin nada más. Por ejemplo: `https://www.instagram.com/p/C04TE0DsEkW/embed/` * **IFRAME:** pega el fragmento de código iframe completo que te da la otra plataforma. En la configuración avanzada puedes mostrar u ocultar el título del elemento. **5. Guarda** Haz clic en **Guardar** para agregar el elemento al panel. Ejemplo de un iframe con un mapa de OpenStreetMap: ```html theme={null} ``` ## Cómo preparar enlaces de plataformas populares Muchas plataformas necesitan una dirección especial de "embed" en lugar del enlace normal. ### YouTube Toma el identificador del video (lo que va después de `v=` en el enlace) y agrégalo a `https://www.youtube.com/embed/`. | Enlace normal | Enlace para incrustar | | - | - | | `https://www.youtube.com/watch?v=bFTIQDCvIrc` | `https://www.youtube.com/embed/bFTIQDCvIrc` | ### TikTok Toma el número del video (lo que aparece después de `/video/` en el enlace) y agrégalo a `https://www.tiktok.com/embed/`. ### Publicaciones de Instagram 1. Copia el enlace para compartir de la publicación. Se verá parecido a `https://www.instagram.com/p/C04TE0DsEkW/?utm_source=ig_web_copy_link` 2. Reemplaza `?utm_source=ig_web_copy_link` por `/embed/`. Te quedará `https://www.instagram.com/p/C04TE0DsEkW/embed/` 3. Pega esa dirección final en el elemento **Incrustar**. ## Enviar datos del usuario o de tu cuenta al contenido incrustado Puedes agregar parámetros dinámicos a la URL del contenido incrustado. Chateea reemplaza cada variable por el dato real de quien está viendo el panel o de tu cuenta. Esto sirve, por ejemplo, para mostrar un informe externo filtrado por usuario o para abrir una página de tu sistema con el vendedor ya identificado. ### Variables de la cuenta | Variable | Qué inserta | | - | - | | `{{location.id}}` | El identificador de tu cuenta de Chateea | | `{{location.name}}` | El nombre de tu cuenta | Ejemplo de una URL que abre las conversaciones de tu propia cuenta: ```text theme={null} https://app.chateea.com/v2/location/{{location.id}}/conversations ``` ### Variables del usuario Usa el formato `{{user.propiedad}}` con cualquiera de estas propiedades: | Propiedad | Ejemplo | | - | - | | `companyId` | `{{user.companyId}}` | | `email` | `{{user.email}}` | | `phone` | `{{user.phone}}` | | `role` | `{{user.role}}` | | `type` | `{{user.type}}` | | `firstName` | `{{user.firstName}}` | | `lastName` | `{{user.lastName}}` | | `name` | `{{user.name}}` | | `fullName` | `{{user.fullName}}` | Ejemplo para enviar el nombre del usuario a tu propia página: ```text theme={null} https://tusitio.com/?user={{user.firstName}} ``` ### Pasos **1. Agrega un elemento Incrustar** Entra al modo edición del panel, abre **Agregar widget → Elementos** y elige **Incrustar**. **2. Escribe la URL base** Pega la dirección del contenido que quieres mostrar. **3. Agrega los parámetros** Añade los parámetros que necesite esa página, usando las variables de la cuenta o del usuario donde corresponda. **4. Guarda y prueba** Guarda el panel y ábrelo con distintos usuarios para confirmar que cada uno ve su propia información. > [!WARNING] > > Los datos que pones en la URL viajan a la plataforma externa. Envía solo lo necesario y únicamente a sitios de tu confianza. ## Artículos relacionados > **[Títulos, textos e imágenes en el panel](https://help.chateea.com/docs/informes/titulos-textos-e-imagenes-en-el-panel.md)** > > Organiza tu panel con encabezados, notas e imágenes. > **[Editar un panel](https://help.chateea.com/docs/informes/editar-un-panel.md)** > > Cambia el diseño y el contenido de tus paneles. > **[Cambiar tamaño y mover widgets](https://help.chateea.com/docs/informes/cambiar-tamano-y-mover-widgets.md)** > > Acomoda cada elemento donde lo necesitas. > **[Eliminar un widget](https://help.chateea.com/docs/informes/eliminar-un-widget.md)** > > Quita del panel lo que ya no usas. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.