Constat : Vous avez intégré un formulaire Plezi sur votre site cependant il est impossible de le soumettre.
❗️ Attention : Cet article concerne uniquement les formulaires intégrés sur votre site par un copier/coller du script et non les formulaires des landing page.
Dans cet article nous verrons les différentes investigations et manipulations que vous pouvez effectuer pour corriger un dysfonctionnement de votre/vos formulaires.
Tester le fonctionnement du script de mon/mes formulaires
La première étape consiste à venir récupérer dans Plezi le script du formulaire concerné.
Etape 1 : Sélectionner le contenu dans lequel le formulaire a été créé :
1 - Cliquer sur la section Contenu
2 - Sélectionner le contenu dans lequel le formulaire a été créé
Etape 2 : Venez récupérer le script de votre formulaire :
1 - Onglet Publication
2 - Sélectionner votre formulaire
3 - Cliquer sur Onglet Mise en ligne
4 - Copier le script de votre formulaire
Onglet Mise en ligne :
Copier le script de votre formulaire :
Etape 3 : Tester le fonctionnement du script de votre formulaire grâce à JsFiddle
1 - Rendez vous sur le site https://jsfiddle.net/
2 - Coller le script de votre formulaire dans le cadre HTML supérieur gauche
3 - Une fois le script copié, cliquez sur "Run" afin de déclencher le script
4 - Le formulaire apparaitra dans le cadre inférieur droit :
5 - Soumettez le formulaire.
Si le formulaire fonctionne depuis JsFiddle cela signifie que le problème de fonctionnement est lié à l'intégration du formulaire sur votre site ou à un plug-in qui bloque son exécution depuis la page ou il a été intégré. Afin de régler cela rendez-vous aux étapes suivantes de cette page.
Si le formulaire ne fonctionne pas sur JSFiddle nous vous invitons à contacter le support.
Vérifier l'intégration du formulaire sur la page de mon site
La première étape consiste à vérifier la manière dont le formulaire a été intégré sur votre page.
Affichage via pop-up :
Si son affichage est géré via une pop-up nous vous invitons à vérifier que le dysfonctionnement n'est pas lié au plug-in utilisé.
Autre formulaire :
Nos formulaires ne fonctionnent dès lors qu'il n'y en a qu'un intégré sur la page. Si un autre formulaire Plezi est présent sur la page, il bloquera l'exécution du second formulaire.
Vérification des erreurs liées à la sécurité en console (pour tech/développeurs) :
Une fois sur la page ou le formulaire est intégré vérifié les erreurs s'affichant en console.
L'erreur la plus courante pour le dysfonctionnement d'un formulaire est la suivante :
Access to XMLHttpRequest at has been blocked by CORS policy: No "Access-Control-Allow-Origin' header is present on the requested
Pour corriger il faut ajouter un header sur le site client autorisant le Access-Control-Origin, la manière d'intégrer ce header diffère en fonction de votre site internet, nous vous recommandons de contacter le responsable technique de votre site internet.
Vous pouvez intégrer l'une des deux ligne de code suivantes si votre équipe technique souhaite autoriser uniquement les connexions Plezi dans le Access-Control-Origin :
Access-Control-Allow-Origin:app.plezi.co
Access-Control-Allow-Origin:api.plezi.co
Une fois cette autorisation configurée sur votre site cela débloquera le dysfonctionnement de votre formulaire.
Si le problème persiste rendez-vous à la prochaine étape.
Configuration de plug-in d'optimisation sur votre CMS
Après avoir vérifié les deux étapes précédentes, si le problème persiste sur votre formulaire nous vous invitons à consulter si vous utiliser des plug-in d'optimisation sur votre CMS.
Voici une liste non exhaustive des plug-in d'optimisation :
WP Rocket
WP Super cache
W3 total cache
WP Fastest cache
Autoptimize
Cache enabler
Hyper cache
Un plug-in d'optimisation c'est quoi ? Pour faire simple il s'agit d'un outil vous permettant d'optimiser l'affichage des pages de votre site internet. L'activation des scripts via le plug-in est hiérarchisée et/ou différée et parfois leur activation se retrouve bloquée par la non activation d'un script précédent.
Si vous utilisez un plug-in d'optimisation sur votre solution CMS, il convient d'ajouter le domaine plezi en exclusion dans ces plug-ins.
Voici par exemple comment faire sur le plug-in WP Rocket :
