Problème sur la partie paiement de mon formulaire

  • Chantal_Peccatte
    Demandé le 5 juillet 2023 à 02:47

    Bonjour,

    J'ai toujours ce problème sur le visuel de mon formulaire où les sous titres pour la carte bancaire n'apparaissent pas (voir capture d'écran) bien qu'ils soient visibles en mode éditeur ??

    Que faut-il faire ? Je dois faire la promotion de ce stage et je ne peux envoyer ce formulaire


    Merci


    PS je vous mets le lien car la capture d'écran ne fonctionne pas...

  • Frédéric Jotform Support
    Répondu le 5 juillet 2023 à 03:30

    Bonjour Chantal,

    merci de reprendre contact avec nous. Je ne vois pas le lien mais il s'agit certainement de https://www.jotform.com/form/231832216953355


    Je reviens vers vous dès que j'ai la solution, cela ne devrait pas prendre beaucoup de temps.


  • Frédéric Jotform Support
    Répondu le 5 juillet 2023 à 04:40

    Je suis désolé, cela va me prendre plus de temps que je en pensais, l'affichage ne se fait pas comme attendu, nous étudions ce cas avec mes mes collègues et revenons vers vous aussitôt que nous avons une solution. Merci de votre patience.

  • Frédéric Jotform Support
    Répondu le 5 juillet 2023 à 06:50

    Chère Chantal,

    nous avons trouvé la solution suivante:

    il suffit d'injecter le code CSS suivant dans la partie réservée à cet effet lorsque vous sélectionnez l'élément du formulaire lié au paiement, i.e. la Liste des produits (Product List):

    #sublabel_cc_number, #sublabel_cc_ccv, #sublabel_cc_card_expiry{
    display: flex !important;
    }


    Pour ce faire, sélectionnez l'élément Liste de produits puis ouvrez l'onglet de design du formulaire (icone rouleau de peinture):

    Problème sur la partie paiement de mon formulaire Image 1 Screenshot 40

    Sélectionnez ensuite l'onglet STYLES et insérez le code CSS ci-dessus dans la partie Inject Custom Code:

    Problème sur la partie paiement de mon formulaire Image 2 Screenshot 51

    qui donne pour résultat:

    Problème sur la partie paiement de mon formulaire Image 3 Screenshot 62


    Suivez cette procédure que j'ai fait sur une copie de votre formulaire et dites-nous si vous avez souhaitez encore quelqu'aide.


  • Chantal_Peccatte
    Répondu le 5 juillet 2023 à 11:21
    Aïe bon je vais patienter en espérant que la solution va vite arriver
    est ce particulier à moi ? Peut être faudrait il que je refasse cette partie ?
    Merci
    De : Jotform <noreply>
    À : chantal@jcorpsjvabien.fr
    Sujet : Re: Problème sur la partie paiement de mon formulaire
    Date : 05/07/2023 10:40:23 Europe/Paris
     




    There’s a new response on your question:
    Problème sur la partie paiement de mon formulaire



     
     

    Je suis désolé, cela va me prendre plus de temps que je en pensais, l'affichage ne se fait pas comme attendu, nous étudions ce cas avec mes mes collègues et revenons vers vous aussitôt que nous avons une solution. Merci de votre patience.


     
     


    Answered by
    Fred_Vo



    View this thread




     

     
    4 Embarcadero Center, Suite 780, San Francisco CA 94111

     
    24/7 Support

    Unsubscribe Thread



     
    </noreply>...
  • Chantal_Peccatte
    Répondu le 5 juillet 2023 à 12:35
    Oui pour l'instant je n'ai qu'un seul formulaire
    De : Jotform <noreply>
    À : chantal@jcorpsjvabien.fr
    Sujet : Re: Problème sur la partie paiement de mon formulaire
    Date : 05/07/2023 09:30:25 Europe/Paris
     




    There’s a new response on your question:
    Problème sur la partie paiement de mon formulaire



     
     

    Bonjour Chantal,
    merci de reprendre contact avec nous. Je ne vois pas le lien mais il s'agit certainement de https://www.jotform.com/form/231832216953355
    Je reviens vers vous dès que j'ai la solution, cela ne devrait pas prendre beaucoup de temps.


     
     


    Answered by
    Fred_Vo



    View this thread




     

     
    4 Embarcadero Center, Suite 780, San Francisco CA 94111

     
    24/7 Support

    Unsubscribe Thread



     
    </noreply>...
  • Chantal_Peccatte
    Répondu le 5 juillet 2023 à 12:45
    Mais... ça ne va pas du tout
    Vous me demandez d'injecter un code CSS mais le résultat est que vous 
    supprimez justement ce que je veux qui apparaisse à savoir numéro de la carte
    code de sécurité cvv  
    le problème est que lorsque vous passez en mode prévisualisation, ces 
    renseignements indispensables pour que le client sache quoi remplir et où
    soient visibles ?!!
    Je ne comprends plus rien mais ne fait pas cette manip... trop peur de faire
    des bêtises !
    Ne pouvez vous intervenir directement ? Et encore une fois c'est le résultat
    qui sera visible aux yeux du client qui n'a pas les renseignements voulus...
    pas au niveau de l'éditeur
    De : Jotform <noreply>
    À : chantal@jcorpsjvabien.fr
    Sujet : Re: Problème sur la partie paiement de mon formulaire
    Date : 05/07/2023 12:50:11 Europe/Paris
     




    There’s a new response on your question:
    Problème sur la partie paiement de mon formulaire



     
     

    Chère Chantal,
    nous avons trouvé la solution suivante:
    il suffit d'injecter le code CSS suivant dans la partie réservée à cet effet lorsque vous sélectionnez l'élément du formulaire lié au paiement, i.e. la Liste des produits (Product List):
    #sublabel_cc_number, #sublabel_cc_ccv,
    #sublabel_cc_card_expiry{
    display: flex !important;
    }
    Pour ce faire, sélectionnez l'élément Liste de produits puis ouvrez l'onglet de design du formulaire (icone rouleau de peinture):
    Sélectionnez ensuite l'onglet STYLES et insérez le code CSS ci-dessus dans la partie Inject Custom Code:
    qui donne pour résultat:
    Suivez cette procédure que j'ai fait sur une copie de votre formulaire et dites-nous si vous avez souhaitez encore quelqu'aide.


     
     


    Answered by
    Fred_Vo



    View this thread




     

     
    4 Embarcadero Center, Suite 780, San Francisco CA 94111

     
    24/7 Support

    Unsubscribe Thread



     
    </noreply>...
  • Afzal Jotform Support
    Répondu le 5 juillet 2023 à 17:55

    Hi Chantal,

    Thanks for getting back to us. I'd like to let you know that I'm using a translation tool to provide assistance, but if you would prefer to get assistance in French, we can forward your ticket to our French team. However, please note that it could take longer to receive a response.

    I cloned your form and tested it to see if I could replicate the issue, and I ran into the same problem. To fix this issue, please follow the below steps:

    • Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
    • Under the Styles tab, paste the code below into the Inject Custom CSS area.
    /* Fix sublabe on the Payment field - 5299023 */
    .stripe-payment-wrapper .form-address-table.payment-form-table .form-sub-label {
        display: contents !important;
    }
    • Click on Save, and you're done.

    Here's what the result will look like:

    Problème sur la partie paiement de mon formulaire Image 1 Screenshot 20

    Here's the cloned version of the form that you can test.

    Please give it a try and let us know how it goes. 

  • Chantal_Peccatte
    Répondu le 7 juillet 2023 à 03:35
    Désolée mais cela ne change absolument rien chez moi...
    Sur le CSS j'ai déjà un code donc voilà le résultat final si je colle ce que vous m'avez donné
    .form-label.form-label-auto {
            
          display: block;
          float: none;
          text-align: left;
          width: 100%;
        
          }
          
          /* Fix sublabe on the Payment
    field - 5299023 */
    .stripe-payment-wrapper .form-address-table.payment-form-table .form-sub-label {
        display: contents !important;
    }
    Mais résultat négatif et si c'est comme cela à chaque fois ?!!
    Je crois que je vais tout annuler et tout refaire...
    J'attends un peu votre retour mais autrement c'est ce que je vais faire
    parce que là, il me faut ma solution
    Merci
    De : Jotform <noreply>
    À : chantal@jcorpsjvabien.fr
    Sujet : Re: Problème sur la partie paiement de mon formulaire
    Date : 05/07/2023 23:55:41 Europe/Paris
     




    There’s a new response on your question:
    Problème sur la partie paiement de mon formulaire



     
     

    Hi Chantal,
    Thanks for getting back to us. I'd like to let you know that I'm using a translation tool to provide assistance, but if you would prefer to get assistance in French, we can forward your ticket to our French team. However, please note that it could take longer to receive a response.
    I cloned your form and tested it to see if I could replicate the issue, and I ran into the same problem. To fix this issue, please follow the below steps:
    - Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
    - Under the Styles tab, paste the code below into the Inject Custom CSS area.
    /* Fix sublabe on the Payment
    field - 5299023 */
    .stripe-payment-wrapper .form-address-table.payment-form-table .form-sub-label {
        display: contents !important;
    }
    - Click on Save, and you're done.
    Here's what the result will look like:
    Here's the cloned version of the form that you can test.
    Please give it a try and let us know how it goes. 


     
     


    Answered by
    Afzal_P



    View this thread




     

     
    4 Embarcadero Center, Suite 780, San Francisco CA 94111

     
    24/7 Support

    Unsubscribe Thread



     
    </noreply>...
  • Frédéric Jotform Support
    Répondu le 7 juillet 2023 à 07:46

    Chère Chantal,

    Avez-vous essayé la version version clonée  de mon collègue Afzal ? Elle fait autrement le même effet et il me semble de manière plus adaptée. Vous pouvez aussi en recopier le code CSS tel quel dan svotre formulaire:

    .form-label.form-label-auto {
         
       display: block;
       float: none;
       text-align: left;
       width: 100%;
       
       }
        
    .stripe-payment-wrapper .form-address-table.payment-form-table .form-sub-label {
      display: contents !important;
    }

    Attention de ne pas accumuler les solutions. Ainsi parmi les différentes solutions que nous vous avons proposées, il vous faut en préférer une seule, pour cet effet particulier.

    Peut-être aussi le fait d'effacer le cache de votre compte, depuis les paramètres de votre compte, peut aider le formulaire à se mettre bien à jour.

    Faites un essai et dites-nous comment cela se présente.




  • Chantal_Peccatte
    Répondu le 7 juillet 2023 à 12:05
    Bonjour,
    Bon j'ai carrément supprimer la partie paiement, vider le cache, j'ai même voulu refaire
    en entier le formulaire... Bref, le résultat est que j'ai remis en place la connexion avec
    Stripe et rempli les parties demandées et et... mon formulaire est ok !!!
    J'espère que cela ne se reproduira pas parce que c'est galère ;-)
    Pouvez vous vérifier quand même que de votre côté TOUT vous parait OK sur mon formulaire
    dans sa conception et la "technique" - comme c'est le premier, il me servira de modèles pour
    les mails à recevoir une fois l'inscription faite etc.
    Vous pouvez me dire si tout est bon ? Et si tout est en état de fonctionner correctement
    Merci
    PS - et oui quand vous me dites de ne pas cumuler les solutions... mais ce qui provoque cela
    c'est que j'ai eu des réponses en anglais où je suis nulle donc traducteur etc. puis des fois
    en français. J'avoue que je me suis un peu perdue dans tout ça.
    Bon week-end
    De : Jotform <noreply>
    À : chantal@jcorpsjvabien.fr
    Sujet : Re: Problème sur la partie paiement de mon formulaire
    Date : 07/07/2023 13:46:08 Europe/Paris
     




    There’s a new response on your question:
    Problème sur la partie paiement de mon formulaire



     
     

    Chère Chantal,
    Avez-vous essayé la version version clonée  de mon collègue Afzal ? Elle fait autrement le même effet et il me semble de manière plus adaptée. Vous pouvez aussi en recopier le code CSS tel quel dan svotre formulaire:
    .form-label.form-label-auto {
         
       display: block;
       float: none;
       text-align: left;
       width: 100%;
       
       }
        
    .stripe-payment-wrapper .form-address-table.payment-form-table .form-sub-label {
      display: contents !important;
    }
    Attention de ne pas accumuler les solutions. Ainsi parmi les différentes solutions que nous vous avons proposées, il vous faut en préférer une seule, pour cet effet particulier.
    Peut-être aussi le fait d'effacer le cache de votre compte, depuis les paramètres de votre compte, peut aider le formulaire à se mettre bien à jour.
    Faites un essai et dites-nous comment cela se présente.


     
     


    Answered by
    Fred_Vo



    View this thread




     

     
    4 Embarcadero Center, Suite 780, San Francisco CA 94111

     
    24/7 Support

    Unsubscribe Thread



     
    </noreply>...
  • Gaetan_B
    Répondu le 10 juillet 2023 à 08:19

    Bonjour Chantal,

    Merci pour votre patience. Je viens de faire le tour du formulaire ainsi que de son paramétrage et tout semble bon!

    Au regard des réponses en anglais, cela vient du fait que nos collègues tentent d'assister si les équipes locales ne sont pas présentes au moment de votre message. Si jamais cela est un soucis, oubliez le traducteur automatique et signalez simplement que vous souhaitez avoir le support francophone. Ils nous avertirons est dès que l'un d'entre nous est disponible, nous regarderons ce qu'il est et vous répondrons en français!

    Au plaisir de vous assister.

  • Chantal_Peccatte
    Répondu le 10 juillet 2023 à 09:10
    OK merci beaucoup 
    De : Jotform <noreply>
    À : chantal@jcorpsjvabien.fr
    Sujet : Re: Problème sur la partie paiement de mon formulaire
    Date : 10/07/2023 14:19:26 Europe/Paris
     




    There’s a new response on your question:
    Problème sur la partie paiement de mon formulaire



     
     

    Bonjour Chantal,
    Merci pour votre patience. Je viens de faire le tour du formulaire ainsi que de son paramétrage et tout semble bon!
    Au regard des réponses en anglais, cela vient du fait que nos collègues tentent d'assister si les équipes locales ne sont pas présentes au moment de votre message. Si jamais cela est un soucis, oubliez le traducteur automatique et signalez simplement que vous souhaitez avoir le support francophone. Ils nous avertirons est dès que l'un d'entre nous est disponible, nous regarderons ce qu'il est et vous répondrons en français!
    Au plaisir de vous assister.


     
     


    Answered by
    Gaetan_B



    View this thread




     

     
    4 Embarcadero Center, Suite 780, San Francisco CA 94111

     
    24/7 Support

    Unsubscribe Thread



     
    </noreply>...