Comment créer des quiz de type évaluation de la personnalité à l'aide du plugin Gravity Forms

Avez-vous répondu au quiz « Quel genre de X êtes-vous » ? J'ai.

La plupart du temps, vous pouvez prédire le résultat et le manipuler. Néanmoins, c'est tout aussi amusant. Il s'agit essentiellement d'un quiz d'évaluation de la personnalité très grossier. Les réponses sont à choix multiples et sont toujours affichées dans un ordre particulier. Les résultats sont basés sur les réponses que vous choisissez.

Donc, disons qu'il y a 4 choix pour chaque résultat (a,b,c,d). La plupart du temps, les a signifieraient que vous êtes de type A, la plupart du temps les b signifieraient que vous êtes de type B, et ainsi de suite. Facultativement, les réponses ont des poids et vous évaluez en fonction de votre score. Vous avez eu l'idée.

Si vous ne savez pas comment ajouter un tel quiz sur votre site Web WordPress ou LearnDash, je vous suggère de rechercher un plugin. Une solution appropriée dépendra vraiment de vos besoins. Mais, si vous voulez un contrôle total sur la fonctionnalité, vous feriez mieux de le construire vous-même ou de le faire construire sur mesure par des professionnels .

Je vous préviens tout de suite, qu'il y aura du code impliqué. Ne stresse pas. Mais le code ne fait pas peur. Une fois que vous avez la logique en place, le codage est un jeu d'enfant.

Voici ce que nous devrons faire :

1. Obtenez le plugin Gravity Forms (si vous ne l'avez pas déjà)
2. Créer un questionnaire de type d'évaluation
3. Évaluer et afficher les résultats

Pourquoi Gravity Forms ?

Nous utiliserons le plugin Gravity Forms comme base pour le quiz. La raison pour laquelle nous avons sélectionné le plugin Gravity Forms est qu'il réduit BEAUCOUP l'effort !

Vous voyez, la fonctionnalité dont vous avez besoin est facilement disponible. Vous avez la possibilité d'ajouter des boutons radio et de diviser sans effort les questions en plusieurs sections pour créer un formulaire en plusieurs parties. (Cela sera clair lorsque nous créerons réellement le formulaire).

Vous avez la possibilité de stocker les résultats dans un champ masqué, de styliser le formulaire selon votre thème, d'autoriser l'envoi de notifications lors de la soumission du formulaire, ainsi que la possibilité de traiter les valeurs à l'aide des crochets disponibles.

Vous avez essentiellement votre travail coupé.

Comment créer le quiz ?

Étant donné que nous allons essentiellement créer un quiz, certains d'entre vous se demandent peut-être si nous allons utiliser le module complémentaire Quiz pour Gravity Forms. Nous n'utiliserons pas cet add-on, car il ne nous aide pas. Cet add-on se concentre sur la création de quiz de type examen, et au lieu de le peaufiner, nous ferions mieux de créer notre propre solution.

Passons à autre chose.

Pour chaque quiz que nous créons, nous devons créer un nouveau formulaire. À titre d'exemple, considérons que nous voulons créer un quiz « Quel super-héros êtes-vous » .

Étape 1 : Nous devrons créer un nouveau formulaire et le nommer "Quel super-héros êtes-vous".

Étape 2 : Chaque question devra être ajoutée en tant que champ "Boutons radio". Ajoutez la question comme nom de champ et les options comme réponses possibles.

Étape 3 : Pour attribuer des pondérations à chaque réponse, cochez la case "Afficher les valeurs" pour le champ et ajoutez des valeurs.

Création du questionnaire

Étape 4 : Si vous devez répondre à toutes les questions, faites de chaque question un champ obligatoire.

Étape 5 : Pour formater l'affichage du formulaire, vous pouvez choisir de créer un formulaire en plusieurs parties, et d'ajouter une question sur chaque section. Pour cela, vous devez ajouter un champ "Saut de page" après chaque question.

Étape 6 : Nous utiliserons également un champ masqué pour stocker le résultat. Il sera utilisé une fois le formulaire rempli mais avant l'envoi des notifications. Ajoutez ce champ à la fin du formulaire dans la dernière section.

Ajout d'un champ masqué

Une fois que vous avez les champs en place, enregistrez le formulaire. Faites attention aux identifiants de formulaire et de champ, nous en aurons besoin dans notre code.

Comment évaluer et afficher les résultats ?

Maintenant, nous sommes arrivés au point principal. Nous devons évaluer les entrées et afficher les résultats correspondants. Pour cela, nous devons utiliser le crochet ' gform_pre_submission' . À l'aide de ce crochet, nous pouvons calculer l'agrégat des résultats et mettre à jour la valeur du champ masqué avant que les entrées du formulaire ne soient enregistrées.

Considérons que vous avez ajouté 5 questions et que le sixième champ est le champ caché. Puisque nous avons attribué une valeur à chaque champ, nous devrions calculer le total de tous les champs sélectionnés et afficher le résultat en fonction du total. Dans la variable $_POST, la clé de chaque champ serait input_{field_id}. Par exemple, pour le champ id 4, la valeur serait $_POST["input_4"] ;

 add_filter( "gform_pre_submission_3" , "wdm_evaluate_results" );

fonction wdm_evaluate_results ($form)
{
    $total = 0 ;

    // ajoute les valeurs des résultats sélectionnés
    $total + = $_POST[ "input_1" ] ;
    $total + = $_POST[ "input_2" ] ;
    $total + = $_POST[ "input_3" ] ;
    $total + = $_POST[ "input_4" ] ;
    $total + = $_POST[ "input_5" ] ;

    // définit la valeur du champ caché
    $_POST[ "input_6" ] = $total ;
}

Maintenant que nous avons le résultat, nous pouvons afficher un message en utilisant les paramètres de notification de confirmation du formulaire et en utilisant une logique conditionnelle.

Comment afficher les résultats

Dans la continuité de notre exemple, dites que vous êtes 'Batman' si votre score est inférieur à 30. Dans ce cas vous devez ajouter une confirmation, qui ne s'affichera que si la valeur du champ masqué est inférieure à 30.

Et vous êtes prêt ! Vous avez votre propre quiz d'évaluation personnelle.

Emballer

La majorité de nos clients qui cherchent toujours à mettre à niveau les modules de quiz de leur site sont principalement des propriétaires de sites Web LMS et LearnDash. Si vous en faites partie, voici quelque chose qui pourrait vous intéresser.

C'est tout pour aujourd'hui. Assurez-vous de l'essayer et envoyez-moi les liens des quiz d'évaluation que vous créez en utilisant la section des commentaires ci-dessous !

Acclamations!

Images par freepik