Den mest fleksible formularbygger til Elementor-MetForm er den hurtigste måde at bygge brugervenlige kontaktformularer med det højeste antal funktionaliteter. Du kan bygge visuelt fængslende formularer ved hjælp af de højkvalitets præbyggede webdesignlayouts, der følger med træk-og-slip kontaktformularbyggeren.

MetForm plugin integreres med Google reCAPTCHA, hvilket giver dig mulighed for at beskytte dit websted mod spam og misbrug. Du kan nemt tilføje reCAPTCHA til Elementor-formularen ved hjælp af dette reCAPTCHA WordPress-plugin. Læs denne dokumentation for at lære, hvordan du tilføjer reCAPTCHA til WordPress ved hjælp af MetForm.

Se videoguiden om, hvordan du tilføjer betingede felter til Elementor-formularen

Trin-1: Generer reCAPTCHA (v2) webstedsnøgle og hemmelig nøgle fra Google #

Gå først til Google reCAPTCHA-side for at oprette en ny reCAPTCHA-webstedsnøgle og hemmelig nøgle til dit websted. På siden:

1.1 Skriv a Etiket for webstedet.

1.2 Vælg reCAPTCHA type. Her har vi valgt reCAPTCHA v2.

1.3 Tilføj Domæne af dit websted.

1.4 Indtast din (ejers) email adresse.

1.5 Accepter reCAPTCHA Servicevilkår.

1.6 Klik Indsend knap.

1.7 På næste side får du Site nøgle og Hemmelig nøgle til reCAPTCHA. Kopier dem til senere brug.

Trin-2: Tilføj reCAPTCHA til Metform #

For at tilføje reCAPTCHA til Metform:

2.1 Naviger til Metform > Indstillinger > Generelt fra dit WordPress-dashboard.

2.2 Vælg reCAPTCHA version til "reCAPTCHA V2".

2.3 Kopiér og indsæt Site nøgle og Hemmelig nøgle ind i de respektive felter. Hvis du ikke har genereret nøglerne før, kan du gøre det nu ved at klikke Opret herfra under markerne.

2.4 Klik på Gem ændringer knappen i øverste højre hjørne.

Trin-3: Tilføj reCAPTCHA til en formular i Elementor #

Sådan tilføjer du reCAPTCHA på en formular:

3.1 Opret en ny formular, eller åbn en formular med Elementor editor.

3.2 Find reCAPTCHA-widget fra redaktørpanelet. Træk det derefter ind i designet.

Bemærk- To af MetForm-demoerne er designet med reCaptcha-felter. Det er Simpel kontaktformular 1 og Simpel kontaktformular 2. For en tom demo eller en anden demo skal du trække og slippe reCaptcha-widgetten og derefter arbejde med den.

3.3 Tilføj ekstra klassenavn, hvor du kan tilføje en ny klasse til indpakningen af Recaptcha'en, så vil du være i stand til at tilføje tilpasset CSS / JS til klassen. 

3.4 Klik på Opdatering knappen for at afslutte processen. 

3.5 Se endelig forhåndsvisningen af reCAPTCHA på forhåndsvisningsside.

[Bemærk: preview af reCAPTCHA er ikke tilgængelig i editoren. reCAPTCHA vil blive vist på forhåndsvisningssiden.]

Anvender reCAPTCHA (v3) #

For at anvende reCAPTCHA v3 skal du starte fra Trin-1. Begynd med at generere de to nøgler til v3. Gå derefter til trin-2, vælg v3, og copy-paste tasterne.
Tjek formularens forhåndsvisning nu –

Ved at følge ovenstående trin kan du nemt integrere reCAPTCHA på Elementor ved hjælp af MetForm reCAPTCHA WordPress plugin.