Les blocs de contenu

Le bloc Contenu intégré (iframe)

Insérer une vidéo YouTube, une carte Google Maps ou un formulaire externe dans votre page.

Dans cet article

Le bloc Contenu intégré insère dans votre page un contenu qui vient d'un autre site : une vidéo, une carte, un formulaire.

Le terme technique est iframe : imaginez une petite fenêtre découpée dans votre page, à travers laquelle on voit un autre site.

Le bloc « Contenu intégré » apparaît grisé avec un cadenas si votre formule ne l'inclut pas
Le bloc « Contenu intégré » apparaît grisé avec un cadenas si votre formule ne l'inclut pas

Ce qu'on peut intégrer

ContenuOù récupérer le lien
Vidéo YouTubeL'adresse de la vidéo dans la barre du navigateur.
Carte Google MapsSur Google Maps : bouton Partager, onglet Intégrer une carte.
Formulaire Typeform, Google FormsLe lien de partage du formulaire.
Agenda Cal.com, CalendlyLe lien public de votre page de réservation.
Vidéo VimeoL'adresse de la vidéo.

Ajouter le bloc

  1. Ouvrez la page dans l'éditeur.

  2. Dans la colonne de gauche, cliquez sur « Contenu intégré ».

  3. Remplissez les champs (détaillés ci-dessous).

  4. Cliquez sur « Enregistrer ».

Titre au-dessus (optionnel)

Un titre affiché au-dessus du contenu, par exemple Plan d'accès ou Visite du cabinet en vidéo. Laissez vide si vous n'en voulez pas.

Lien à intégrer

C'est le champ essentiel. Collez ici l'adresse du contenu.

L'adresse doit obligatoirement commencer par https://. Les liens qui ne commencent pas par http:// ou https:// sont refusés, pour la sécurité de votre site et de vos visiteurs.

Hauteur affichée (pixels)

La hauteur de la fenêtre, en pixels. Quelques valeurs qui fonctionnent bien :

ContenuHauteur conseillée
Vidéo YouTube450 à 520
Carte Google Maps400 à 500
Formulaire externe600 à 800

Si le contenu est coupé en bas, augmentez la valeur. S'il reste beaucoup de blanc en dessous, réduisez-la.

Aperçu (comme sur le site)

Sous les champs, un aperçu affiche le contenu exactement comme il apparaîtra. Ajustez la hauteur jusqu'à ce que le rendu vous convienne, puis enregistrez.

Si l'aperçu reste vide, l'adresse n'est pas valide : vérifiez qu'elle commence bien par https://.

Comment récupérer un lien Google Maps

  1. Ouvrez Google Maps et cherchez l'adresse de votre cabinet.

  2. Cliquez sur Partager.

  3. Choisissez l'onglet « Intégrer une carte ».

  4. Dans le code proposé, repérez la partie entre guillemets qui suit src= : c'est l'adresse dont vous avez besoin. Elle commence par https://www.google.com/maps/embed?...

  5. Copiez-la et collez-la dans le champ « Lien à intégrer ».

Précautions à connaître

Deux autres points à garder en tête :

  • Le temps de chargement. Chaque contenu intégré charge un site entier dans votre page. Trois vidéos sur la même page rendront celle-ci lente sur un téléphone. Une seule par page, c'est l'idéal.
  • Les cookies. YouTube et Google Maps déposent leurs propres cookies chez vos visiteurs. Le bandeau de consentement de votre site en tient compte, mais si vous avez une politique de confidentialité, pensez à y mentionner ces services.

Une alternative sans la formule Pro

Vous voulez montrer où se trouve votre cabinet mais vous n'avez pas la formule Pro ? Rien n'est perdu :

  • mettez votre adresse complète dans un bloc Contact ;
  • ajoutez dans un bloc Titre & Texte un lien Voir sur Google Maps qui pointe vers l'adresse de partage Google Maps.

Le visiteur ouvre la carte dans un nouvel onglet. C'est presque aussi pratique, et votre page reste rapide.

Vous ne trouvez pas la réponse ?

Écrivez-nous en expliquant ce que vous essayez de faire. Précisez si possible le nom de la rubrique où vous êtes bloqué — nous vous répondons par e-mail.