Comment créer un formulaire de contact WordPress et pourquoi
Toujours. Les gens sont divisés en deux, puis distraits par d’autres choses. L’attention des gens sur Internet est limitée. Donc, pour que vos prospects et clients puissent vous contacter aussi facilement que possible, vous devriez vous déshabiller complètement.
Qu’est – ce qui est absolument nécessaire? Nom, courriel, message et vérification du personnel. Mais je pense que tu le sais déjà. Ces quatre petits messages sont aussi simples qu’un commentaire sur un blog: Pourquoi voulez – vous rendre le contact plus difficile? Je pense que je n’a i jamais créé un formulaire contenant plus d’informations à moins qu’il ne soit absolument nécessaire. Si les gens veulent laisser leur numéro de téléphone et leur adresse, ils le feront dans le message. Il suffit de leur demander des conseils visuels comme celui – ci dans un court paragraphe au – dessus du tableau! Bien sûr, c’est douloureux de coder tout à partir de zéro!? Pas vraiment. Je veux dire, si vous êtes patient, vous pouvez finir le tutoriel cost en moins d’une demi – heure. Les vrais éléments sont:
Un fichier Template personnalisé est un peu PHP Oui, c’est vrai. Vous pouvez gérer l’affichage des formulaires, la validation manuelle, la validation, l’Administrateur de courriel et les contacts de remerciement des lecteurs dans un seul fichier. Comme d’habitude, j’ai commencé avec une nouvelle installation WordPress. Si vous ne savez pas quoi faire, consultez la transcription. Pour suivre les bonnes pratiques, je vais créer un sous – thème 212 (disponible ici) qui ne contient qu’une feuille de style et notre modèle de page personnalisé. Vous pouvez extraire un modèle de page personnalisé et le mettre dans n’importe quel sujet courant, et il devrait bien fonctionner (à l’exception de quelques changements CSS).
Dans le contenu \/ sujet WP, ajoutez un nouveau dossier appelé formulaire de contact. En interne, créez deux nouveaux fichiers: styles. CSS et page contactez – nous. Php. Style intérieur. CSS, Collez ce qui suit:
Nom du sujet: formulaire de contact
Modèle de page
Uri du sujet: https:\/\/wpmudev.com\/blog\/
Description: un formulaire de contact super simple et autonome que vous pouvez mettre dans un sujet existant.
Auteur: Harley
Uri par: https:\/\/wpmudev.com\/
Modèles: 20 couches
Version: 0.1
* \/
Importer une URL (\
À ce stade, vous devriez être en mesure de continuer et d’activer les sujets sur le site de test et de vous préparer à la publication.
Le Code du formulaire est affiché ici
Volontiers. Maintenant que nous avons la page de base, il est temps d’insérer un formulaire très simple.
Remplacer le Code du formulaire par le code suivant: \
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%20%20.error%7B%0A%20%20%20%20padding%3A%205px%209px%3B%0A%20%20%20%20border%3A%201px%20solid%20red%3B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%20%20border-radius%3A%203px%3B%0A%20%20%7D%0A%0A%20%20.success%7B%0A%20%20%20%20padding%3A%205px%209px%3B%0A%20%20%20%20border%3A%201px%20solid%20green%3B%0A%20%20%20%20color%3A%20green%3B%0A%20%20%20%20border-radius%3A%203px%3B%0A%20%20%7D%0A%0A%20%20form%20span%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%3C%2Fstyle%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt=" Nom:
\
\
Message (s):
Logique la logique qui sous – tend le formulaire de soumission est simple. Plusieurs composants doivent être construits. Générer une réponse et un message (basé sur la validation) Vérifier envoyer un courriel générer une réponse pour éviter le Code PHP confus, nous avons inséré la variable $Response dans le formulaire. C’est bien de séparer la logique de la visualisation. Mais comment le mettre en place? En fait, c’est très simple, nous devons écrire une fonction qui remplit la variable $Response avec la rétroaction validée. Cela doit contenir un message qui satisfait à chaque exigence de validation. En haut de la page contactez – nous. Php colle ce qui suit avant get _ header ().
{\ $message} ‘
Autre $réponse = \
}
? > Frais Ce n’est pas suffisant, mais si vous avez une connaissance de base de PHP, vous comprendrez a) que nous créons une variable $Response vide, b) que nous la remplissons avec le message $passé en fonction de son type $, qu’il s’agisse d’une erreur ou d’un succès. Maintenant, lorsque nous créons une validation, nous pouvons appeler Generate _ Response () (succès ou échec), passer un message (par exemple, une adresse e – mail invalide) et le message va directement sur le formulaire! Les variables à démarrer ont rarement trois ensembles de variables
Faites les bons calculs!) Si oui, vérifiez l’adresse e – mail si oui, vérifiez le nom et le message si nécessaire. Si toutes les actions ci – dessus sont réussies, envoyez un e – mail! Alors joignons – nous au jeu! La validation humaine est vraiment simple. Nous voulons vérifier si les utilisateurs du module ont correctement entré certains calculs mathématiques pour nous assurer qu’ils sont humains. Si vous regardez en arrière notre champ de mode, vous remarquerez que l’équation est 3 = 5. Donc, bien sûr, nous devons d’abord vérifier si la valeur n’est pas 2 et lancer une erreur. Si c’est 2, on continue. Sous les groupes de variables, Collez ce qui suit. Si (! $person = = 0) {
Si ($Human! = 2) mon _ contact form Generate Response (\
Ministère de l & apos; éducation
Valider le courriel
Vérifier que le nom et le message existent
Envoyer un courriel
}
}
Sinon, si ($u post [‘submitted’]) mon _ contact form Generate Response (\
Si (! Filter _ var ($EM)
ST (). Vous pouvez même en faire un moteur de recommandation entièrement piloté par l’utilisateur! Télécharger le formulaire de contact de l’étiquette source sujet: formulaires PHP