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 si integra con Google reCAPTCHA dandoti la possibilità di proteggere il tuo sito web da spam e abusi. Puoi aggiungere facilmente reCAPTCHA al modulo Elementor utilizzando questo plugin WordPress reCAPTCHA. Leggi questa documentazione per scoprire come aggiungere reCAPTCHA a WordPress utilizzando 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.