Passer au contenu principal

Intégrer des sites internet (iFrame)

Découvrez comment intégrer un site web, une playlist ou encore un post de vos réseaux sociaux dans cette ressource.

Écrit par Janelle Chevreau

Sur Wobee, l'élément HTML Brut peut être utilisé pour insérer du contenu provenant d'une autre source. En effet, de nombreux sites et applications peuvent donc être affichés sur votre plateforme pour vous permette de la personnaliser davantage ! 🤩

Il est possible de le faire dès lors que l'éditeur de texte est disponible, c'est-à-dire dans :

  • Les ressources

  • Le contenu d'une action 💡 Pensez à cliquer une première fois sur "enregistrer" pour qu'il s'affiche.

  • Les dashboards (notamment le bureau)

  • Les articles de blog

Nous vous montrons pas à pas comment faire ci-dessous 👇🏼

Peu importe ce que vous souhaitez afficher, il vous faut tout d'abord vous rendre dans l'éditeur de texte, cliquer sur "+", puis sur HTML Brut.

Un champs s'ouvre pour vous permettre d'écrire votre code HTML.

Intégrer un site web

Pour afficher un site internet, copiez le code suivant puis insérer le dans le champ mentionné ci-dessus :

<iframe src="URL DU SITE" style="width: 100%; height:80vh;"></iframe>

Pensez à remplacer "URL DU SITE" par l'url du site que vous souhaitez afficher dans le cadre.

👀 Tous les sites web ne permettent pas d'afficher leur contenu via un iFrame. Si c'est le cas, voici ce que cela vous affichera :

Intégrer un post depuis des réseaux sociaux

La plupart des réseaux sociaux mettent à votre disposition le code à copier directement depuis votre ordinateur, et pour cela rien de plus simple !

💖 Instagram

  1. Rendez-vous tout d'abord sur la publication de votre choix, puis cliquez sur "...' en haut à droite de l'écran.

2. Une fenêtre s'affiche avec le code HTML à copier. Vous pouvez décider d'inclure ou non la légende dans l'affichage.

3) Collez le code dans le champ HTML sur Wobee puis enregistrez.

💙 Twitter

  1. Rendez-vous tout d'abord sur la publication de votre choix, cliquez sur "...' en haut à droite du post puis sur "Intégrer le tweet".

  1. Une page s'ouvre avec le code HTML à copier.

  1. Collez le code dans le champ HTML sur Wobee puis enregistrez.

  1. Collez le code dans le champ HTML sur Wobee puis enregistrez.

💜 Linkedin

  1. Rendez-vous tout d'abord sur la publication de votre choix, cliquez sur "...' en haut à droite du post puis sur "Intégrer ce post".

  1. Une fenêtre s'affiche avec le code HTML à copier. Vous pouvez décider d'inclure ou non la légende dans l'affichage.

  1. Collez le code dans le champ HTML sur Wobee puis enregistrez.

💚 Spotify

Vous pouvez intégrer des playlists, une musique particulière ou des podcast depuis Spotify de façon très simple.

  1. Rendez-vous tout d'abord sur la publication de votre choix, cliquez sur "..." en haut à droite de la playlist ou de la musique/podcast, puis sur "Partager" et enfin sur "Intégrer".

  1. Une fenêtre s'affiche avec le code HTML à copier. Vous pouvez choisir entre 2 couleurs de fond et décider à combien de temps vous souhaitez faire démarrer l'écoute.

  1. Collez le code dans le champ HTML sur Wobee puis enregistrez.

Intégrer une vidéo depuis youtube

Il existe deux façon d'afficher une vidéo youtube grâce à l'éditeur de texte, la plus simple étant la première 👇🏼

  1. À la place d'HTML Brut, séléctionnez oEmbed. Vous pourrez ensuite y coller l'url de la vidéo de votre choix, et c'est tout ! 😇

  1. Via l'élément HTML Brut : rendez-vous sur la vidéo youtube de votre choix, puis cliquez sur "Partager" et sur "Intégrer"

Vous pouvez ensuite copier le code affiché et l'insérer dans le champ HTML Brut sur Wobee.

Avez-vous trouvé la réponse à votre question ?