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 integrates with Google reCAPTCHA giving you the option to keep your website safe from spam and abuses. Read this documentation to learn how to add reCAPTCHA to WordPress using MetForm.

How to Add reCAPTCHA Spam Protection for WordPress Form #

To create a contact form in WordPress with reCAPTCHA, you will need to have the following plugins:

Plugins requis :

1. Élémentor : Télécharger le plugin
2. MetForm : Télécharger le plugin

Watch the video guide on how to create contact form for WordPress with captcha:

Step 1: Generate reCAPTCHA (v2) Site Key and Secret Key from 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.

Step 2: Enable reCAPTCHA for WordPress #

Pour ajouter reCAPTCHA à Metform :

1. Aller vers Metform > Settings > General depuis votre tableau de bord WordPress.
2. Sous le reCAPTCHA Settings, select the Google reCaptcha version: V2 or V.
3. Entrer le Clé du site that your have generated earlier.
4. Then, enter ther Clef secrète that your have generated along with.
5. Scroll down in the page and click the Sauvegarder les modifications bouton.

Step-3: Add reCAPTCHA to WordPress Form in 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.