Le générateur de formulaires le plus flexible pour Elementor-MetForm est le moyen le plus rapide de créer des formulaires de contact conviviaux avec le plus grand nombre de fonctionnalités. Vous pouvez créer des formulaires visuellement captivants à l'aide des mises en page de conception Web prédéfinies de haute qualité fournies avec le générateur de formulaires de contact par glisser-déposer.

Plugin MetForm s'intègre à Google reCAPTCHA, vous offrant la possibilité de protéger votre site Web contre le spam et les abus. Vous pouvez facilement ajouter reCAPTCHA au formulaire Elementor à l’aide de ce plugin WordPress reCAPTCHA. Lisez cette documentation pour savoir comment ajouter reCAPTCHA à WordPress à l'aide de MetForm.

Regardez le guide vidéo sur la façon d'ajouter des champs conditionnels au formulaire Elementor

Étape 1 : Générer la clé de site et la clé secrète reCAPTCHA (v2) à partir de Google #

Tout d'abord, allez au Page Google reCAPTCHA pour créer une nouvelle clé de site reCAPTCHA et une clé secrète pour votre site. Sur la page:

1.1 Tapez un Étiquette pour le site.

1.2 Choisissez le tapez reCAPTCHA. Ici, nous avons choisi reCAPTCHA v2.

1.3 Ajouter le Domaine de votre site.

1.4 Entrez votre (propriétaire) adresse e-mail.

1.5 Accepter le Conditions d'utilisation de reCAPTCHA.

1.6 Cliquez Soumettre bouton.

1.7 Sur la page suivante, vous obtiendrez le Clé du site et Clef secrète pour reCAPTCHA. Copiez-les pour une utilisation ultérieure.

Étape 2 : ajouter reCAPTCHA à Metform #

Pour ajouter reCAPTCHA à Metform :

2.1 Accédez à Metform > Paramètres > Général depuis votre tableau de bord WordPress.

2.2 Sélectionnez la version de reCAPTCHA sur « reCAPTCHA V2 ».

2.3 Copier et coller Clé du site et Clef secrète dans les champs respectifs. Si vous n'avez pas généré les clés auparavant, vous pouvez le faire maintenant en cliquant sur Créez à partir d'ici sous les champs.

2.4 Cliquez sur le Sauvegarder les modifications bouton dans le coin supérieur droit.

Étape 3 : ajouter reCAPTCHA à un formulaire dans Elementor #

Pour ajouter le reCAPTCHA sur un formulaire :

3.1 Créez un nouveau formulaire ou ouvrez un formulaire avec l'éditeur Elementor.

3.2 Trouver le Widget reCAPTCHA depuis le panneau de l'éditeur. Faites-le ensuite glisser dans le design.

Note- Deux des démos MetForm sont conçues avec des champs reCaptcha. Il s'agit du formulaire de contact simple 1 et du formulaire de contact simple 2. Pour une démo vierge ou une autre démo, vous devez glisser et déposer le widget reCaptcha puis travailler avec lui.

3.3 Ajouter un nom de classe supplémentaire, où vous pouvez ajouter une nouvelle classe au wrapper du Recaptcha, vous pourrez alors ajouter du CSS/JS personnalisé à la classe. 

3.4 Cliquez sur le Mise à jour bouton pour finaliser le processus. 

3.5 Enfin, voyez l'aperçu de reCAPTCHA sur le page d'aperçu.

[Remarque : l'aperçu de reCAPTCHA n'est pas disponible dans l'éditeur. reCAPTCHA sera affiché sur la page d'aperçu.]

Application de reCAPTCHA (v3) #

Pour appliquer reCAPTCHA v3, vous devez commencer à partir de l'étape 1. Commencez par générer les deux clés pour la v3. Ensuite, passez à l'étape 2, sélectionnez la v3 et copiez-collez les clés.
Vérifiez l'aperçu du formulaire maintenant -

En suivant les étapes ci-dessus, vous pouvez facilement intégrer reCAPTCHA sur Elementor à l'aide du plugin WordPress MetForm reCAPTCHA.