Insertar iFrame

Esta es una forma alternativa de hacer que el proyecto Interacty forme parte de tu sitio. Algunos sistemas CMS/LMS permiten que solo se incrusten iframes.

Cómo encontrar el código iframe

Ve a Mis proyectos y haga clic en el botón Compartir/incrustar.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/WsZtZfHDAyiNL02v3y7z1vtZZ6Vk4s4nU6Ltdys1-image.png

Haz clic en Incrustar en tu sitio web o LMS.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/QMmkyo5uwLz2UJvP9ltkeulZzPIDdokcw5OWQBhe-image.png

Busca el campo de código iframe alternativo y copia el texto.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/TKjNKL75BSdGJGLZ2ZCwI1EzKMcx2jB8pwI53mYc-image.png

El código se ve así:

<div class="interacty_padding" style="position: relative; padding: 99.5% 0 0 0;">
    <div class="interacty_wrapper" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
        <iframe style="border: none; width: 100%; height: 100%;" src="https://p.interacty.me/b3645f2e66f78f23/iframe.html"></iframe>
    </div>
</div>

¿Cómo incrustarlo? Pega este html en la página específica a través del panel de administración de CMS/LMS.

Veamos Canvas LMS. Cambia al editor HTML y pega el código iframe en el artículo:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/lUpfn8XRuUogsLSXBqQ9ty7ZvwXk6TZi0jz38zxE-image.png

Vuelve al modo Rich Editor y verás un proyecto interactivo en la página.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/j4rf3RUt2sGwCwe4SYf2FXD89scEtMa53sOcZvV5-image.png

¡Ten en cuenta que no necesitas pegar el código cada vez que cambies de proyecto! Cuando publiques el proyecto, el cambio será visible automáticamente.

Was this article helpful?

Recommended Articles