> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ahaslides.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Inserta AhaSlides en tu sitio web

> Inserta tu pantalla de presentación en vivo en cualquier página con la opción Insertar del menú Compartir y deja que los visitantes sigan tu sesión.

Puedes mostrar tu pantalla de presentación en vivo en tu propio sitio web, blog o página de intranet. Quienes visiten esa página verán exactamente lo que muestra tu pantalla de presentador, con actualizaciones en tiempo real a medida que avanzas por las diapositivas y llegan las respuestas.

## Inserta tu pantalla de presentación en vivo

<Steps>
  <Step title="Abre el menú Compartir">
    Abre tu presentación en el editor y haz clic en el icono **Compartir** (Share) de la esquina superior derecha, junto a **Vista previa** (Preview).
  </Step>

  <Step title="Elige Insertar">
    Haz clic en **Insertar** (Embed). Se abre la ventana **Insertar pantalla de presentación en vivo** (Embed live presenting screen).
  </Step>

  <Step title="Copia el código de inserción">
    Junto a **HTML embed code**, haz clic en **Copiar** (Copy). Si el creador de tu sitio web te pide un enlace en lugar de HTML, copia en su lugar la **Embed URL**.

    <Frame>
      <img src="https://mintcdn.com/ahaslides/FA-v5lmF6gxTLec8/images/share-embed-live-presenting-screen.png?fit=max&auto=format&n=FA-v5lmF6gxTLec8&q=85&s=0ce31f2ef078ee6d03f2c8eb4c37ca91" alt="La ventana Insertar pantalla de presentación en vivo de AhaSlides, con el campo del código de inserción HTML y su botón Copiar resaltados" width="720" height="380" data-path="images/share-embed-live-presenting-screen.png" />
    </Frame>
  </Step>

  <Step title="Pégalo en tu página">
    Pega el código en el HTML de tu página web, o en el bloque de inserción o de código personalizado de tu creador de sitios web, y luego publica la página.
  </Step>
</Steps>

El código de inserción es un `iframe` estándar. Por defecto tiene un tamaño de 960 × 569 píxeles; cambia los valores de `width` y `height` del código para adaptarlo al diseño de tu página.

## Qué ven los visitantes

* **Mientras presentas**, la pantalla insertada refleja tu pantalla de presentador en directo, incluidos los resultados a medida que llegan.
* **Cuando no estás presentando**, la pantalla insertada muestra **Presentación en pausa** (Presentation paused).
* La pantalla insertada es **de solo lectura**: los visitantes siguen la presentación, pero no pueden hacer clic ni controlar tus diapositivas. Para participar, se unen desde su propio dispositivo con el código de acceso que aparece en tus diapositivas, igual que cualquier otro participante. Consulta [Invita a los participantes a tu presentación](/es/presenting/sharing-your-presentation-for-participants-to-join).

## Alternativa: inserta la vista del participante

Si prefieres que los visitantes respondan directamente en tu página, puedes insertar en su lugar el enlace de audiencia de tu presentación en un `iframe`. Así se muestra la pantalla del participante y los visitantes pueden responder encuestas y quizzes sin salir de tu sitio.

<Steps>
  <Step title="Copia tu enlace para unirse">
    Haz clic en el icono **Compartir** (Share) y elige **Obtener enlace de audiencia** (Get audience link); después, copia el enlace para unirse a tu presentación.

    <Frame>
      <img src="https://mintcdn.com/ahaslides/EUNVISSOZvCyvxHA/images/get-audience-link-panel.png?fit=max&auto=format&n=EUNVISSOZvCyvxHA&q=85&s=fa05dae0c0bbd271305848bf1b7c3d16" alt="La ventana Obtener enlace de audiencia de AhaSlides, con el enlace para unirse a la presentación y su código QR" width="1420" height="1080" data-path="images/get-audience-link-panel.png" />
    </Frame>
  </Step>

  <Step title="Añade el iframe a tu página">
    Pega tu enlace en el valor de `src` de este código y luego añade el código a tu página:

    ```html theme={null}
    <iframe src="https://audience.ahaslides.com/" style="width: 100%; height: 800px"></iframe>
    ```
  </Step>
</Steps>

<Note>
  La inserción de la vista del participante no forma parte de la opción Insertar del menú Compartir, así que pruébala en tu página antes de una sesión en directo.
</Note>

**¿Tienes alguna pregunta?**

Ponte en contacto con nuestro equipo de soporte: si has iniciado sesión, usa la burbuja de chat de la esquina inferior derecha de tu panel; si no, [contáctanos aquí](https://ahaslides.com/contact-us/) o escribe a [hi@ahaslides.com](mailto:hi@ahaslides.com).

¿Quieres conectar con otros usuarios? Únete a la [comunidad de AhaSlides](https://community.ahaslides.com/) para compartir consejos, pedir funciones y ver cómo otros captan la atención de su público.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.