Comment créer un quiz sur votre site web
Création d'un quiz interactif sur le marketing avec un consultant virtuel, questions ramifiées et collecte des réponses par l'intermédiaire de services de collecte de données.
Un quiz marketing est un formulaire étape par étape qui peut aider à transformer les visiteurs en clients en les guidant vers le bon produit ou service, en identifiant leurs désirs, leurs besoins et leurs points de douleur, et en recueillant des informations essentielles, y compris les coordonnées, pour accélérer le cycle de vente.
Lisez ce guide pour apprendre à ajouter et à configurer un quiz marketing sur votre site Web Tilda .
Lisez ce guide pour apprendre à ajouter et à configurer un quiz marketing sur votre site Web Tilda .
Cette fonctionnalité est actuellement en phase de test bêta. Pour y accéder, il suffit de cocher la case "Opt-in to become a beta-tester and try new features before they are released" (accepter de devenir bêta-testeur et d'essayer les nouvelles fonctionnalités avant leur lancement) dans votre compteTilda .
Comment ajouter un quiz et configurer les paramètres de base ?
Quels sont les types d'étapes disponibles dans le formulaire de quiz et comment les configurer ?
Ajout d'un conseiller virtuel qui accompagne le visiteur dans ses démarches
Comment afficher ou masquer des étapes spécifiques en fonction des réponses du visiteur ?
Comment configurer la transmission des données à des services tiers ?
Ajouter un bloc de quiz
Accédez à la bibliothèque de blocs → la catégorie Formulaire → sélectionnez le bloc QZ101 ou l'une de ses variantes (QZ101A-QZ101F). Les variantes diffèrent en termes de conception, de disponibilité des consultants et de branchement des réponses.
Qu'est-ce que la ramification ?
Le branchement est un paramètre des formulaires qui permet d'afficher ou de masquer un champ spécifique en fonction des valeurs des champs précédents. En savoir plus→
Un quiz peut être positionné d'un côté ou de l'autre de la page (avec une largeur en colonnes et une hauteur en pixels réglables), étendu en plein écran ou affiché dans une fenêtre contextuelle.
Vous pouvez configurer cela dans l'onglet Paramètres → Paramètres principaux du bloc de quiz. Si l'option "Ouvrir le bloc dans une fenêtre contextuelle" est activée, un onglet supplémentaire contenant les paramètres de la fenêtre contextuelle apparaît dans l'onglet Paramètres.
Vous pouvez configurer cela dans l'onglet Paramètres → Paramètres principaux du bloc de quiz. Si l'option "Ouvrir le bloc dans une fenêtre contextuelle" est activée, un onglet supplémentaire contenant les paramètres de la fenêtre contextuelle apparaît dans l'onglet Paramètres.
Dans l'onglet Paramètres principaux, vous pouvez également spécifier comment les champs du formulaire seront disposés et si le consultant fera partie du formulaire.
Configuration de la mise en page des étapes du quiz : Vous pouvez choisir d'afficher les questions sur une ou deux colonnes avec des rapports de largeur variables
Choisissez la position du panneau contenant les informations de base pour l'utilisateur (et le consultant, s'il est activé) : Vous pouvez sélectionner la vue par défaut ou placer le panneau en haut de la fenêtre, ou sur le côté gauche ou droit.
L'onglet "Style du formulaire de quiz" permet de personnaliser le design du formulaire de quiz lui-même, y compris le rayon de la bordure, la couleur de la bordure et les couleurs d'arrière-plan de la carte et du panneau. Vous pouvez également ajuster l'apparence d'éléments tels que l'indicateur de progression, le compteur d'étapes et les composants du panneau du consultant.
Les autres onglets (Style de saisie du formulaire, Boutons, Typographie, Animation) ont des paramètres similaires ou identiques à ceux trouvés dans d'autres blocs de la catégorie "Formulaire".
Comment mettre en place des étapes de quiz
Pour configurer les étapes du quiz, rendez-vous dans l'onglet Contenu du bloc contenant le formulaire de quiz → onglet "Etapes du formulaire de quiz".
Une étape représente chaque question ou écran du quiz. Le nouveau bloc propose plusieurs types d'étapes :
Couverture
Il s'agit de la première étape du quiz, que vous pouvez personnaliser en y ajoutant un texte et une photo attrayants. Ce type d'étape remplit une fonction similaire à celle de la section "héros" d'une page d'atterrissage : Attirer l'attention, mettre en évidence les principaux avantages liés à la réalisation du quiz et motiver les utilisateurs à participer.
Couverture
Il s'agit de la première étape du quiz, que vous pouvez personnaliser en y ajoutant un texte et une photo attrayants. Ce type d'étape remplit une fonction similaire à celle de la section "héros" d'une page d'atterrissage : Attirer l'attention, mettre en évidence les principaux avantages liés à la réalisation du quiz et motiver les utilisateurs à participer.
Types d'étapes : Question avec réponses, Question avec réponses sous forme d'images, Quantité (curseur de plage)
Ces étapes constituent le cœur interactif du quiz. Elles permettent de poser des questions et de fournir des options de réponse. Vous pouvez également ajouter un message de consultant personnalisé pour chaque question spécifique et appliquer une logique de branchement : les étapes suivantes s'affichent en fonction des réponses précédentes de l'utilisateur.
Ces étapes constituent le cœur interactif du quiz. Elles permettent de poser des questions et de fournir des options de réponse. Vous pouvez également ajouter un message de consultant personnalisé pour chaque question spécifique et appliquer une logique de branchement : les étapes suivantes s'affichent en fonction des réponses précédentes de l'utilisateur.
Type d'étape : Formulaires de contact
Ce type d'étape vous permet de créer un écran avec un formulaire pour collecter les informations de contact du visiteur, qui peut être utilisé comme étape finale du quiz. Vous pouvez inclure différents champs de données et configurer un message principal et un message pour le consultant.
Ce type d'étape vous permet de créer un écran avec un formulaire pour collecter les informations de contact du visiteur, qui peut être utilisé comme étape finale du quiz. Vous pouvez inclure différents champs de données et configurer un message principal et un message pour le consultant.
Type d'étape : Étape à champs multiples
Ce type de champ vous permet de créer un écran avec un formulaire comprenant des champs personnalisés. Contrairement au formulaire de contact, cet écran n'affiche que les champs eux-mêmes, sans aucun message supplémentaire.
Ce type de champ vous permet de créer un écran avec un formulaire comprenant des champs personnalisés. Contrairement au formulaire de contact, cet écran n'affiche que les champs eux-mêmes, sans aucun message supplémentaire.
Types d'étapes : Résultat : contenu (image + texte) et Résultat : redirection
Ces types d'étapes vous permettent de terminer logiquement le quiz, soit par un écran final comprenant un texte tel qu'un message de remerciement et une image, soit en redirigeant vers une page souhaitée (telle qu'une page présentant les offres promotionnelles en cours). Vous pouvez également utiliser la logique de branchement pour créer différents écrans finaux possibles qui seront affichés en fonction des réponses précédentes des utilisateurs.
Ces types d'étapes vous permettent de terminer logiquement le quiz, soit par un écran final comprenant un texte tel qu'un message de remerciement et une image, soit en redirigeant vers une page souhaitée (telle qu'une page présentant les offres promotionnelles en cours). Vous pouvez également utiliser la logique de branchement pour créer différents écrans finaux possibles qui seront affichés en fonction des réponses précédentes des utilisateurs.
D'autres types d'étapes portent le même nom et fonctionnent de la même manière que les types de champs dans les formulaires standard. Lorsque vous ajoutez une de ces étapes, un nouvel écran avec un seul champ apparaît. Pour en savoir plus sur les types de champs disponibles, consultez le guide Comment configurer les formulaires de capture de données.
Comment configurer le panel de consultants
Dans certaines étapes du quiz, vous pouvez ajouter un conseiller virtuel - un message personnalisé d'une personne réelle, par exemple l'un de vos employés - qui guidera le visiteur tout au long du quiz en lui donnant des conseils ou en l'encourageant.
Pour configurer l'aspect général du panneau, y compris sa couleur d'arrière-plan, la couleur d'arrière-plan du message du consultant et les paramètres d'affichage de l'image de l'icône, allez dans l'onglet Paramètres du bloc → Style de formulaire Quiz.
Dans l'onglet Contenu du bloc → Autres, vous pouvez spécifier le nom du consultant, télécharger son image et ajouter un message général. Ces informations seront affichées à toutes les étapes du formulaire du quiz qui comportent des champs de saisie.
Vous pouvez spécifier un message unique du consultant pour chaque étape individuellement. Pour ce faire, allez à l'étape souhaitée et cliquez sur "Plus : conditions de visibilité, consultant".
Comment configurer le branchement
La logique de branchement, ou conditions de visibilité des champs, est une fonctionnalité qui vous permet d'afficher ou de masquer des champs spécifiques en fonction des valeurs saisies lors des étapes précédentes. En d'autres termes, vous pouvez contrôler quels champs ou questions sont affichés en fonction des réponses de l'utilisateur.
Ceci est particulièrement utile dans un quiz à choix multiples, car la logique de branchement améliore l'interactivité et la personnalisation en présentant des questions de suivi pertinentes et en adaptant le résultat final.
Pour en savoir plus sur la logique de branchement, consultez l'article Comment ajouter une logique de branchement aux formulaires en ligne Tilda ou regardez le didacticiel vidéo ci-dessous.
Ceci est particulièrement utile dans un quiz à choix multiples, car la logique de branchement améliore l'interactivité et la personnalisation en présentant des questions de suivi pertinentes et en adaptant le résultat final.
Pour en savoir plus sur la logique de branchement, consultez l'article Comment ajouter une logique de branchement aux formulaires en ligne Tilda ou regardez le didacticiel vidéo ci-dessous.
Comment connecter des services de collecte de données externes pour suivre et stocker les soumissions ?
Pour collecter des données à partir du quiz, connectez un ou plusieurs services de collecte de données tiers. Choisissez le service en fonction de vos objectifs et de vos préférences. Pour obtenir une liste de tous les services intégrés disponibles et des instructions sur la manière de les connecter, consultez le guide ou le didacticiel vidéo ci-dessous.
