> For the complete documentation index, see [llms.txt](https://docs.moocit.fr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.moocit.fr/english/course-components/integration-of-web-tools.md).

# iFrame (Genial.ly, Prezi, etc.)

How to add web tools to your course like Prezi / Genial.ly / Slideshare / Padlet etc.

In the desired unit, select 'Add a New Component'

![Screen Shot 2020-10-20 at 07.52.40.png](https://mail.google.com/mail/u/0?ui=2\&ik=4948faea61\&attid=0.2\&permmsgid=msg-a:r6263866708457259715\&th=17544a09e0a859fb\&view=fimg\&sz=s0-l75-ft\&attbid=ANGjdJ-5T9b6Fx1GwGapjKyjvBm0ajfCtXWXof4-ZGczSbdCW3NiqfG723-e43K1vexXTiNXG2Vh-jTI124sJhGe0uJV4EKaAxqusOjpYA3JVcPSz8v9NRftqCRMojo\&disp=emb\&realattid=ii_kghk3ace1)

Select 'Raw HTML'

![Screen Shot 2020-10-20 at 07.52.47.png](https://mail.google.com/mail/u/0?ui=2\&ik=4948faea61\&attid=0.1\&permmsgid=msg-a:r6263866708457259715\&th=17544a09e0a859fb\&view=fimg\&sz=s0-l75-ft\&attbid=ANGjdJ9NjgANQSjJyAUQuDCUECdNai9m2_7NZV-BlFy9Eel8eH0xjur5F_ISpajfumJidbEa-tndsMlAwFoejl-c9JoZjLsTvcYugrGTKJjLokTXlUZIGgJoTjDaG50\&disp=emb\&realattid=ii_kghk2n040)

{% hint style="info" %}
For this example we will be using genial.ly - for other tools like Prezi, Slideshare, etc. you can follow similar steps to get the code.
{% endhint %}

In genial.ly select to "Share" your presentation

![Screen Shot 2020-10-20 at 07.58.57.png](https://mail.google.com/mail/u/0?ui=2\&ik=4948faea61\&attid=0.3\&permmsgid=msg-a:r6263866708457259715\&th=17544a09e0a859fb\&view=fimg\&sz=s0-l75-ft\&attbid=ANGjdJ_g6ahaf4WvJDM-n4divYyNA7TgNMc4AFzPLZvcG0WT_-e_vuw-9IyLXVDcT0d0GtoNAr66joVQ4E-l_zxYUR6giPiPuNS-YRfpL-uk7II-VcPqdrFWxGfRV8U\&disp=emb\&realattid=ii_kghk5g6k2)

Select \</> Insert and copy the iFrame code.

![Screen Shot 2020-10-20 at 07.56.42.png](https://mail.google.com/mail/u/0?ui=2\&ik=4948faea61\&attid=0.4\&permmsgid=msg-a:r6263866708457259715\&th=17544a09e0a859fb\&view=fimg\&sz=s0-l75-ft\&attbid=ANGjdJ_zo2NFrx-0sHo8kw8OzN9lnfW0OYtceb_c2yQCfaCxvan7Jurmy0EKI0oqcvLBAdac9xw4yFBLuTOVd_0akqlgUTDtdfz8pMbNN6uSeCkJzzuJtzygzRpcf5M\&disp=emb\&realattid=ii_kghk7uzk4)

In Studio, select to modify the "Raw HTML" component

![Screen Shot 2020-10-20 at 08.01.58.png](https://mail.google.com/mail/u/0?ui=2\&ik=4948faea61\&attid=0.5\&permmsgid=msg-a:r6263866708457259715\&th=17544a09e0a859fb\&view=fimg\&sz=s0-l75-ft\&attbid=ANGjdJ8agLKKy2g6k6fJmNiR1U9FA-xMjmoDtdtviupM4yWthl3vpJufAXw1oJ_-dVA67AZVLzMuRs22V5OPN2pdo34d17rDyjCKGMkc_M66b64XllSH7lg5BDrGwvU\&disp=emb\&realattid=ii_kghk8phg5)

Replace the  with the iFrame code you copied from genial.ly

Then select to save.

![Screen Shot 2020-10-20 at 08.07.06.png](https://mail.google.com/mail/u/0?ui=2\&ik=4948faea61\&attid=0.6\&permmsgid=msg-a:r6263866708457259715\&th=17544a09e0a859fb\&view=fimg\&sz=s0-l75-ft\&attbid=ANGjdJ8fBuFjLuUHXQx6RMK4W7UWMpkToWYEYQg-MReMyOXX5f5IjUvoE49EFQAx4THebaqeNaCfm3Jhwg-3G9HQtA-8YCIA25QH7JEIt0FT13JX8Eez0OlwYgaHx8I\&disp=emb\&realattid=ii_kghkfavv6)

Then you can select "Publish" and "View Live" to see your changes in the learner view.