Voulez-vous créer des formulaires compatibles AMP sur votre site WordPress?
Accelerated Mobile Pages, ou AMP, est un projet Google qui accélère le chargement des sites Web sur les appareils mobiles.
Bien que AMP offre une excellente expérience de navigation mobile, en accélérant le chargement de vos pages, il désactive de nombreuses fonctionnalités utiles sur votre site Web.
L’un est le formulaire de contact. Comme AMP utilise un ensemble limité de code HTML et JavaScript, vous ne pouvez pas charger correctement vos formulaires WordPress sur les pages AMP.
Mais heureusement, il existe désormais une solution simple. WPForms, le plugin de formulaires WordPress le plus convivial pour les débutants, vous aide désormais à créer des formulaires WordPress prêts pour AMP. Son équipe a récemment travaillé avec Google pour faciliter les formulaires AMP pour WordPress.
Dans cet article, nous vous montrerons comment créer des formulaires AMP dans WordPress à l’aide de WPForms (la manière la plus simple).
Créez des formulaires AMP dans WordPress (étape par étape)
Pour utiliser AMP avec WordPress, vous devez installer et activer le plugin AMP officiel pour WordPress. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Une fois activé, le plugin ajoutera automatiquement la prise en charge de Google AMP à votre site WordPress.
Cependant, vous pouvez modifier les paramètres AMP de votre site en visitant AMP »Général de votre panneau.
Sur la page des paramètres AMP, vous pouvez activer ou désactiver AMP sur votre site, choisir un mode de site pour AMP et choisir les modèles pris en charge.
Après avoir configuré AMP, l’étape suivante consiste à créer un formulaire de contact compatible AMP sur votre site WordPress.
Étape 1. Créez un formulaire WordPress avec WPForms
Pour commencer, installez et activez le plugin WPForms Lite sur votre site Web. Il s’agit de la version allégée du plugin WPForms Pro.
Les versions allégée et professionnelle de WPForms vous permettent de créer un formulaire de contact de base compatible AMP. Dans notre article, nous utiliserons la version gratuite pour les captures d’écran.
Après avoir installé et activé le plugin, vous devez vous rendre sur WPForms »Ajouter un nouveau page pour créer un nouveau formulaire WordPress.
Sur l’écran des paramètres du formulaire, vous pouvez choisir un modèle de formulaire pour démarrer rapidement. Vous pouvez sélectionner le formulaire vierge si vous souhaitez recommencer à zéro.
La page de création de formulaire s’ouvre alors.
De là, vous pouvez ajouter ou supprimer des champs de formulaire. Pour ajouter un nouveau champ à votre formulaire, cliquez simplement sur un champ dans le volet gauche et il apparaîtra dans le panneau de création de formulaire à droite.
Après cela, vous pouvez configurer les options de champ. Cliquez simplement sur un champ et les options du champ apparaîtront.
De même, vous pouvez personnaliser tous les autres champs.
Après cela, vous pouvez cliquer sur l’onglet Paramètres pour configurer vos paramètres de formulaire.
Les paramètres généraux vous permettent de modifier le nom de votre formulaire, d’envoyer le texte du bouton, d’envoyer le traitement du bouton, d’activer l’antispam Honeypot et bien plus encore.
Ensuite, vous pouvez cliquer sur l’onglet Notifications pour configurer des notifications par e-mail qui vous avertissent lorsqu’un utilisateur remplit le formulaire.
Vous pouvez cliquer sur l’onglet Confirmation pour configurer un message de confirmation qui apparaîtra lorsqu’un utilisateur soumettra le formulaire.
Une fois l’installation terminée, vous pouvez enregistrer votre formulaire.
Étape 2. Ajoutez votre formulaire AMP à une page
Maintenant que votre formulaire WordPress est prêt, vous pouvez l’ajouter à une page.
Tout d’abord, vous devez créer une nouvelle page ou ouvrir une page existante à laquelle vous souhaitez ajouter le formulaire.
Sur l’écran d’édition de votre page, cliquez sur l’icône Ajouter un nouveau bloc et sélectionnez le bloc WPForms.
Après cela, vous pouvez voir le widget WPForms ajouté à l’écran d’édition de votre page. Il vous suffit de sélectionner le formulaire que vous avez créé précédemment, et le widget le chargera instantanément dans l’éditeur de page.
Vous pouvez publier ou mettre à jour votre page.
C’est tout! Vous n’avez pas besoin de configurer autre chose. Le plugin WPForms Lite ajoutera désormais une prise en charge AMP complète à votre formulaire.
Si vous voulez voir à quoi il ressemble, vous pouvez ouvrir la page sur votre appareil mobile.
Ou pouvez-vous ouvrir la page dans le navigateur du bureau en ajoutant / amp / ou /? Amplificateur à la fin de la page URL. Par exemple, https://www.example.com/contact/?amp.
Ajoutez Google reCAPTCHA à votre formulaire AMP
Par défaut, WPForms inclut un pot de miel anti-spam pour attraper et bloquer le spam. De plus, vous pouvez utiliser Google reCAPTCHA pour réduire les envois de spam.
Pour utiliser Google reCAPTCHA avec vos formulaires AMP, vous devez enregistrer votre site avec Google reCAPTCHA v3 et obtenir les clés de l’API Google.
Accédez au site Web Google reCAPTCHA et cliquez sur le bouton “Console d’administration” dans le coin supérieur droit de la page.
Après cela, vous devez vous connecter avec votre compte Google. Une fois cela fait, vous verrez la page “Enregistrer un nouveau site Web”.
Tout d’abord, vous devez entrer le nom de votre site Web dans le champ Étiquette. Google AMP ne prend en charge que reCAPTCHA v3, vous devez donc choisir entre les options de type reCAPTCHA.
Après cela, entrez votre nom de domaine dans la section Domaines.
La section Propriétaires affiche l’adresse e-mail par défaut. Vous pouvez également ajouter un autre e-mail si vous le souhaitez.
Vous devez accepter les conditions d’utilisation de reCAPTCHA pour continuer. Cochez également la case «Envoyer des alertes aux propriétaires», qui permettra à Google de vous informer de problèmes tels que des paramètres incorrects et du trafic suspect sur votre site.
Une fois terminé, cliquez sur le bouton Soumettre.
Vous verrez un message de réussite avec la clé du site et la clé secrète pour ajouter reCAPTCHA à votre site.
Vous disposez désormais des clés de l’API Google pour ajouter reCAPTCHA à vos formulaires. Cependant, un ajustement supplémentaire est nécessaire pour garantir la compatibilité AMP avec reCATCHA. Cliquez sur le lien “Accéder aux paramètres”.
Vous verrez à nouveau les paramètres reCAPTCHA avec la case à cocher “Autoriser cette clé à fonctionner avec les pages AMP”. Cochez simplement la case et cliquez sur le bouton Enregistrer ci-dessous.
Maintenant que vous disposez des clés de l’API Google pour ajouter reCAPTCHA aux formulaires AMP, ouvrez WPForms »Configuration» reCAPTCHA page dans votre tableau de bord WordPress.
Sur cet écran, vous devez choisir l’option reCAPTCHA v3 et coller la clé de site et la clé secrète. Après cela, cliquez sur le bouton Enregistrer les paramètres.
Maintenant que Google reCAPTCHA a été ajouté à WPForms, vous pouvez l’activer dans vos formulaires si nécessaire. Allons-y WPForms »Tous les formulaires et sélectionnez le formulaire dans lequel vous souhaitez activer reCAPTCHA.
Lorsque l’écran des paramètres du formulaire apparaît, cliquez sur l’onglet Paramètres et sélectionnez la section Paramètres généraux. En bas, vous pouvez voir la case “Activer Google v3 reCAPTCHA”.
Cochez la case et enregistrez votre formulaire en cliquant sur le bouton Enregistrer dans le coin supérieur droit.
Après cela, vous pouvez revoir la page de contact et voir le formulaire AMP avec reCAPTCHA en action.
Nous espérons que cet article vous a aidé à apprendre à créer facilement des formulaires AMP dans WordPress. Vous pouvez également consulter notre guide sur la façon de créer des formulaires conformes au RGPD dans WordPress.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour regarder des vidéos de didacticiel WordPress. Vous pouvez également nous trouver sur Twitter et Facebook
