---
title: Integrar con iFrame
description: Personaliza cómo tus asistentes ven tus traducciones y subtítulos utilizando la Integración con iFrame.
---
[Ir directamente al contenido](https://help.wordly.ai/es/iframe-integration#main-content)
- [Español](https://help.wordly.ai/es/iframe-integration)
- [English](https://help.wordly.ai/iframe-integration)
- [Français](https://help.wordly.ai/fr/iframe-integration)
Español
Traducciones de Mostrar submenú de
[](https://help.wordly.ai/?hsLang=es)
Abrir navegación principal
Cerrar navegación principal
- - [Español](https://help.wordly.ai/es/iframe-integration)
- [English](https://help.wordly.ai/iframe-integration)
- [Français](https://help.wordly.ai/fr/iframe-integration)
Español
Traducciones de Mostrar submenú de
- [Enviar una solicitud](mailto:support@wordly.ai)
[Enviar una solicitud](mailto:support@wordly.ai)
Hola! ¿Cómo podemos ayudar?
- No hay sugerencias porque el campo de búsqueda está vacío.
1. [Wordly Knowledge Center](https://help.wordly.ai/es?hsLang=es)
2. [Integraciones y API](https://help.wordly.ai/es/integraciones-y-api?hsLang=es)
3. [APIs y Herramientas para Desarrolladores](https://help.wordly.ai/es/integraciones-y-api?hsLang=es#apis-y-herramientas-para-desarrolladores)
# Integrar con iFrame
## Personaliza cómo tus asistentes ven tus traducciones y subtítulos utilizando la Integración con iFrame.
A menudo, la forma más fácil de integrar[las traducciones de Wordly](https://www.wordly.ai/es/live-translation) en una plataforma o aplicación web es incrustar el enlace de participante 'attend' (asistir) en un iFrame de HTML.
Puede personalizar la apariencia de las traducciones de Wordly incrustándolas en su propia página web o plataforma de eventos utilizando un iFrame. Esto le permite añadir su logotipo u otros elementos de marca alrededor del panel de traducción, fuera del iFrame.
#### Para obtener el iFrame de asistir
1. En la Portada de Wordly, selecciona Sesiones en el menú del lado izquierdo. Haga clic en **"**Obtenga enlaces para unirse".
2. Expande la casilla **“Embed Wordly”** (Incrustar Wordly) y haga clic en **“Copy iFrame Attend URL”** (Copiar URL de iFrame para asistir).
%20Embed%20wordly.png?width=410&height=202&name=(es)%20Embed%20wordly.png)
### Incrustación de iFrame
El código HTML básico para incrustar las traducciones de Wordly en un iFrame utiliza la etiqueta de iFrame estándar de HTML:
``
Coloquelo en su aplicación donde quiera que aparezcan las traducciones de Wordly. Por lo general, querrá establecer el ancho (width) y la altura (height) para que el iFrame llene el espacio que le dejas. Esto se puede hacer directamente en la etiqueta de iFrame, o mediante un atributo de clase. Ejemplo:
``
### URL de origen (Source URL)
La URL a usar como origen debe contener la ID de sesión de Wordly que desea. El formato es:
`https://attend.wordly.ai/frame/`
Ejemplo:
```
https://attend.wordly.ai/frame/ABCD-1234
```
donde ABCD-1234 es la ID de sesión de Wordly obtenida de la sesión.
#### **Parámetros de la URL de origen**
La URL acepta una serie de argumentos opcionales que se pueden usar con sesiones que requieren una contraseña y para cambiar la forma en que se muestra el contenido del iFrame:
- **key**: la contraseña de la sesión si se requiere una para asistir. Las sesiones abiertas no requieren una contraseña.
- **lang**: el código de idioma inicial de las traducciones para este usuario. Este valor puede utilizarse para establecer el idioma predeterminado para todos los asistentes. Esto no se utiliza a menudo. Consulte[Códigos de idioma](https://help.wordly.ai/es/about-languages-supported?hsLang=es) para ver la lista de códigos de idioma.
*De forma predeterminada, Wordly identifica el idioma de un asistente según la configuración de su navegador. Sin embargo, al aplicar este parámetro de URL, invalide estos valores predeterminados individuales y fuerce el idioma elegido para cada participante de la sesión.*
- **fgcolor**: un color HTML para el texto en el iFrame. Este valor puede ser cualquier nombre de color HTML válido o un color hexadecimal RGBA personalizado. El valor predeterminado es blanco.
- **bgcolor**: un color HTML para el fondo del iFrame. Este valor puede ser cualquier nombre de color HTML válido o un color hexadecimal RGBA personalizado. El valor predeterminado es negro.
- **fgsize**: un valor de tamaño HTML para el texto en el iFrame. Este valor puede ser cualquier tamaño de texto HTML válido, incluidas las unidades. El valor predeterminado es el tamaño del texto del contenedor y no se usa a menudo.
- **tags**: un valor booleano que se puede establecer en “**true**" para mostrar los nombres de los oradores en el iframe. El valor predeterminado es **"false"**.
- **speakerLanguage**: un valor booleano que se puede establecer en **"false"** para ocultar la visualización del idioma que está utilizando el orador. El valor predeterminado es **"true"**.
- **enableTTS**: un valor booleano que se puede establecer en "true" para habilitar el soporte de texto a voz (TTS). Cuando este valor es 'true', se añaden nuevos botones a la barra inferior que permiten al usuario seleccionar una voz para que el texto se hable en voz alta, y un botón de silenciar/activar sonido. El valor predeterminado es “**false**”.
- **finalOnly**: un valor booleano que se puede establecer en **"true"** para cambiar el valor predeterminado para la configuración de usuario **Show only complete phrases** (Mostrar sólo frases completas). Cuando este valor es **“true”**, sólo se mostrarán las traducciones completadas al usuario y se suprimirán las traducciones parciales.
- **showScrollbar**: un valor booleano que se puede establecer en **"false"** para evitar que aparezca la barra de desplazamiento en el marco. Cuando este valor se establece en **“false”**, los usuarios no pueden desplazarse hacia atrás para leer partes anteriores de una transcripción.
- **hide**: una lista de códigos de idioma de Wordly para ocultar al usuario. Este parámetro es una cadena de códigos separados por comas. Los idiomas especificados se eliminarán de los distintos menús presentados al usuario. Por ejemplo: ?hide=en,es,fr eliminará inglés, español y francés de los menús de idioma. Consulta[Códigos de idioma](https://help.wordly.ai/es/about-languages-supported?hsLang=es) para ver la lista de códigos de idioma.
- **show**: una lista de códigos de idioma de Wordly para mostrar al usuario. Este parámetro es una cadena de códigos separados por comas. Los idiomas especificados serán los únicos incluidos en los distintos menús presentados al usuario.
Ejemplo: ?show=en,es,fr reduce todos los menús de idioma a solo inglés, español y francés. Consulta[Códigos de idioma](https://help.wordly.ai/es/about-languages-supported?hsLang=es) para ver la lista de códigos de idioma.
### Ejemplos:
Una url para mostrar la sesión 'DCBA-4321' en español con texto grande y verde sería:
```
https://attend.wordly.ai/frame/DCBA-4321?lang=es&fgcolor=00FF00&fgsize=5em
```
y esto incrustado en un iFrame en tu HTML podría verse así:
```
```
Una url para mostrar la sesión "DCBA-4321" con TTS habilitado:
```
https://attend.wordly.ai/frame/DCBA-4321?enableTTS=true
```
y esto incrustado en un iFrame en tu HTML podría verse así:
```
```
- [El Portada de Wordly](https://help.wordly.ai/es/el-portada-de-wordly?hsLang=es#main-content)
- [Navegando en Su Portada](https://help.wordly.ai/es/el-portada-de-wordly?hsLang=es#navegando-en-su-portada)
- [Compartir entre Portadas](https://help.wordly.ai/es/el-portada-de-wordly?hsLang=es#compartir-entre-portadas)
- [Crear su sesión de Wordly](https://help.wordly.ai/es/crear-su-sesi%C3%B3n-de-wordly?hsLang=es#main-content)
- [Conceptos básicos de la sesión](https://help.wordly.ai/es/crear-su-sesi%C3%B3n-de-wordly?hsLang=es#conceptos-b%C3%A1sicos-de-la-sesi%C3%B3n)
- [Selección automática de idioma](https://help.wordly.ai/es/crear-su-sesi%C3%B3n-de-wordly?hsLang=es#selecci%C3%B3n-autom%C3%A1tica-de-idioma)
- [Cómo organizar una sesión de Wordly](https://help.wordly.ai/es/c%C3%B3mo-organizar-una-sesi%C3%B3n-de-wordly?hsLang=es#main-content)
- [Conceptos básicos de hospedaje](https://help.wordly.ai/es/c%C3%B3mo-organizar-una-sesi%C3%B3n-de-wordly?hsLang=es#conceptos-b%C3%A1sicos-de-hospedaje)
- [Transcripciones](https://help.wordly.ai/es/c%C3%B3mo-organizar-una-sesi%C3%B3n-de-wordly?hsLang=es#transcripciones)
- [Eventos en persona](https://help.wordly.ai/es/c%C3%B3mo-organizar-una-sesi%C3%B3n-de-wordly?hsLang=es#eventos-en-persona)
- [Glosarios](https://help.wordly.ai/es/glosarios?hsLang=es)
- [Informes](https://help.wordly.ai/es/informes?hsLang=es)
- [Integraciones y API](https://help.wordly.ai/es/integraciones-y-api?hsLang=es#main-content)
- [Wordly con Sistemas AV](https://help.wordly.ai/es/integraciones-y-api?hsLang=es#wordly-con-sistemas-av)
- [Wordly para Zoom](https://help.wordly.ai/es/integraciones-y-api?hsLang=es#wordly-para-zoom)
- [Transmisión a plataformas no integradas](https://help.wordly.ai/es/integraciones-y-api?hsLang=es#transmisi%C3%B3n-a-plataformas-no-integradas)
- [Wordly para Cvent](https://help.wordly.ai/es/integraciones-y-api?hsLang=es#wordly-para-cvent)
- [Wordly para Webex](https://help.wordly.ai/es/integraciones-y-api?hsLang=es#wordly-para-webex)
- [Wordly para Google Meet](https://help.wordly.ai/es/integraciones-y-api?hsLang=es#wordly-para-google-meet)
- [Wordly para Microsoft Teams](https://help.wordly.ai/es/integraciones-y-api?hsLang=es#wordly-para-microsoft-teams)
- [APIs y Herramientas para Desarrolladores](https://help.wordly.ai/es/integraciones-y-api?hsLang=es#apis-y-herramientas-para-desarrolladores)
- [Actualizaciones y lanzamientos de la plataforma](https://help.wordly.ai/es/actualizaciones-y-lanzamientos-de-la-plataforma?hsLang=es)
- [Preguntas Frecuentes](https://help.wordly.ai/es/preguntas-frecuentes?hsLang=es)
- [Auto-incorporación](https://help.wordly.ai/es/auto-incorporaci%C3%B3n?hsLang=es#main-content)
- [Trabajo en un lugar de culto que utiliza Wordly para sus servicios semanales](https://help.wordly.ai/es/auto-incorporaci%C3%B3n?hsLang=es#trabajo-en-un-lugar-de-culto-que-utiliza-wordly-para-sus-servicios-semanales)
- [Uso Wordly para evento presencial: reunión, conferencia o evento](https://help.wordly.ai/es/auto-incorporaci%C3%B3n?hsLang=es#uso-wordly-para-evento-presencial-reuni%C3%B3n-conferencia-o-evento)
- [Uso Worldly con una plataforma de reuniones o eventos virtuales.](https://help.wordly.ai/es/auto-incorporaci%C3%B3n?hsLang=es#uso-worldly-con-una-plataforma-de-reuniones-o-eventos-virtuales)
- [Estoy usando Wordly con asistentes tanto presencial como en línea en el mismo evento](https://help.wordly.ai/es/auto-incorporaci%C3%B3n?hsLang=es#estoy-usando-wordly-con-asistentes-tanto-presencial-como-en-l%C3%ADnea-en-el-mismo-evento)
- [Estoy usando Wordly para conversaciones individuales](https://help.wordly.ai/es/auto-incorporaci%C3%B3n?hsLang=es#estoy-usando-wordly-para-conversaciones-individuales)
- [Estoy buscando guías de configuración de AV](https://help.wordly.ai/es/auto-incorporaci%C3%B3n?hsLang=es#estoy-buscando-gu%C3%ADas-de-configuraci%C3%B3n-de-av)
- [Estoy usando Wordly de una manera que no está listada arriba](https://help.wordly.ai/es/auto-incorporaci%C3%B3n?hsLang=es#estoy-usando-wordly-de-una-manera-que-no-est%C3%A1-listada-arriba)
- [Asistir sesiones de Wordly](https://help.wordly.ai/es/asistir-sesiones-de-wordly?hsLang=es)
[Política de privacidad](https://wordly.ai/privacy-policy) | [Términos de Servicio](https://wordly.ai/wordly-inc-terms-of-service)
Derechos de autor © 2026, Wordly, Inc.