Formulaire de contact qui ne s’affiche pas sur WordPress : solutions

Si votre formulaire de contact ne s’affiche pas sur WordPress, vérifiez d’abord l’adresse de la page, l’intégration du formulaire et le cache. Un conflit avec une extension ou le thème, une erreur dans le code ou un problème sur le serveur peuvent aussi empêcher son affichage. Testez les pistes une par une, puis envoyez un message pour vérifier que le formulaire fonctionne.

Vérifier la page et l’intégration du formulaire

Commencez par ouvrir la page de contact à son adresse habituelle. Contrôlez l’URL et corrigez une éventuelle faute de frappe. Si plusieurs pages de contact existent, assurez-vous de consulter celle qui contient le formulaire attendu et qui est publiée.

Dans le tableau de bord WordPress, ouvrez la page concernée dans l’éditeur. Vérifiez que le bloc, le code court ou le code personnalisé utilisé pour afficher le formulaire est bien présent. Si vous utilisez une extension de formulaire, vérifiez aussi que le formulaire existe toujours dans ses réglages et que l’intégration désigne le bon formulaire.

Enregistrez toute correction, puis rechargez la page côté visiteur. Si vous venez de créer votre formulaire, consultez également les étapes pour créer un formulaire de contact personnalisé avec WordPress.

Tester le navigateur et vider le cache

Une ancienne version de la page peut masquer une modification récente. Rechargez la page, puis testez-la dans une fenêtre de navigation privée ou dans un autre navigateur. Vous pouvez également effacer le cache et les cookies du navigateur avant de réessayer.

Si votre site utilise une extension de cache ou un cache fourni par l’hébergeur, videz-le aussi. Consultez notre guide sur les problèmes de cache sur WordPress pour vérifier les différentes couches de cache.

Testez enfin la page sur ordinateur et sur téléphone. Si le formulaire apparaît sur ordinateur mais pas sur téléphone, les pistes concernant un formulaire de contact absent sur mobile permettront de cibler le problème.

Contrôler le code et les erreurs d’affichage

Si le formulaire est intégré avec du code personnalisé, vérifiez que son HTML est correctement structuré et que les balises nécessaires sont présentes et fermées. Assurez-vous aussi que les fichiers ou extraits de code associés au formulaire ont bien été chargés sur le serveur.

Le formulaire peut être présent dans la page sans être visible. Une règle CSS peut par exemple masquer un élément ou lui donner une apparence qui le rend difficile à distinguer. Contrôlez les styles associés au formulaire, notamment si le problème ne concerne qu’une taille d’écran.

Le JavaScript associé peut également produire une erreur et interrompre certaines fonctions de la page. Pour examiner ces points :

1. Ouvrez la page du formulaire dans votre navigateur.
2. Ouvrez les outils de développement du navigateur et inspectez la zone où le formulaire devrait apparaître.
3. Vérifiez si les éléments du formulaire sont présents dans le HTML et si une règle CSS les masque.
4. Consultez la console pour repérer d’éventuelles erreurs JavaScript, puis comparez le résultat dans un autre navigateur.

Notez les erreurs observées avant de modifier le code. Si le formulaire provient d’une extension, vérifiez que celle-ci est compatible avec votre installation WordPress et que ses fichiers se chargent correctement.

Rechercher un conflit avec une extension ou le thème

Une extension tierce ou le thème actif peut interférer avec l’affichage du formulaire. Avant de faire des essais, disposez d’une sauvegarde récente. Effectuez de préférence les tests sur une copie du site afin de ne pas perturber les visiteurs.

1. Vérifiez si des mises à jour sont disponibles pour WordPress, l’extension de formulaire, les autres extensions et le thème. Contrôlez leur compatibilité avant de les appliquer.
2. Désactivez temporairement les extensions non indispensables au test, sans désactiver celle qui fournit le formulaire.
3. Rechargez la page. Si le formulaire apparaît, réactivez les extensions une par une en testant la page après chaque activation.
4. Si aucune extension ne semble responsable, testez temporairement un thème WordPress par défaut sur votre copie du site.
5. Une fois le conflit identifié, vérifiez si une mise à jour ou un réglage du composant concerné le résout.

Un changement de thème peut modifier l’apparence et certains réglages du site. Notez la configuration initiale et rétablissez-la après les tests. Si vous ne souhaitez pas intervenir vous-même, le dépannage d’un site WordPress permet de rechercher l’origine de la panne.

Examiner le serveur, la configuration et les permissions

Si les vérifications précédentes ne donnent rien, examinez les modifications récentes apportées à l’hébergement ou aux fichiers de configuration. Une modification incorrecte peut empêcher le chargement de composants nécessaires au formulaire. Ne changez un fichier de configuration que si vous savez à quoi sert le réglage concerné et disposez d’une sauvegarde.

Vérifiez également les permissions des fichiers de l’extension ou du code personnalisé. Le serveur doit pouvoir lire les fichiers nécessaires au fonctionnement du site. Les permissions peuvent être consultées avec un client FTP ou depuis le panneau de contrôle de l’hébergeur. Évitez d’accorder des droits d’écriture trop larges : demandez les valeurs adaptées à votre hébergement si vous avez un doute.

Sur un hébergement partagé ou après un changement de configuration, l’hébergeur peut vous aider à vérifier les journaux d’erreurs et la prise en charge de PHP. Transmettez-lui l’adresse de la page, le moment du test et les éventuels messages relevés dans la console ou les journaux.

Tester l’envoi après le rétablissement de l’affichage

Lorsque le formulaire est de nouveau visible, remplissez ses champs avec des informations cohérentes et envoyez un message de test. Vérifiez à la fois le message affiché après l’envoi et la réception du courriel à l’adresse prévue.

Un formulaire visible n’est pas nécessairement un formulaire qui envoie correctement les messages. Si l’affichage est rétabli mais que l’envoi échoue, poursuivez avec les vérifications pour un formulaire de contact qui ne s’envoie pas. Pensez aussi à refaire le test sur mobile et dans un autre navigateur.

Questions fréquentes

Article rédigé avec l’aide d’une IA à partir des sources citées et de notre pratique de la maintenance WordPress. Notre méthode éditoriale.