Il generatore di moduli più flessibile per Elementor-MetForm è il modo più veloce per creare moduli di contatto intuitivi con il maggior numero di funzionalità. Puoi creare moduli visivamente accattivanti utilizzando i layout di web design predefiniti di alta qualità forniti con il generatore di moduli di contatto drag-and-drop.

Plug-in 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:

Plugin richiesti:

1. Elementore: Scarica plugin
2. MetForm: Scarica 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 #

Per prima cosa, vai a Pagina reCAPTCHA di Google per creare una nuova chiave sito reCAPTCHA e una chiave segreta per il tuo sito. Sulla pagina:

1.1 Digitare a Etichetta per il sito.

1.2 Scegli il tipo reCAPTCHA. Qui abbiamo scelto reCAPTCHA v2.

1.3 Aggiungi il Dominio del tuo sito.

1.4 Inserisci il tuo (proprietario) indirizzo e-mail.

1.5 Accettare il Termini di servizio di reCAPTCHA.

1.6 Fare clic Invia pulsante.

1.7 Nella pagina successiva, otterrai il file Chiave del sito E Chiave segreta per reCAPTCHA. Copiateli per un uso successivo.

Step 2: Enable reCAPTCHA for WordPress #

Per aggiungere reCAPTCHA a Metform:

1. Navigare verso Metform > Settings > General dalla dashboard di WordPress.
2. Sotto il reCAPTCHA Settings, select the Google reCaptcha version: V2 or V.
3. Inserisci il Chiave del sito that your have generated earlier.
4. Then, enter ther Chiave segreta that your have generated along with.
5. Scroll down in the page and click the Salvare le modifiche pulsante.

Step-3: Add reCAPTCHA to WordPress Form in Elementor #

Per aggiungere il reCAPTCHA su un modulo:

3.1 Crea un nuovo modulo o apri un modulo con l'editor di Elementor.

3.2 Trova il Widget reCAPTCHA dal pannello dell'editor. Quindi trascinalo nel disegno.

Nota- Due delle demo di MetForm sono progettate con campi reCaptcha. Questi sono Modulo di contatto semplice 1 e Modulo di contatto semplice 2. Per una demo vuota o un'altra demo, devi trascinare e rilasciare il widget reCaptcha e quindi lavorarci.

3.3 Aggiungi un nome di classe extra, dove puoi aggiungere una nuova classe al wrapper di Recaptcha, quindi sarai in grado di aggiungere CSS/JS personalizzati alla classe. 

3.4 Fare clic su Aggiornamento pulsante per finalizzare il processo. 

3.5 Infine, guarda l'anteprima di reCAPTCHA sul pagina di anteprima.

[Nota: l'anteprima di reCAPTCHA non è disponibile nell'editor. reCAPTCHA verrà mostrato nella pagina di anteprima.]

Applicazione di reCAPTCHA (v3) #

Per applicare reCAPTCHA v3 devi iniziare dal passaggio 1. Inizia generando le due chiavi per v3. Successivamente, vai al passaggio 2, seleziona v3 e copia e incolla le chiavi.
Controlla ora l'anteprima del modulo –

Seguendo i passaggi precedenti, puoi integrare facilmente reCAPTCHA su Elementor utilizzando il plugin MetForm reCAPTCHA WordPress.