Résumé IA
Vous constatez que votre thème présente des conflits avec WPForms mais vous ne savez pas par où commencer ? Nous avons créé ce tutoriel pour vous guider à travers certains des conflits courants que nous avons rencontrés et comment les résoudre.
Dans ce tutoriel, il y aura du CSS, du JavaScript et peut-être du PHP pour aider à résoudre certains conflits. Si vous ne savez pas ce que cela signifie ou où les ajouter, nous avons de nombreux tutoriels sur comment ajouter du PHP et du JavaScript personnalisés ainsi que sur comment et où ajouter du CSS personnalisé.
Si vous n'êtes pas à l'aise avec le PHP, le JavaScript ou le CSS, nous vous recommandons vivement de contacter le support de WPForms ainsi que le support de l'auteur du thème pour obtenir de l'aide. Pour obtenir de l'aide pour les versions sous licence de WPForms, veuillez consulter cette documentation.
Les champs de cases à cocher et à choix multiples ne s'affichent pas correctement
C'est assez courant lorsque les développeurs de thèmes souhaitent appliquer leur propre style aux champs de saisie. Ils appliquent donc leur propre CSS et comme WPForms se charge avec un CSS par défaut, il peut parfois apparaître différemment ou pas idéalement. Il existe plusieurs façons de résoudre ce problème.
Une option pour résoudre ce problème serait de laisser le thème prendre en charge le style général de vos champs de formulaire. Pour ce faire, vous pouvez choisir de désactiver le style par défaut de WPForms. Ceci est situé sous l'onglet Général de la page Paramètres WPForms. Pour en savoir plus à ce sujet, veuillez consulter cette documentation.
La plupart du temps, cependant, il suffit d'ajouter une petite règle CSS pour résoudre ce problème particulier.
.wpforms-container input[type=radio] {
-webkit-appearance: radio !important;
-moz-appearance: radio !important;
appearance: radio !important;
}
.wpforms-container input[type=checkbox] {
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
appearance: checkbox !important;
}
Le formulaire ne fonctionne pas correctement ou ne se soumet pas
Si vous constatez que votre formulaire ne fonctionne pas correctement, par exemple si la logique conditionnelle ne s'affiche pas quand elle le devrait ou si le formulaire ne se soumet tout simplement pas, cela pourrait indiquer une erreur JavaScript.
Vous pourriez activer WP_DEBUG pour essayer de détecter les erreurs spécifiques qui sont générées. Vous pouvez consulter ce tutoriel pour plus d'informations.
Cependant, une raison courante des problèmes JavaScript causés par des conflits de thème est que la fonction wp_footer() ou get_footer() n'est pas ajoutée dans le fichier de modèle (par exemple, page.php). C'est la fonction que WPForms utilise pour charger les ressources sur la page du site. Si cette fonction est absente, les ressources WPForms ne sont pas chargées du tout et cela pourrait empêcher le formulaire de se soumettre ou de fonctionner correctement.
Si cette fonction est effectivement manquante, vous devrez contacter directement l'auteur du thème pour l'en informer ou créer un thème enfant pour copier ces modèles de page et ajouter cette fonction à ces pages.
Nos amis de WPBeginner ont préparé un excellent article sur la façon de créer un thème enfant. Ce tutoriel comprend même une vidéo que vous pouvez suivre.
Nous ne recommandons jamais de modifier directement les fichiers de votre thème. Si l'auteur du thème publiait une mise à jour, toutes les modifications que vous auriez apportées seraient perdues. L'utilisation d'un thème enfant réduira le risque de maintenir votre thème à jour sans perdre les personnalisations que vous pourriez apporter en cours de route.
Les notifications par e-mail n'arrivent pas
Si vous ne recevez aucune notification par e-mail et que vous avez vérifié vos paramètres de notification, vous voudrez peut-être consulter cet article pour plus d'informations.
Si vous souhaitez découvrir d'autres étapes de dépannage, consultez cette documentation.
Si vous souhaitez explorer d'autres façons de personnaliser les formulaires avec du style ou des fonctionnalités améliorées. Veuillez consulter notre documentation pour développeurs.