Embed iFrame


This is alternative way to make Interacty project part of your site. Some CMS/LMS systems allows iframes only to be embedded.

How to find iframe code

Go to My Projects and click on Share/embed button.

share/embed button on Interacty

Click on Embed in your Website or LMS.

Embed in your Website or LMS button for embedding your Interacty project

Find use alternative iframe code field and copy the text.

Interacty project iframe code

Code looks like this, example:

<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>

How to embed it? You need to paste this html to the specific page via CMS/LMS admin panel.

Let's look at Canvas LMS. Please switch to the HTML Editor, and paste iframe code into the article:

Interacty iframe code embedded into the website example

Switch back to the Rich Editor mode and you will see an interactive project on the page (memory game in this example)

Demonstration of embedded Interacty project into the website

Please note:

You do not need to paste code each time you change the project! When you publish the project the change will be visible on your site automatically.

 


Was this article helpful?