Comment créer un formulaire de contact compatible AMP pour WordPress

Voulez – vous créer un formulaire de contact compatible amp? AMP ou pages mobiles accélérées est une technologie Google qui permet de charger rapidement des pages Web sur des appareils mobiles. Dans cet article, nous vous montrerons comment créer un formulaire de contact qui sera chargé sans problème sur votre page AMP. Nous expliquerons également comment ajouter recaptcha au formulaire de contact AMP pour le protéger des spammeurs. Créez un formulaire de contact compatible avec amp dans WordPress AMP (Accelerated mobile page) pour offrir la meilleure expérience aux utilisateurs avec des connexions Internet lentes. Téléchargez les pages plus rapidement sur votre appareil mobile, ce qui vous aide à augmenter le trafic sur votre site.
Toutefois, les SAP posent de nombreux défis aux propriétaires de sites Web. L’un d’eux est qu’il permet une utilisation limitée des ressources pour charger les pages plus rapidement. Par conséquent, certaines fonctions ne fonctionnent pas normalement sur les pages AMP. Qu’arrive – t – il au formulaire de contact sur votre site Web? Ça marche? Wpforms est le meilleur plugin pour WordPress form Builder. Accès gratuit! Si vous utilisez le plug – in wpforms, il détecte automatiquement si le module est chargé sur la page AMP. Il affiche ensuite un lien vers une version non AMP de la page pour charger correctement le formulaire. Cependant, au lieu d’afficher le message ci – dessus, vous pouvez également ajouter le formulaire à la page AMP. Pour ce faire, vous devez utiliser le plug – in wpforms Lite, puis créer un module entièrement compatible avec AMP. Par conséquent, sans autre discussion, regardons le processus étape par étape pour créer un formulaire de contact compatible AMP pour les sites WordPress. Étape 1: installez le plug – in AMP la première chose que vous devez faire est d’installer et d’activer le plug – in amp officiel Google de WordPress. Ce plugin gratuit est essentiel pour ajouter le support AMP à votre site. Vous pouvez consulter le Guide étape par étape
Des instructions détaillées sur la façon d’installer le plugin wordpress.
Une fois activé, le plug – in ajoute automatiquement le support AMP à votre site. Cependant, vous pouvez toujours modifier les paramètres en accédant à la page paramètres AMP. Pour plus de détails, suivez les instructions pour configurer correctement Google AMP sur le site WordPress. Étape 2: créer un module WordPress est le moment de créer un formulaire de contact avec l’aide du plugin wpforms Lite. Pour commencer, vous devez installer et activer le plug – in wpforms Lite. Une fois activé, vous devez aller à wpforms \
Puisque nous voulons créer un formulaire de contact, continuez et cliquez sur le modèle de formulaire de contact simple. Cela vous mènera à la page form Builder où vous pouvez facilement ajouter ou supprimer des champs. Par exemple, si vous ajoutez un champ objet, il suffit de faire glisser et de déposer un champ de texte à une ligne du panneau de gauche dans le formulaire. Pour changer le nom du champ, cliquez sur le champ dans le panneau de droite et changez l’étiquette dans le panneau de gauche. Mieux encore, vous pourrez voir les changements sur place. C’est bien, n’est – ce pas?
De même, vous pouvez modifier les autres champs du formulaire à votre façon. Vous pouvez également suivre nos tutoriels étape par étape pour apprendre à créer des formulaires de contact simples dans WordPress. Une fois la section personnalisation terminée, vous pouvez passer de la barre de gauche du constructeur de modules à la page de configuration du module. Vous pouvez modifier les paramètres de notification et de confirmation ici. Enfin, vous devez vous souvenir des modifications en cliquant sur le bouton Enregistrer qui se trouve à
Ampères. Dans le champ domaine, vous devez saisir le nom de domaine (à l’exclusion de http: \/ \/ www) du site Web que vous souhaitez ajouter au support recaptcha. Vous pouvez également ajouter plusieurs champs ou sous – Champs en cliquant sur l’icône plus (+).
En ce qui concerne le champ propriétaire, par défaut, votre adresse e – mail sera là. Cependant, vous pouvez ajouter des adresses e – mail supplémentaires si vous le souhaitez. Enfin, sélectionnez la case à cocher accepter les conditions de service recaptcha, faites défiler vers la fin de la page et cliquez sur le bouton soumettre. Vous verrez maintenant un message de succès ainsi que la clé du site et la clé du site. Vous devez copier ces clés car vous devez les utiliser sur le site WordPress. Mais avant ça, tu devrais faire une dernière chose.
Tout d’abord, vous devez cliquer sur le lien aller aux paramètres. Ensuite, faites défiler vers la fin de la page et sélectionnez la case à cocher autoriser ce bouton à utiliser la page AMP. Ceci est nécessaire pour exécuter recaptcha V3 sur la page AMP. Une fois terminé, vous devez cliquer sur le bouton Enregistrer pour enregistrer les modifications. Étape 4: ajouter recaptcha à votre formulaire de contact pour commencer, vous devez ajouter votre clé de site et votre clé à votre site Web. Ensuite, allez sur le site WordPress, de la barre latérale gauche du panneau d’administration WordPress à la page de configuration wpforms. Ensuite, vous devez cliquer sur l’onglet recaptcha pour modifier les paramètres. Ici, vous devez sélectionner recaptcha V3 comme type et coller le site et la clé dans les champs appropriés. Une fois terminé, vous devez faire défiler vers le bas et cliquer sur le bouton Enregistrer les paramètres pour enregistrer les modifications. Il est temps d’ajouter recaptcha au formulaire de contact compatible AMP. Pour ce faire, vous devez aller à wpforms tous les formulaires et cliquer sur le titre