Créer un formulaire d'inscription avec choix de session

  • singulieruniversel
    Demandé le 9 juillet 2024 à 20:04

    Bonsoir,

    j'ai besoin de vos conseils.

    Je voudrais modifier le formulaire d'inscription à des sessions de formations.

    • il y a différents modules de formation
    • un seul choix de module possible par validation de formulaire
    • plusieurs dates de session pour chaque module : il faudra en choisir une et une seule
    • les modules durent 1 à 3 jours selon la thématique

    J'ai créer une liste de produits qui sont les différents modules avec leur prix total et le montant à régler en ligne lors de la validation de la réservation/formulaire.

    j'aimerai que la question suivant le choix du module soit le choix de la date/periode de formation.

    Ce sera donc un champ conditionnel.

    Case à cocher ?

    • comment définir la condition ?
    • comment présenter le champ ? 1 date ou 1 période de date.


    par exemple,

    si le choix de module est maderothérapie,
    les choix de sessions seront
    - du 7 au 9 octobre 2024
    - du 2 au 4 février 2025
    - du 6 au 8 avril 2025

    si le choix de module est yoga du visage
    les choix de session seront :
    - le 5 janvier 2025
    - le 7 mars 2025

    Je vous remercie de votre aide,

    Dorothée



  • Vanessa Jotform Support
    Répondu le 9 juillet 2024 à 22:26

    Hi Daniel,

    Thanks for reaching out to Jotform Support. Unfortunately, our French Support agents are currently busy helping other Jotform users at the moment. I'll try to assist you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd prefer to receive support in French, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    I've checked the information you shared, do you want to show or hide fields based on the user's answer? For example, the user selected Module A, do you want to show different sessions option?

    After we hear back from you, we’ll better understand what’s going on and how to help.


  • singulieruniversel
    Répondu le 10 juillet 2024 à 06:27

    Hi,

    thanks for your help,

    Fields are all visible, user have to choice a date or period for his training.

    user will choose :

    1. the module
    2. the date or period of training in list depending of previous choice en 1.
    3. and fill out administrative fields
    4. and pay

    point 2. gives me a problem.
    User habe to choose 1 option and only one which can be a date or a date period and the options list will depend on the module chosen


    What type of field to choose? And what conditions should be established?


    Créer un formulaire dinscription avec choix de session Image 1 Screenshot 20

  • Devemer Jotform Support
    Répondu le 10 juillet 2024 à 09:15

    Hi Dorothée,

    If I'm understanding correctly, you have different sets of dates depending on the type of massage that'll be chosen, right? If so, I would suggest using multiple Date Picker Fields with specified configurations depending on each type of services you offer. Then, using Skip To/Hide a Page condition, have your respondents skip to the date picker that has the schedule based on the type of service they have chosen. Let me show you how to set that up:

    First off, I suggest using a Drop-down field to list out the services you offer.

    1. Click the Add Form Element button on the left side of Form Builder and choose Dropdown under the Basic tab.
    2. Click the gear icon that'll appear beside it, and go to the Options tab.
    3. Set the selection of your services in the Options section.

    Créer un formulaire dinscription avec choix de session Image 1 Screenshot 60

    Next, let's set the date picker.

    1. In Form Builder, click the Add Form Element button in the left part of the page.
    2. Then, under the Basic tab, click, drag, and drop a Date Picker field where you want it in the form.
    3. After adding the field, you'll see a gear icon that'll appear beside it. Click it to pull up the Date Picker Properties panel.
    4. Next, configure each date picker field based on the schedules that you have, based on the type of service that you offer. You can do this via the Limits tab and Options tab.

    Créer un formulaire dinscription avec choix de session Image 2 Screenshot 71

    Now, let's set the conditions.

    1. Still in Form Builder, in the top-orange navigation bar, go to Settings.

    2. Click the Conditions tab in the left panel, and click the blue Add Condition button.

    Créer un formulaire dinscription avec choix de session Image 3 Screenshot 82

    3. Choose Skip To/Hide a Page, and set the condition to be similar to the one below, and click on Save.

    Créer un formulaire dinscription avec choix de session Image 4 Screenshot 93

    4. Then, add another Skip To/Hide a Page condition and set it following the guide below. Make sure to click on Save once again after you're done.

    Créer un formulaire dinscription avec choix de session Image 5 Screenshot 104

    You can do this to each type of service that you offer.

    Give it a try and reach out again if you have any other questions.

  • singulieruniversel
    Répondu le 10 juillet 2024 à 14:26

    It isn't the good formn this is this one to build : https://form.jotform.com/221005177203037


    it's not concerning the voucher form. It's about the registration form.

    Then, I don't understand the condition logic in thisexample! i'm so sorry.

  • Devemer Jotform Support
    Répondu le 10 juillet 2024 à 15:18

    Hi Dorothée,

    If I got you correctly, in your previous messages, you said that your respondents will need to choose a date within a specified range only, depending on the module that they'll take, is that correct? If so, then the method in my first email should still work for this form. You'll need to add a dropdown list first of the modules that you'll be providing. Then, set up a date picker for each method that you offer. Lastly, set up the conditional logic using Skip To/Hide a Page to have the respondents be directed to the corresponding date picker of their chosen module. Here, let me walk you through it:

    Setting up the dropdown field

    1. In Form Builder, click the Add Form Element button on the left side of the page.
    2. Under the Basic tab, click, drag, and drop a Dropdown field on your desired location in the form.
    3. Then, click the gear icon that'll appear beside the dropdown field.
    4. Go to the Options tab and list out your methods in the Options section.

    Créer un formulaire dinscription avec choix de session Image 1 Screenshot 100

    Setting up the date picker

    1. Still in Form Builder, click the Add Form Element button once again.

    2. Under the Basic tab, click, drag, and drop a Date Picker field just below your dropdown field.

    3. Click the gear icon that'll appear beside it, and under the General tab, rename the field to the module that it'll be set for.

    Créer un formulaire dinscription avec choix de session Image 2 Screenshot 111

    4. Go to the Limits tab and set the date range in which you'd like to have available schedules only. Since you want certain ranges available only, I would suggest following the guide below. Doing so, only the set ranges will be available for picking.

    Créer un formulaire dinscription avec choix de session Image 3 Screenshot 122

    5. Follow the same method when adding a date picker for your other modules. Another example below is for the module yoga du visage:

    Créer un formulaire dinscription avec choix de session Image 4 Screenshot 133

    Setting up Conditions

    1. In Form Builder, in the top-orange navigation bar, go to Settings.

    2. Click the Conditions tab in the left panel, and choose the Skip To/Hide a Page option.

    Créer un formulaire dinscription avec choix de session Image 5 Screenshot 144

    3. Set the condition by following the guide below, and click on Save.

    Créer un formulaire dinscription avec choix de session Image 6 Screenshot 155

    4. Then, click on the blue Add Condition button and choose Skip To/Hide a Page option again.

    Créer un formulaire dinscription avec choix de session Image 7 Screenshot 166

    5. Set the condition again by following the guide below, and click on Save.

    Créer un formulaire dinscription avec choix de session Image 8 Screenshot 177

    Make sure to do both conditions on each module you have, and you should be good to go. Check out the screencast below for the expected result once applied:

    Créer un formulaire dinscription avec choix de session Image 9 Screenshot 188

    Also, here's my cloned version of your form where I demonstrated this at. If you want to clone it for further testing, feel free to click here.

    Give it a try and let us know how it goes.


  • singulieruniversel
    Répondu le 11 juillet 2024 à 05:42

    Oh non, je suis désolée,

    j'exprime très mal ma demande. Votre réponse, si détaillée soit-elle, ne convient pas. JE vous fais perdre un temps fou. toutes mes excuses. Et je me trompe dans les liens systématiquement.

    Je vais essayer d'être plus claire et détaillée, je vais essayer en français, mon anglais n'étant pas très bon.

    Reprenons l'arborescence nécessaire :Créer un formulaire dinscription avec choix de session Image 1 Screenshot 20

    https://eu.jotform.com/build/221524161303037


    Question 1 :

    choix du module parmi une liste

    choix unique dans liste  + obligatoire


    Question 2 :

    LA QUESTION QUI ME POSE PROBLEME

    choix d'une date ou d'une période parmi une liste

    choix unique dans liste + obligatoire

    liste affichée en fonction de la réponse à la question 1

    Le choix n'est pas libre ; il est à sélectionner selon des propositions.

    Les propositions dépendent du module choisi. mon calendrier de formations est établi pour toute l'année et selon le module sélectionné à la question 1, la question 2 leur permet de choisir une date/période pour ce module choisi.

    • Au module maderothérapie correspond 3 PERIODES de dates prédéfinies (3 JOURS CONSECUTIFS),
    • les choix possibles pour l'utilisateur sont :
    • du 7 au 9 octobre 2024 ou du 2 au 4 février 2025 ou du 6 au 8 avril 2025
    • Au module yoga du visage correspond 2 JOURS uniques et distincts, l'utilisateur doit en choisir 1 seul
    • les choix possibles : 5 janvier 2025 / 7 mars 2025

    Le formulaire comportera une dizaine de modules et pour chacun plusieurs dates ou périodes. Chaque module a une durée intrinsèque de 1 à 3 jours fixes. Yoga du visage sera toujours 1 unique journée. Maderothérapie toujours 3 jours.

    Ainsi si l'utilisateur en question 1 choisit madero, la question 2 lui proposera de choisir 1 période parmi 3 périodes différentes.

    Si l'utilisateur en question 2 choisit yoga du visage, la question 2 lui proposera de choisir 1 date parmi 2 dates différentes.

    Et la même chose pour les 8 autres modules.


    Ces dates/périodes changeront chaque année évidemment.


    je vous remercie sincèrement de votre aide






  • Frédéric Jotform Support
    Répondu le 11 juillet 2024 à 08:45

    Bonjour Dorothée,

    Pour arriver à vos fins, il ne faut pas utiliser l'élément Liste de produit car cet élément ne permet pas de lui appliquer des conditions selon les choix qui y sont effectué. Ainsi la solution consiste à utiliser un élément Question à choix unique, ce qui vous assure qu'un seul choix sera fait, d'y définir des valeurs de calcul pour associer un prix à chaque choix possible, puis d'appliquer une condition qui fait apparaître les dates associées à ce choix.

    Ensuite il s'agit d'ajouter le widget Calculatrice pour formulaire qui se mettra à jour selon le choix fait, et de régler votre intégration de paiement en ligne pour qu'il prenne le prix depuis la valeur mise à jour par le widget.

    Permettez-moi de vous guider pas à pas.

    1. Dans le Générateur de Formulaires, sélectionnez Question à choix unique dans le panneau de gauche, et redéfinissez les choix de formation.
    2. CLiquez ensuite sur l'engrenage du champ.Créer un formulaire dinscription avec choix de session Image 1 Screenshot 150
    3. Dans le panneau de droite, allez à l'onglet Options.
    4. Activez le paramètre Valeurs de calcul.
    5. A la section Valeurs de calcul, informez chaque choix avec prix associé.Créer un formulaire dinscription avec choix de session Image 2 Screenshot 161
    6. Une fois fait, supprimer votre liste de produits.Créer un formulaire dinscription avec choix de session Image 3 Screenshot 172
    7. Allez à l'onglet Widgets du panneau de gauche.
    8. Ajoutez le widget Calculatrice pour formulaire.
    9. Cliquez sur sa baguette magique.
    10. Dans le panneau de droite, clquez sur + Ajouter un champ, et sélectionnez le champs de la formation choisie.
    11. CLiquez sur Enregistrer.Créer un formulaire dinscription avec choix de session Image 4 Screenshot 183
    12. Cliquez ensuite sur l'engrenage.
    13. Allez à l'onglet Avancés.
    14. Activez le paramètres Cacher le champ.Créer un formulaire dinscription avec choix de session Image 5 Screenshot 194

    Il s'agit maintenant d'ajouter les choix des dates.

    1. Ajoutez autant d'éléments que de choix de dates associées aux différents choix de formation possibles.Créer un formulaire dinscription avec choix de session Image 6 Screenshot 205
    2. Ensuite, pour chacun des champs de dates, cliquez sur l'engrenage.
    3. Allez à l'onglet Avancés.
    4. Et activer le paramètres Cacher le champ.Créer un formulaire dinscription avec choix de session Image 7 Screenshot 216
    5. Ensuite, dans la barre de navigation orange en haut de la page, cliquez sur Paramètres
    6. Dans le panneau de gauche, allez à l'onglet Conditions.
    7. Choisissez Montrer/Cacher un champ.Créer un formulaire dinscription avec choix de session Image 8 Screenshot 227
    8. Et définissez la condition qui montre le champ des dates si la Valeur du champ Formation choisie est égale à la formation associée, comme suit.
    9. Et cliquez sur Enregistrer.Créer un formulaire dinscription avec choix de session Image 9 Screenshot 238
    10. Répétez ces étapes 6 à 9 pour chaque formation choisie et champ de dates associés.

    Pour terminer, il suffit de passer le prix de l'acompte dans l'intégration paiement.

    1. Choisissez votre intégration de paiement en ligne.
    2. Ce faisant, il se souviendra peut-être qu'une Liste de produit était associée. A la section Type de paiement, dans le menu, choisissez Montant défini par l'utilisateur.Créer un formulaire dinscription avec choix de session Image 10 Screenshot 249
    3. Et confirmez que vous ne souhaitez plus la liste de produits.Créer un formulaire dinscription avec choix de session Image 11 Screenshot 2510
    4. Sélectionnez votre devise.
    5. Réglez le Type de paiement à Montant défini par l'utilisateur.
    6. et Obtenir la valeur depuis le champ Calcul du wigdet Calculatrice pour formulaire.Créer un formulaire dinscription avec choix de session Image 12 Screenshot 2611
    7. Connectez le formulaire à votre passerelle de paiement. Alors le champ du prix se met à jour.
    8. Il ne vous reste plus qu'à cliquer sur Enregistrer.Créer un formulaire dinscription avec choix de session Image 13 Screenshot 2712

    Ce qui donne le résultat suivant:

    Créer un formulaire dinscription avec choix de session Image 14 Screenshot 2813

    Si vous voulez, vous pouvez cloner mon exemple fondé sur un clone que j'ai fait de votre formulaire ici.

    Faites un essai et dites-nous comment ça se passe. 

  • singulieruniversel
    Répondu le 11 juillet 2024 à 14:51

    Ca marche ! tellement fastidieux à mettre en place, je n'avais toujours pas la logique seule. Alors que ca ressemble à la meme logique que pour mes cartes cadeau !

    Mais tellement simple ensuite à mettre a jour l'année prochaine. Merci merci merci !

Votre réponse