WordPress est l’un des moyens les plus courants de créer et de concevoir un site Web. Nous ne nous tromperions pas si nous définissions WordPress comme le système d’exploitation de votre site Web.
Pourtant, les plugins WordPress sont parfois difficiles à maintenir. Les plugins peuvent vous limiter. votre capacité à créer des choses à partir de zéro et à produire des biens qui correspondent le mieux à vos besoins et à vos goûts.
Il est parfois nécessaire de créer un nouveau formulaire WordPress pour une nécessité particulièrement spécifique lors du développement d’un site Web WordPress. Bien sûr, des plugins existent et sont utiles lorsque l’on travaille sur un nouveau site. Mais, vous pouvez également créer un nouveau formulaire WordPress artisanal personnalisé et apprendre à créer un formulaire dans WordPress sans plugin.
Oui, vous pouvez toujours compter sur les plugins WordPress. Pourtant, travailler sans utiliser le plugin WordPress vous permettra de créer plus de contenu personnalisé pour votre site WordPress. Cela vous donnera plus de liberté pour afficher ce que vous voulez sur votre site WordPress.
Les plugins WordPress ne sont pas toujours la meilleure réponse pour les installations de formulaires. Ainsi, utilisez Getform pour créer un formulaire WordPress simple et adaptable sur votre site. Les plugins sont essentiels, mais ils peuvent ralentir votre site WordPress. C’est pourquoi il est logique d’explorer les moyens d’ajouter des fonctionnalités sans s’appuyer sur des plugins lorsque cela est possible. Chaque plugin ajoute son propre code et ses propres fichiers à la base de données WordPress. Cela peut ralentir la vitesse du site et augmenter son utilisation de la mémoire. Pour éviter cela, il est bon de savoir comment créer un formulaire dans WordPress sans plugin.
Gérer un nombre excessif de plugins sur un site WordPress prend du temps. Pour maintenir les plugins à jour, vous devez les mettre à jour. De plus, les plugins peuvent interférer les uns avec les autres, provoquant la panne de votre site Web WordPress.
Par conséquent, l’utilisation de moins de plugins peut vous aider à résoudre plus rapidement les difficultés rencontrées avec votre site. Les formulaires sont un élément essentiel de chaque site Web, ainsi que de tout site Web WordPress. Il existe plusieurs plugins WordPress disponibles pour créer des formulaires WordPress personnalisés. Mais, la plupart d’entre eux sont insuffisants. Il est plus simple de créer un formulaire dans WordPress si vous avez une bonne compréhension de PHP, HTML et Javascript.
Dans cet article, vous découvrirez certaines des informations cruciales sur la façon de créer un formulaire dans WordPress sans plugin.
Ici, vous apprendrez :
- travailler sans plugins,
- en utilisant du code HTML personnalisé,
- créer des modèles de pages,
- créer des formulaires,
- la construction du formulaire WordPress du site Web,
- en utilisant le plugin jQuery,
- à quoi sert le fichier PHP,
- quels sont les nonces,
- comment améliorer le formulaire WordPress,
- quelles sont les erreurs habituelles, etc.
Ajouter une section HTML personnalisée et configurer le formulaire WordPress
Créez une nouvelle page pour héberger votre formulaire de contact WordPress. Connectez-vous à votre tableau de bord WordPress et accédez à la zone des paramètres de Pages. L’étape 2 consiste à sélectionner et à cliquer sur Ajouter nouveau. Lors de la création d’une page de contact, choisissez un nom significatif. Par exemple: «Contactez-nous ».
Formulaire de contact plus simple – mieux c’est. Cela devrait être aussi simple que possible. Vous n’avez besoin que de champs de nom, d’e-mail et de commentaires pour créer un formulaire de contact simple. Il doit être copié et placé dans le fichier page-contact.php.
L’étape 3 consiste à créer votre formulaire WordPress après avoir nommé votre page de contact. Vous pouvez utiliser le bloc de code si vous activez Bootstrap sur votre site WordPress.
Si vous souhaitez garder un contrôle total sur l’apparence de votre site, vous pouvez utiliser le bloc de code du formulaire sans bootstrap. Après avoir sélectionné le bloc de code approprié pour votre site WordPress, ajoutez un bloc HTML personnalisé Gutenberg. Collez le code du formulaire de votre choix.
Si vous utilisez une ancienne version de WordPress dépourvue du bloc HTML Gutenberg, accédez d’abord aux paramètres de l’onglet Texte. Collez le code de formulaire de votre choix dans la zone.
N’oubliez pas d’inclure l’URL du point de terminaison que vous avez trouvée dans la propriété action du bloc HTML. En conséquence, les soumissions seront envoyées au formulaire que vous avez créé sur votre tableau de bord Getform.
Création d’un modèle de page
L’étape 1 consiste à créer un modèle pour une page WordPress. Pour ce faire, copiez le code de page.php dans un nouveau fichier appelé page-contact.php. Pour s’assurer que WordPress traite le fichier contact.php comme un modèle de page WordPress, nous devons inclure un commentaire en haut du fichier.
Construire le formulaire
Nous devons maintenant créer un formulaire de contact WordPress de base. Copiez et collez simplement le code dans le contenu de l’entrée. Il n’est pas difficile d’utiliser ce code HTML explicite pour un formulaire. Il sera utilisé plus tard pour déterminer si le formulaire a été soumis ou non.
Prétraitement des données
Le formulaire créé semblera sympa, mais il ne servira à rien car il n’enverra aucun e-mail. Ce que nous devons faire, c’est jeter un coup d’œil au formulaire qui a été soumis et revérifier toutes les données. Vous devez vérifier si les champs ont été correctement remplis avec les données appropriées.
Si les cases sont remplies avec les données correctes, nous obtiendrons l’adresse e-mail de l’administrateur du blog et lui enverrons l’e-mail.
Sinon, aucun e-mail ne sera envoyé et l’utilisateur aura des problèmes. Vérifiez que le formulaire a été soumis et rempli avec des données exactes. Si une erreur se produit, comme un champ vide ou une adresse e-mail erronée, un avis s’affiche et le formulaire n’est pas soumis. Vous devez corriger ces données et réessayer.
Ajout d’une vérification jQuery
Notre formulaire est maintenant complètement prêt. Mais, nous pouvons l’améliorer en incorporant la vérification côté client. Pour ce faire, nous allons utiliser jQuery et le plugin confirm jQuery. Ce plugin est fantastique car il vous permet de vérifier rapidement si un formulaire a été rempli avec des données précises. La première étape consiste à télécharger et à installer le plugin de validation dans votre fichier de thème.
Il faut maintenant connecter les fichiers Javascript à notre thème. Après cela, le plugin de validation jQuery confirmera le formulaire de contact côté client. Comment fonctionne-t-il? Il sélectionne les données de formulaire qui ont la classe CSS requise et vérifie qu’elles sont correctement renseignées. Si ce n’est pas le cas, un avis s’affiche et vous devrez corriger toutes les saisies de données erronées.
Formulaire d’amélioration
Utilisez les capacités de WordPress pour protéger l’utilisation de notre formulaire en utilisant des nonces. Les fonctions vous permettront de vous assurer que le contenu d’une demande de formulaire provient du site en cours et non d’un autre. Par conséquent, ce n’est pas une protection idéale, bien qu’elle protège dans de nombreuses circonstances.
Son premier paramètre est une action, tandis que son deuxième argument est un nom. Ces deux mots sont réutilisés plus tard dans notre code pour déterminer si le nonce soumis correspond à ces deux entrées.
Il est important d’inclure des champs nonce dans vos formulaires WordPress. Les nonces peuvent être utilisés pour vérifier qu’un utilisateur a l’intention d’effectuer une action et contribuent à la protection contre la falsification de requête intersite (CSRF) ».
Interception de données avec modèle
Concentrez-vous sur la logique de traitement du formulaire : nous quittons le modèle et nous nous dirigeons vers le fichier functions.php pour gérer les données reçues.
Il est nécessaire de se connecter à une action WordPress qui s’exécute avant que les en-têtes de page WordPress ne soient produits. Il s’agit de rediriger potentiellement l’utilisateur vers une autre page après avoir évalué l’entrée du formulaire.
La première condition de notre fonction nous assure qu’une entrée de formulaire a été soumise. Il existe un lien entre la fonction et l’action de redirection du modèle. Pour cette raison, chaque fois que le šage se charge, il sera appelé.
Il est donc essentiel de filtrer les requêtes et de s’assurer qu’il est temps d’analyser l’entrée du formulaire si elle existe. Cela indique que le bouton d’envoi du formulaire a été activé et qu’il est maintenant temps de tester la demande.
Traitement des données
Une fois nos vérifications terminées, c’est à vous de faire ce que vous voulez avec les données du formulaire stockées dans la variable. Enregistrez le montant du cadeau en tant que variable.
Après avoir réussi à mettre à jour la base de données, nous devons rediriger l’utilisateur vers une page. En outre, vous devez créer un message de réussite, que vous pouvez créer à l’aide du tableau de bord.
La gestion des erreurs
Vous devez vous assurer de soumettre et de remplir le formulaire de manière appropriée. Si une erreur se produit, comme un champ vide ou une adresse e-mail erronée, vous recevrez un avis et le formulaire ne pourra pas être soumis.
Après cela, vous devez créer et afficher des avertissements d’erreur sous la case associée. Créez quelque chose de simple, comme "Veuillez entrer votre nom". Vous obtiendrez un modèle de page de formulaire complet que vous pourrez utiliser.
Fin des réflexions sur la façon de créer un formulaire dans WordPress sans plugin
Utiliser WordPress pour créer un site Web est un choix très populaire pour beaucoup. Il offre diverses options à ses utilisateurs. L’utilisateur est proposé de choisir un thème spécifique pour le site, d’organiser ce que l’on souhaite afficher sur son site dans les moindres détails… Il permet de créer et d’ajouter de nouvelles pages et contenus avec ou sans l’utilisation des plugins.
WordPress est un excellent choix pour créer un site Web ou un blog. C’est bon pour les débutants et aussi pour les personnes qui sont plus familiarisées avec la création de sites Web et l’utilisation du code.
Dans cet article, nous vous avons présenté comment créer un formulaire dans WordPress sans plugin pour votre site WordPress.
La création de formulaires est essentielle lors de la conception d’un WordPress ou de n’importe quel site. Il faudra peut-être un peu plus de connaissances sur le code. Mais, il y a toujours des plugins pour faciliter le travail pendant que vous apprenez encore à travailler avec le code. Soyez patient, apprenez et vous créerez d’étonnants sites WordPress ou blogs.
Si vous avez aimé lire cet article sur la façon de créer un formulaire dans WordPress sans plugin, vous devriez consulter celui-ci sur la façon de masquer l’auteur dans WordPress.
Nous avons également écrit sur quelques sujets connexes comme comment intégrer un formulaire Google dans WordPress, comment télécharger un fichier HTML dans WordPress, où sont stockées les pages WordPress et comment supprimer des thèmes WordPress.