Der flexibelste Formularersteller für Elementor – MetForm ist der schnellste Weg, benutzerfreundliche Kontaktformulare mit der höchsten Anzahl an Funktionen zu erstellen. Mit den hochwertigen vorgefertigten Webdesign-Layouts, die im Drag-and-Drop-Kontaktformular-Builder enthalten sind, können Sie optisch ansprechende Formulare erstellen.

MetForm-Plugin Durch die Integration mit Google reCAPTCHA haben Sie die Möglichkeit, Ihre Website vor Spam und Missbrauch zu schützen. Mit diesem reCAPTCHA-WordPress-Plugin können Sie reCAPTCHA ganz einfach zum Elementor-Formular hinzufügen. Lesen Sie diese Dokumentation, um zu erfahren, wie Sie mit MetForm reCAPTCHA zu WordPress hinzufügen.

Sehen Sie sich die Videoanleitung zum Hinzufügen von bedingten Feldern zum Elementor-Formular an

Schritt 1: Generieren Sie den reCAPTCHA (v2)-Site-Schlüssel und den geheimen Schlüssel von Google #

Gehen Sie zunächst zu Google reCAPTCHA-Seite um einen neuen reCAPTCHA Site Key und Secret Key für Ihre Site zu erstellen. Auf der Seite:

1.1 Typ a Etikett für die Seite.

1.2 Wählen Sie die reCAPTCHA-Typ. Hier haben wir uns für reCAPTCHA v2 entschieden.

1.3 Fügen Sie die hinzu Domain Ihrer Website.

1.4 Geben Sie Ihre (Eigentümer) ein E-Mail-Adresse.

1.5 Akzeptieren Sie die reCAPTCHA-Nutzungsbedingungen.

1.6 Klicken Sie Einreichen Taste.

1.7 Auf der nächsten Seite erhalten Sie die Site-Schlüssel Und Geheimer Schlüssel für reCAPTCHA. Kopieren Sie sie zur späteren Verwendung.

Schritt 2: reCAPTCHA zu Metform hinzufügen #

So fügen Sie reCAPTCHA zu Metform hinzu:

2.1 Navigieren zu Metform > Einstellungen > Allgemein aus Ihrem WordPress-Dashboard.

2.2 Wählen Sie die reCAPTCHA-Version auf „reCAPTCHA V2“.

2.3 Kopieren und Einfügen Site-Schlüssel Und Geheimer Schlüssel in die entsprechenden Felder ein. Wenn Sie die Schlüssel noch nicht generiert haben, können Sie dies jetzt tun, indem Sie auf klicken Von hier aus erstellen unter den Feldern.

2.4 Klicken Sie auf Änderungen speichern Schaltfläche in der oberen rechten Ecke.

Schritt 3: Fügen Sie reCAPTCHA zu einem Formular in Elementor hinzu #

So fügen Sie reCAPTCHA zu einem Formular hinzu:

3.1 Erstellen Sie ein neues Formular oder öffnen Sie ein Formular mit dem Elementor-Editor.

3.2 Finden Sie die reCAPTCHA-Widget aus dem Editor-Panel. Ziehen Sie es dann in das Design.

Notiz- Zwei der MetForm-Demos sind mit reCaptcha-Feldern gestaltet. Dies sind das einfache Kontaktformular 1 und das einfache Kontaktformular 2. Für eine leere Demo oder eine andere Demo müssen Sie das reCaptcha-Widget per Drag-and-Drop verschieben und dann damit arbeiten.

3.3 Fügen Sie einen zusätzlichen Klassennamen hinzu, wo Sie dem Wrapper des Recaptcha eine neue Klasse hinzufügen können, dann können Sie der Klasse benutzerdefiniertes CSS/JS hinzufügen. 

3.4 Klicken Sie auf Aktualisieren Klicken Sie auf die Schaltfläche, um den Vorgang abzuschließen. 

3.5 Sehen Sie sich abschließend die Vorschau von reCAPTCHA an Vorschauseite.

[Hinweis: Die reCAPTCHA-Vorschau ist im Editor nicht verfügbar. reCAPTCHA wird auf der Vorschauseite angezeigt.]

Anwenden von reCAPTCHA (v3) #

Um reCAPTCHA v3 anzuwenden, müssen Sie mit Schritt 1 beginnen. Beginnen Sie mit der Generierung der beiden Schlüssel für v3. Gehen Sie als Nächstes zu Schritt 2, wählen Sie v3 aus und kopieren Sie die Schlüssel und fügen Sie sie ein.
Schauen Sie sich jetzt die Formularvorschau an –

Wenn Sie die oben genannten Schritte ausführen, können Sie reCAPTCHA mithilfe des MetForm reCAPTCHA WordPress-Plugins problemlos in Elementor integrieren.