<html lang="fr-fr" dir="ltr"><head></head><body>### [Utilisation de WPForms avec AMP](https://wpforms.com/docs/how-to-use-wpforms-with-amp/)

**Publié le :** 23 novembre 2023
**Auteur :** Umair Majeed

**Extrait :** Apprenez à vous assurer que vos formulaires fonctionnent correctement avec AMP.

**Contenu :**

Utilisez-vous Google AMP sur votre site pour accélérer le temps de chargement des pages mobiles ? Vous pouvez configurer AMP, ou Accelerated Mobile Pages, pour aider votre site à se charger plus rapidement sur les appareils mobiles. Cependant, cela peut également empêcher certaines fonctionnalités de votre site de fonctionner correctement.

Ce tutoriel vous montrera comment utiliser WPForms avec AMP sur votre site WordPress.

- [Qu'est-ce que Google AMP ?](#what-is-amp)
- [Ajouter la compatibilité AMP à WPForms](#amp-compatibility)
- [Utiliser reCAPTCHA avec WPForms et AMP](#recaptcha)

**Prérequis :** La compatibilité Google AMP n'est disponible que pour [WPForms Lite](https://wordpress.org/plugins/wpforms-lite/ "WordPress.org : WPForms Lite"). De plus, votre site doit avoir un certificat SSL installé et se charger via HTTPS pour que WPForms fonctionne avec Google AMP. Si vous n'êtes pas sûr de la manière de migrer vers HTTPS, veuillez consulter le tutoriel de WPBeginner sur [ce processus](https://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/).

---

## Qu'est-ce que Google AMP ?

[Google AMP](http://www.wpbeginner.com/wp-tutorials/how-to-properly-setup-google-amp-on-your-wordpress-site/ "Comment configurer correctement Google AMP sur votre site WordPress"), ou Accelerated Mobile Pages, est une initiative open-source visant à accélérer le chargement du contenu web pour les utilisateurs mobiles.

Cependant, pour obtenir ces améliorations de vitesse de chargement, AMP empêche le chargement de nombreuses ressources. Par conséquent, certaines fonctionnalités ne fonctionneront pas comme prévu sur les pages AMP.

Par exemple, par défaut, WPForms détectera automatiquement si vos formulaires sont chargés sur une page AMP. Si une page AMP est détectée, l'utilisateur verra un lien pour charger la version complète (non-AMP) de la page.

![Une page de formulaire non compatible avec AMP sur un appareil mobile](https://wpforms.com/wp-content/uploads/2019/06/amp-incompatible-form-page-1.png)C'est pourquoi WPForms inclut une compatibilité spéciale pour Google AMP.

## Ajouter la compatibilité AMP à WPForms

**Remarque :** Le champ Compteur numérique et le champ Liste déroulante Style moderne ne sont pas pris en charge lors de l'utilisation d'AMP. Nous vous recommandons d'utiliser les champs Liste déroulante Style classique et Nombres à la place si vous souhaitez activer AMP pour votre site WordPress.

Pour commencer, vous devrez installer et activer le plugin officiel [Google AMP pour WordPress](https://wordpress.org/plugins/amp/ "WordPress.org : AMP"). Pour plus de détails sur l'installation d'un plugin, veuillez consulter le [guide de WPBeginner](https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/ "Guide étape par étape pour installer un plugin WordPress pour débutants").

Vous pouvez utiliser l'assistant de configuration du plugin Google AMP pour configurer les paramètres nécessaires. Pour plus de détails, consultez le tutoriel complet de WPBeginner sur [l'utilisation d'AMP avec WordPress](https://www.wpbeginner.com/wp-tutorials/how-to-properly-setup-google-amp-on-your-wordpress-site/).

Aucune configuration supplémentaire n'est nécessaire pour intégrer vos formulaires au plugin AMP, et la compatibilité sera automatiquement ajoutée à tous vos formulaires intégrés.

## Utiliser reCAPTCHA avec WPForms et AMP

Pour utiliser reCAPTCHA dans WPForms avec AMP, vous devez utiliser reCAPTCHA v3. C'est la seule version de reCAPTCHA prise en charge par AMP.

Pour un guide étape par étape sur l'activation de cette fonctionnalité, veuillez consulter notre tutoriel sur [la configuration de reCAPTCHA dans WPForms](https://wpforms.com/docs/setup-captcha-wpforms/ "Comment configurer reCAPTCHA dans WPForms").

Si vous utilisez actuellement reCAPTCHA v2 dans vos formulaires, vous devrez répéter le processus de configuration (y compris la création de nouvelles clés) pour passer à reCAPTCHA v3.

Si vous souhaitez que reCAPTCHA fonctionne sur vos pages AMP, vous devrez l'activer dans vos paramètres reCAPTCHA.

Pour ce faire, accédez à votre [tableau de bord administrateur reCAPTCHA](https://www.google.com/recaptcha/intro/v3.html) et cliquez sur l'icône d'engrenage pour le reCAPTCHA v3 que vous avez ajouté à WPForms.

![Accès aux paramètres reCAPTCHA](https://wpforms.com/wp-content/uploads/2019/06/open-recaptcha-settings.png)Faites ensuite défiler vers le bas de la page des paramètres et cochez la case à côté de **Autoriser cette clé à fonctionner avec les pages AMP**.

![Autoriser reCAPTCHA sur les pages AMP](https://wpforms.com/wp-content/uploads/2019/06/allow-recaptcha-on-amp-pages.png)**Remarque :** Les paramètres CAPTCHA sont définis par défaut sur reCAPTCHA invisible sur les pages AMP. Cela signifie que les utilisateurs ne verront pas de badge reCAPTCHA sur les formulaires intégrés sur les pages AMP.

N'oubliez pas d'enregistrer vos paramètres. Le badge reCAPTCHA devrait alors être visible sur vos pages AMP.

Enfin, assurez-vous de [tester vos formulaires](https://wpforms.com/docs/how-to-properly-test-your-wordpress-forms-before-launching-checklist/ "Comment tester correctement vos formulaires WordPress avant le lancement [Checklist]") avec AMP afin de vous assurer qu'ils s'affichent et fonctionnent exactement comme vous le souhaitez.

Voilà ! Vous pouvez maintenant vous assurer que les utilisateurs mobiles de votre site peuvent toujours voir et remplir vos formulaires avec Google AMP.

Ensuite, souhaitez-vous apprendre comment collecter les soumissions de formulaires même lorsqu'il n'y a pas d'Internet disponible ? Consultez notre tutoriel sur le module complémentaire [Mode hors ligne](https://wpforms.com/docs/how-to-install-and-set-up-the-offline-forms-addon/ "Comment installer et configurer le module complémentaire Formulaires hors ligne") pour en savoir plus.

**Catégories :** Extension, Extension de fonctionnalités

---</body></html>