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.

Guarda la guida video su come aggiungere campi condizionali al modulo Elementor

Passaggio 1: genera la chiave del sito reCAPTCHA (v2) e la chiave segreta da 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.

Passaggio 2: aggiungi reCAPTCHA a Metform #

Per aggiungere reCAPTCHA a Metform:

2.1 Navigare verso Metform > Impostazioni > Generale dalla dashboard di WordPress.

2.2 Selezionare la versione di reCAPTCHA su "reCAPTCHA V2".

2.3 Copia e incolla Chiave del sito E Chiave segreta nei rispettivi campi. Se non hai generato le chiavi prima, puoi farlo ora facendo clic Crea da qui sotto i campi.

2.4 Fare clic su Salvare le modifiche pulsante nell'angolo in alto a destra.

Passaggio 3: aggiungi reCAPTCHA a un modulo 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.