> 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/composants/integration-des-outils-web.md).

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

Comment ajouter des outils Web à votre cours comme Prezi / Genial.ly / Slideshare / Padlet etc.

Dans l'unité souhaitée, sélectionnez 'Ajouter un Nouveau Composant' 

![](https://389845637-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MO5fb6lgA6-9Oy_8HnV%2F-MO5fhIIGjVxkcRnao2c%2F1.png?alt=media\&token=83eafcb4-802f-4c2f-aa6d-8a7f16c21cf5)

Sélectionnez 'Raw HTML'

![](https://389845637-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MO5fj9G9B_1Yn079rID%2F-MO5fqvqDMa45-VtzPzS%2F2.png?alt=media\&token=d889d4c9-b530-411c-8f9a-8c0aeeb697e4)

{% hint style="info" %}
Pour cet exemple, nous utiliserons genial.ly - pour d'autres outils tels que Prezi, Slideshare, etc., vous pouvez suivre des étapes similaires pour obtenir le code .
{% endhint %}

Dans [genial.ly](http://genial.ly/) sélectionnez pour  "partager (Share) '' votre présentation

![](https://389845637-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MO5fj9G9B_1Yn079rID%2F-MO5fuhp-p3AbHpILWQp%2F3.png?alt=media\&token=c9561ff3-eae6-4a4f-9034-0c8fd8c07c3e)

Sélectionnez \</> Insérer et copiez le code iFrame.

![](https://389845637-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MO5fj9G9B_1Yn079rID%2F-MO5g5DmJIml3eHhe2gA%2F4.png?alt=media\&token=d782b9a7-8e03-4f7b-8608-ab0112908b61)

Dans Studio, sélectionnez pour modifier le composant " Raw HTML"

![](https://389845637-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MO5fj9G9B_1Yn079rID%2F-MO5g9TYATLWbN6ix0oK%2F5.png?alt=media\&token=a5290e77-1a71-4f85-8879-5d6dc06452d3)

Remplacez le \<code> par le code iFrame que vous avez copié depuis [genial.ly](http://genial.ly/)\
\
Sélectionnez ensuite pour enregistrer.

![](https://389845637-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MO5fj9G9B_1Yn079rID%2F-MO5gDnobnpyKfEJzKjX%2F6.png?alt=media\&token=1e753d44-5ccf-42a3-883a-aec1d56fb26e)

\
Ensuite, vous pouvez sélectionner «Publier» et «Afficher en direct» pour voir vos modifications dans la vue de l'apprenant.