Passer au contenu principal

Ajouter une vidéo externe

Intégrez une vidéo YouTube, Vimeo ou autre directement dans vos formulaires, sondages ou quiz pour captiver l’attention.

A
Écrit par Alicia
Mis à jour il y a plus de 2 mois

1. Pourquoi intégrer une vidéo ?

Objectif

Exemple

Augmenter l’engagement

Une vidéo de bienvenue dans un quiz de qualification

Clarifier une consigne

Une vidéo tutorielle dans un formulaire long

Introduire une offre

Une présentation vidéo dans un sondage marketing

🐝 L’astuce de Beezy : Une vidéo bien placée booste l’attention et réduit les taux d’abandon.


2. Étape par étape : insérer une vidéo externe

Étape 1 – Copier le code d’intégration de la vidéo

Depuis YouTube, Vimeo ou toute autre plateforme :

  1. Accédez à la page de la vidéo que vous souhaitez intégrer

  2. Faites un clic droit sur la vidéo

  3. Cliquez sur Copier le code d'intégration → Exemple :

    htmlCopierModifier<iframe width="560" height="315" src="https://www.youtube.com/embed/XXXXXX" frameborder="0" allowfullscreen></iframe>

🐝 L’astuce de Beezy : Pour YouTube, vous pouvez décocher “Afficher les vidéos similaires” avant de copier le code.


Étape 2 – Ouvrir le formulaire, quiz ou sondage

  1. Allez dans Sites > Formulaires, Quiz ou Sondages

  2. Cliquez sur l'éditeur

  3. Ajoutez le bloc HTML et glissez-le à l’endroit souhaité

  4. Cliquez dans le bloc pour ouvrir l’éditeur et cliquez sur Modifier le HTML


Étape 3 – Coller le code d’intégration

  1. Collez le code HTML récupéré à l’étape 1

  2. Ajustez si besoin les dimensions :

    • width="100%" pour une largeur responsive

    • height="250" ou plus selon la hauteur souhaitée

Exemple optimisé :

htmlCopierModifier<iframe width="100%" height="300" src="https://www.youtube.com/embed/XXXXXX" frameborder="0" allowfullscreen></iframe>

Étape 5 – Sauvegarder et tester

  1. Cliquez sur Prévisualiser

  2. Vérifiez que :

    • La vidéo s’affiche bien

    • Elle est bien centrée et responsive

    • Elle ne déborde pas du cadre

  3. Cliquez sur Sauvegarder

🐝 L’astuce de Beezy : Si la vidéo déborde, réduisez la hauteur ou la largeur dans le code iframe.


Ce qu’il faut retenir

✔️ Copiez un code iframe depuis YouTube ou Vimeo
✔️ Ajoutez-le dans un bloc HTML personnalisé
✔️ Adaptez les dimensions pour un affichage fluide
✔️ Testez la version mobile dans l’aperçu
✔️ Offrez à vos visiteurs une expérience plus vivante et interactive

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