Résumé IA
Utilisez-vous Google AMP sur votre site pour accélérer le 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.
Prérequis : La compatibilité Google AMP n'est disponible que pour WPForms Lite. De plus, votre site doit avoir un certificat SSL installé et 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.
Qu'est-ce que Google AMP ?
Google AMP, ou Accelerated Mobile Pages, est une initiative open-source visant à rendre le contenu Web plus rapide 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.
C'est pourquoi WPForms inclut une compatibilité spéciale spécifiquement pour Google AMP.
Ajouter la compatibilité AMP à WPForms
Remarque : Le champ Curseur 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 Numéros à la place si vous souhaitez activer AMP pour votre site WordPress.
Pour commencer, vous devrez installer et activer le plugin Google AMP officiel pour WordPress. Pour plus de détails sur la façon d'installer un plugin, veuillez consulter le guide de WPBeginner.
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.
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.
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 et cliquez sur l'icône d'engrenage pour le reCAPTCHA v3 que vous avez ajouté à WPForms.
Faites ensuite défiler jusqu'en bas de la page des paramètres et cochez la case à côté de Autoriser cette clé à fonctionner avec les pages AMP.
Note : 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 d'insigne reCAPTCHA sur les formulaires intégrés aux pages AMP.
N'oubliez pas de sauvegarder vos paramètres. L'insigne reCAPTCHA devrait alors être visible sur vos pages AMP.
Enfin, assurez-vous de tester vos formulaires avec AMP afin de vous assurer qu'ils s'affichent et fonctionnent exactement comme vous le souhaitez.
C'est tout ! 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'aucun accès Internet n'est disponible ? Consultez notre tutoriel sur le module complémentaire Mode hors ligne pour en savoir plus.