Passer au contenu principal

Comment afficher différentes vidéos selon les réponses des utilisateurs

Découvrez comment afficher différentes vidéos selon les sélections des utilisateurs à l’aide de questions à liste déroulante et de la logique conditionnelle.

La logique conditionnelle de Formaloo est un outil puissant pour créer des formulaires dynamiques et interactifs qui s’adaptent aux saisies de chaque utilisateur. Vous pouvez ainsi transformer un simple formulaire en expérience sur mesure, que vous souhaitiez afficher des vidéos, afficher ou masquer des champs, envoyer des notifications par e-mail personnalisées ou rediriger les utilisateurs vers différentes pages.

Dans ce guide, nous nous concentrons sur un cas d’usage particulièrement engageant : afficher des vidéos selon la réponse de l’utilisateur.

Cette fonctionnalité est idéale pour les ateliers, les programmes de formation, les cours en ligne et les portails de formation des clients. En suivant ces étapes, vous pourrez créer un formulaire qui affiche instantanément la bonne vidéo dès que l’utilisateur fait une sélection, ce qui le maintient engagé et lui fait gagner du temps.


Pourquoi utiliser la logique pour afficher des vidéos ?

Imaginez que vous soyez Customer Success Specialist chez Formaloo et que vous prépariez une page de destination pour un atelier. Vous souhaitez que les participants choisissent le sujet qui les intéresse le plus, puis regardent instantanément le tutoriel correspondant, sans chercher dans des menus ni faire défiler des pages.

Cette approche profite à la fois à vous et à votre public :

  • Expérience personnalisée : les utilisateurs ne voient que le contenu qui correspond à leurs centres d’intérêt.

  • Engagement accru : les vidéos se chargent instantanément selon leur choix.

  • Design plus épuré : votre page reste aérée, car le contenu non pertinent est masqué.

Dans cet exemple, nous affichons des vidéos, mais la même configuration de logique conditionnelle peut servir à afficher des images, des blocs de texte, des formulaires ou des sections entières selon les saisies de l’utilisateur.


Étape 1 : créez votre formulaire et vos questions

Avant d’ajouter de la logique, vous devez mettre en place les bons champs. Dans notre exemple, nous utiliserons un champ Dropdown pour choisir la vidéo et des champs Embed Video pour chaque tutoriel.

  1. Dans l’éditeur de formulaire, cliquez sur + Add Field (en haut à gauche).

  2. Recherchez Dropdown, ajoutez-le et remplacez son titre par :
    ​Quelle vidéo souhaitez-vous regarder ?

  3. Ajoutez les choix suivants :

    1. Automate interview invites with one click | Job application flow made easy

    2. Choose the best applicant for the role with Formaloo AI

    3. What are variables and how to use them

    4. How to add logic to your forms in Formaloo

  4. Ajoutez chaque vidéo dans un champ Embed Video distinct, avec les mêmes titres et URL que ci-dessus.

Mettre en place une structure claire dès maintenant facilitera grandement la configuration de la logique par la suite, et contribuera à la cohérence visuelle de votre formulaire.

💡 Conseil de pro : utilisez l’insertion en masse pour ajouter tous les choix de la liste déroulante en une seule fois au lieu de les saisir manuellement : un gain de temps considérable lorsque les options sont nombreuses.


Étape 2 : ajoutez la logique conditionnelle pour afficher les vidéos

Votre formulaire étant prêt, nous allons ajouter les règles de logique conditionnelle pour que seule la vidéo choisie s’affiche.

  1. Dans l’éditeur de formulaire, cliquez sur l’icône Settings en haut.

    1. Dans le panneau de droite, cliquez sur Advanced Logic.

  2. Repérez le champ : Quelle vidéo souhaitez-vous regarder ?

  3. Ajoutez une règle pour chaque choix :

  4. Cliquez sur Save pour confirmer vos règles.

En associant chaque choix directement à sa vidéo, vous garantissez que la sélection de l’utilisateur produit instantanément le résultat souhaité, sans clic ni chargement de page supplémentaire.

💡 Conseil de pro : masquez le bouton Submit dans les paramètres de votre formulaire si vous souhaitez que la page ressemble davantage à un espace vidéo ou à une page de destination interactive qu’à un formulaire traditionnel.


Étape 3 : vérifiez et testez votre formulaire

Les tests sont essentiels pour vous assurer que votre logique fonctionne parfaitement avant la mise en ligne.

  1. Ouvrez l’aperçu de votre formulaire.

  2. Au départ, seule la liste déroulante Quelle vidéo souhaitez-vous regarder ? doit être visible.

  3. Sélectionnez chaque option tour à tour et vérifiez que la bonne vidéo s’affiche instantanément.

  4. Voici à quoi doit ressembler votre formulaire : tutoriels vidéo des ateliers

Cette étape vous permet de vérifier qu’il n’y a aucune erreur dans votre configuration logique, et d’ajuster les espacements, la mise en page et le design pour une expérience utilisateur optimale.

💡 Conseil de pro : utilisez la Logic Map pour visualiser toutes vos règles. Il est ainsi beaucoup plus facile de vérifier que chaque condition est correctement reliée et que rien ne manque.


Et ensuite : automatisez les suivis avec la logique « On Update »

Maintenant que vous avez créé un formulaire qui affiche dynamiquement des vidéos selon les réponses des utilisateurs, vous pouvez aller plus loin en automatisant des actions de suivi lorsque les utilisateurs interagissent avec votre formulaire, et pas seulement lors de la première soumission.

C’est là qu’intervient la logique « On Update ». Grâce à cette fonctionnalité, vous pouvez déclencher des actions chaque fois qu’une réponse au formulaire est mise à jour. Par exemple, si un utilisateur modifie plus tard sa sélection de vidéo, vous pouvez :

  • Lui envoyer automatiquement par e-mail des ressources associées ou un questionnaire de suivi

  • L’inscrire à un parcours d’apprentissage précis dans votre système de formation

  • Déclencher un webhook pour mettre à jour votre CRM ou votre LMS

  • Avertir votre équipe dans Slack afin qu’elle puisse assurer un suivi personnalisé

C’est particulièrement efficace pour les portails de formation, les parcours d’intégration et les espaces de formation des clients, où les utilisateurs peuvent revenir sur le formulaire pour découvrir de nouvelles vidéos au fil du temps. Au lieu de suivre ces mises à jour manuellement, Formaloo s’en charge pour vous en temps réel.

Pour découvrir comment configurer la logique « On Update » pour votre formulaire vidéo ou tout autre workflow, consultez notre guide détaillé : Qu’est-ce que la logique « On Update » et comment fonctionne-t-elle

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