Est-ce que vous ou les visiteurs de votre site rencontrent des problèmes de JavaScript lors de la soumission de vos WPForms ? De nombreux propriétaires de sites utilisent des plugins d'optimisation et de mise en cache pour accélérer leur site. Cependant, certaines fonctionnalités de ces plugins peuvent empêcher les fonctions des WPForms de fonctionner correctement.
Ce guide couvre les moyens de résoudre les problèmes JavaScript courants dans WPForms.
Dans cet article
Identifier les problèmes liés à JavaScript
WPForms s'appuie fortement sur JavaScript pour de nombreuses fonctionnalités, telles que la validation des champs, la logique conditionnelle, les CAPTCHA, et bien d'autres. Si un formulaire ne fonctionne pas comme prévu, un problème JavaScript est l'une des choses à vérifier.
Dans la plupart des cas, si le JavaScript de vos formulaires est défectueux, vous verrez apparaître l'erreur Cette page ne charge pas correctement le JavaScript, et le formulaire ne pourra pas être soumis. Veuillez consulter notre guide de dépannage pour plus de détails sur la résolution de ce problème. à chaque tentative de soumission d'un formulaire.
Lorsque cela se produit, il est bon de vérifier rapidement si votre formulaire utilise la bonne validation. Pour ce faire, soumettez un formulaire comportant un ou plusieurs champs obligatoires sans aucune donnée.
Dans un formulaire où le JavaScript fonctionne correctement, chaque validation de champ sera en rouge.
Toutefois, si des fichiers JavaScript essentiels ne sont pas chargés ou sont chargés de manière incorrecte, la validation intégrée du navigateur s'affichera à la place.
Si la validation intégrée du navigateur s'affiche, il s'agit probablement d'un problème JavaScript. Dans la plupart des cas, ces problèmes JavaScript sont causés par des plugins d'optimisation et de mise en cache. Dans la section suivante, nous examinerons les caractéristiques communes de ces plugins qui peuvent causer des problèmes JavaScript.
Plugins d'optimisation et de mise en cache
Les problèmes JavaScript causés par les plugins d'optimisation et de mise en cache sont généralement dus à ces caractéristiques courantes :
- Minify : Supprime les caractères inutiles du code, tels que les espaces blancs, ce qui permet d'obtenir un fichier plus petit et donc de transférer moins de données.
- Combine : Fusionne des fichiers JavaScript/CSS distincts en un seul fichier afin de réduire le nombre d'appels au serveur.
- Load Deferred (Asynchronously) (Chargement différé (asynchrone)) : Désactive le chargement et l'exécution des fichiers JavaScript et CSS pendant le chargement de la page, de sorte que la page n'a pas besoin de les "attendre".
Afin d'éviter que le JavaScript de WPForms ne soit affecté par ces caractéristiques (et ne brise potentiellement la fonctionnalité principale), nous pouvons ajuster des paramètres spécifiques dans les plugins d'optimisation et de mise en cache.
Ajustement des paramètres d'optimisation
Dans cette section, nous verrons comment exclure les actifs de WPForms des plugins d'optimisation et de mise en cache les plus populaires. Nous verrons également d'autres paramètres qui peuvent être ajustés dans chaque plugin spécifique, ce qui peut aider à corriger ou à prévenir les problèmes JavaScript.
Voici les plugins que nous allons aborder :
- WP Rocket
- Autoptimiser
- JavaScript asynchrone
- W3 Total Cache
- Optimiseur SiteGround
- LiteSpeed Cache
- WP Fastest Cache
Questions fréquemment posées
Voici quelques-unes des questions les plus courantes que nous recevons sur le dépannage des problèmes JavaScript dans WPForms.
J'ai vérifié les plugins d'optimisation et de mise en cache, mais WPForms ne fonctionne toujours pas comme prévu. Qu'est-ce qui pourrait être à l'origine de ce problème ?
Une raison souvent négligée lors du dépannage de WPForms est la configuration du thème, en particulier la présence ou l'absence de l'élément wp_footer() Cette fonction est vitale pour WPForms. Cette fonction est vitale pour WPForms, car elle permet de s'assurer que les ressources nécessaires sont chargées sur votre site web. Si votre thème n'a pas la fonction wp_footer() il est possible que les composants de WPForms ne se chargent pas correctement. Il peut en résulter des formulaires qui ne sont pas soumis ou même des erreurs JavaScript.
Pour résoudre le problème, vous pouvez commencer par accéder aux fichiers de votre thème à l'aide de la commande Protocole de transfert de fichiers (FTP), cPanelou l'option Appearance " Theme Editor (Apparence " Éditeur de thème) dans WordPress. Une fois sur place, inspectez les fichiers du modèle de thème, en particulier le fichier footer.php afin de déterminer si le fichier wp_footer() est présente.
Si vous constatez qu'il est manquant, cela pourrait être à l'origine de vos problèmes avec WPForms. A ce stade, envisagez de contacter le support de votre thème ou de changer pour un thème qui suit les pratiques standards de WordPress.
Voilà, c'est fait ! Vous savez maintenant comment résoudre les problèmes JavaScript dans WPForms.
Ensuite, vous souhaitez obtenir plus de support ou apprendre plus de conseils pour dépanner WPForms ? N'hésitez pas à consulter notre guide de dépannage pour plus de détails.