Passer au contenu principal
Toutes les collectionsSitesFormulaires, Sondages, Quiz
Personnaliser la Page des Résultats d’un Quiz

Personnaliser la Page des Résultats d’un Quiz

Personnaliser le modèle de résultats de vos quiz pour offrir une expérience engageante avec des analyses détaillées par catégorie.

Corinna De CrocoClick avatar
Écrit par Corinna De CrocoClick
Mis à jour il y a plus d'un mois

Le modèle de résultats d'un quiz est la dernière page affichée aux utilisateurs après la soumission d'un quiz.

Il permet de présenter les résultats de manière claire et engageante, en affichant par exemple un message de félicitations et des indicateurs détaillés, tels que le pourcentage de points obtenus par catégorie.

Ce modèle est entièrement personnalisable afin de refléter votre image de marque et d'offrir une expérience sur-mesure à vos contacts.

Accéder au modèle de résultats

  1. Connectez-vous à votre compte CrocoClick.

  2. Dans l’onglet Sites, ouvrez le Constructeur de Quiz.

  3. Sélectionnez un quiz existant dans la liste, ou cliquez sur + Add Quiz pour créer un nouveau quiz.

  4. Faites défiler jusqu'en bas de l'éditeur pour trouver l'option d'édition du Result Template et cliquez dessus.

Personnaliser le modèle de résultats

Le modèle est divisé en quatre sections principales : Header, Categories, CTA et Footer. Cliquez sur chaque section pour la modifier selon vos besoins.

1. Header

Contenu

  • Configurez la visibilité du nom de l'entreprise.

  • Choisissez la mise en page par défaut pour l'en-tête (aligné à gauche ou à droite).

  • Téléchargez votre logo depuis la médiathèque.

  • Ajustez la typographie du nom de l'entreprise.

    image

Marges & Rembourrage

  • Entrez les valeurs appropriées pour ajuster les marges et le rembourrage.

    image

  • Utilisez le curseur ou choisissez parmi les options proposées.

    image
  • Mettez à jour l'unité de mesure si nécessaire.

    image

Couleur d'arrière-plan

  • Entrez un code hexadécimal ou sélectionnez une couleur dans le sélecteur pour harmoniser l'arrière-plan avec votre branding.

2. Categories, Style et Niveau des scores (Score Tiers)

Style

  • Cliquez sur la carte de score pour ouvrir la section Categories.

    image
  • Dans l'onglet Style, personnalisez le contenu dynamique à afficher selon la note obtenue. Activez ou désactivez chaque niveau et saisissez le message correspondant.

  • Configurez l'affichage des scores : choisissez d'afficher le score global et/ou les score tiers, et précisez leur position.

  • Ajustez les marges, le rembourrage et la couleur d'arrière-plan selon vos préférences.

Score Tiers

  • Accédez au menu Score Tiers pour personnaliser les couleurs et les étiquettes associées aux différents niveaux de performance.

  • Pour ajouter un niveau, cliquez sur + Add Tier ; pour en supprimer un, cliquez sur l'icône de la corbeille.

3. Appel à l'action

Contenu

  • Personnalisez le contenu dynamique affiché selon la note obtenue.

  • Saisissez le texte à afficher sur le bouton CTA et indiquez l’URL de redirection correspondante.

Style du bouton

  • Modifiez le style du bouton en mettant à jour la couleur du texte et du bouton. Vous pouvez entrer un code hexadécimal ou choisir une couleur via le sélecteur.

Marges & Rembourrage et Arrière-plan

  • Ajustez les marges, le rembourrage et la couleur d'arrière-plan pour harmoniser le design avec votre marque.

4. Footer

Contenu

  • Personnalisez la visibilité du nom de l'entreprise.

  • Téléchargez votre logo depuis la médiathèque.

  • Ajustez la typographie du nom de l'entreprise.

  • Ajoutez vos liens vers les réseaux sociaux pour encourager l'engagement.

  • Activez ou désactivez l'option Sticky pour contrôler l'affichage du pied de page.

Marges & Rembourrage et Arrière-plan

  • Configurez les marges et le rembourrage.

  • Sélectionnez une image ou une couleur d'arrière-plan afin de maintenir la cohérence avec votre identité de marque.

Sauvegarder et tester

Une fois toutes les sections personnalisées, cliquez sur Sauvegarder pour enregistrer vos modifications.

BONUS : Comment envoyer des mails personnalisés selon le profil/score du contact ?

Avec le modèle de résultats de quiz, vous pouvez aller plus loin en personnalisant le suivi de vos contacts. Par exemple, vous pouvez configurer le bouton d'appel à l'action pour qu'il redirige vers un formulaire spécifique.

Et dans ce formulaire, vous pouvez demander des informations essentielles telles que :

  • Le prénom du contact

  • Son adresse e-mail

  • Sa catégorie ou son score dominant

Une fois ces données récupérées, il suffit de créer une automatisation avec une logique "si/alors". Par exemple :

  • Si le contact a sélectionné "catégorie A", alors envoyez-lui un email personnalisé adapté à ses résultats.

  • Si le contact a sélectionné "catégorie B", alors déclenchez une autre séquence d'email spécifique.

  • Et ainsi de suite pour chaque catégorie.

Cette approche vous permet d’envoyer des messages sur-mesure et de renforcer l’engagement de vos contacts en leur proposant un suivi pertinent et personnalisé en fonction de leur profil et de leurs performances.

💡ASTUCE : Vous pouvez désormais automatiser cette partie sans avoir besoin de créer un deuxième formulaire. Consultez notre article sur l'automatisation des actions post-soumission de quiz pour en apprendre plus à ce sujet

Conclusion

Votre modèle de résultats de quiz est maintenant entièrement personnalisé pour offrir une expérience engageante et cohérente avec votre image de marque.

Grâce à ce modèle, vos apprenants recevront un retour détaillé sur leurs performances, renforçant ainsi leur engagement et leur motivation.

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