Urgent : Bug code intégration site web

Bonjour,

J'utilise wordpress et j'ai l'habitude d'intégré des formulaire avec le code source se trouvant dans jotform.

J'ai essayer un ancien formulaire sur mon site, il fonctionnait bien, j'ai voulu le dupliquer sur monday et intégrer la duplication en lieu et place de l'ancien formulaire sur mon site web, il a prit exactement sa place mais le problème est que le lorsqu'on clique sur le bouton de soumission rien ne se passe.

J'ai donc essayer le formulaire en dehors du site web, directement avec un lien internet et le formulaire jotform fonctionne très bien. Je pense qu'il y a donc un problème avec le code source présent sur jotform.

Je vous mets le lien de la page en question, le formulaire se trouve en bas de page, vous pouvez nous en envoyer un avec comme nom "TEST"

Votre Audit Énergétique (landing page 2024) - Ecoloclast

Le formulaire :

https://form.jotform.com/233243793116556

Nous avons une campagne google ads en cours c'est urgent

Bonjour ecoloclast,

Merci de venir vers nous pour de l'aide. Désolé que le formulaire ne se comporte pas comme attendu. J'ai fait un clone de votre formulaire et je retrouve le même comportement: après avoir cliqué sur le bouton de soumission Je veux mon expertise, nous sommes redirigés vers une page blanche.

J'ai retrouvé un comportement normal du formulaire, qui m'a redirigé vers votre page https://ecoloclast.fr/merci en déplaçant le paragraphe situé après le bouton de soumission au-dessus de celui-ci.

Essayez et dites-nous comment ça se passe.

Merci Frédéric, je viens d'essayer mais le problème reste là

1 er essai : Mettre le texte au dessus du bouton soumission => Le formulaire fonctionne si on l'utilise avec un lien mais pas quand il est intégré au site (Pour mon cas, quand j'appuie sur le bouton rien ne se passe hormis un changement de couleur du bouton)

2ème essai : rajout d'un second bouton de soumission pour voir si le problème ne venait pas du premier => même résultat que le 1er essai

Le formulaire se trouve en bas de page => Votre Audit Énergétique (landing page 2024) - Ecoloclast

PS : Pour éviter toute confusion, je parle d'un fonctionnement du formulaire intégré au site web et non en utilisation par lien.

Hello Ecoloclast,

Thanks for reaching out to Jotform Support. Unfortunately, our French Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have 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.

Now, let me help you with your issue. I tested the form embedded in your webpage and was able to replicate the issue. Can you re-embed your form using an iFrame embed code and test if this will resolve the issue? Let me walk you through the steps for getting the iFrame embed code:

• In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
• In the menu on the left side of the page, click on Embed.
• Now, click on the embed option you want to use, and copy the code.
• That's it. Embed your link on your webpage and you're done.

We also have a guide about Embedding a Form Into a Web Page that you can check out.

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

Merci pour votre aide

Je viens d'essayer avec le code iframe ça fonctionne mais par contre l'esthétique n'est pas terrible je me retrouve avec un fond gris qui ne colle pas avec le fond de mon site, j'aurais préféré avoir sans aucun fond.

Alors que quand j'utilise le code source l'esthétique est très bien mais le bouton soumission ne veut plus fonctionner (alors que j'ai toujours utiliser ce code là, il fonctionnait très bien avant).

Hello Ecoloclast,

Thanks for getting back to us and we’re sorry you’re still having trouble with this. Did you attempt re-embedding the form using the source code again to see if the submit button will work this time?

If the issue persists, please let us know as we might have to do more investigations to determine what is causing this issue.

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

Oui j'ai essayé plusieurs fois mais le problème persiste, je pense qu'il doit y avoir un probleme dans le code source généré automatiquement dans l'action appuyer sur le bouton.

Hi Ecoloclast,

Thanks for getting back to us. I understand you are having an issue with the form embed code. Please note that the source code embed method is not recommended unless you are doing custom coding. The best way to embed a form is the iframe embed method. Please embed your form using the iframe embed code without any modification. We can remove the gray background color by adding custom CSS to your form. Check out the steps below to see how it's done:

• 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.

/*Remove form background color - 9320851*/

.supernova {

    background-color: transparent !important;

}

Here's what the result will look like:

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

Merci beaucoup mon problème est résolu ça fonctionne bien et le fond n'est pas présent nickel.