Najbardziej elastyczny kreator formularzy dla Elementora- MetForm to najszybszy sposób na budowanie przyjaznych dla użytkownika formularzy kontaktowych z największą liczbą funkcjonalności. Możesz tworzyć atrakcyjne wizualnie formularze, korzystając z wysokiej jakości gotowych układów do projektowania stron internetowych, które są dostępne w narzędziu do tworzenia formularzy kontaktowych typu „przeciągnij i upuść”.

Wtyczka 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.

Obejrzyj przewodnik wideo na temat dodawania pól warunkowych do formularza Elementora

Krok 1: Wygeneruj klucz witryny i tajny klucz reCAPTCHA (v2) od Google #

Najpierw idź do Strona Google reCAPTCHA aby utworzyć nowy klucz witryny reCAPTCHA i tajny klucz dla swojej witryny. Na stronie:

1.1 Wpisz a Etykieta dla witryny.

1.2 Wybierz typ reCAPTCHA. Tutaj wybraliśmy reCAPTCHA v2.

1.3 Dodaj Domena Twojej witryny.

1.4 Podaj swoje (właściciela) adres e-mail.

1.5 Zaakceptuj Warunki korzystania z usługi reCAPTCHA.

1.6 Kliknij Składać przycisk.

1.7 Na następnej stronie znajdziesz Kluczem Strona I Sekretny klucz dla reCAPTCHA. Skopiuj je do późniejszego wykorzystania.

Krok 2: Dodaj reCAPTCHA do Metform #

Aby dodać reCAPTCHA do Metform:

2.1 Przejdź do Metform > Ustawienia > Ogólne z panelu WordPress.

2.2 Wybierz wersję reCAPTCHA na „reCAPTCHA V2”.

2.3 Kopiuj i wklej Kluczem Strona I Sekretny klucz w odpowiednie pola. Jeśli wcześniej nie wygenerowałeś kluczy, możesz to zrobić teraz, klikając Utwórz stąd pod polami.

2.4 Kliknij Zapisz zmiany przycisk w prawym górnym rogu.

Krok 3: Dodaj reCAPTCHA do formularza w Elementorze #

Aby dodać reCAPTCHA do formularza:

3.1 Utwórz nowy formularz lub otwórz formularz w edytorze Elementor.

3.2 Znajdź widżet reCAPTCHA z panelu edytora. Następnie przeciągnij go do projektu.

Notatka- Dwie wersje demonstracyjne MetForm zostały zaprojektowane przy użyciu pól reCaptcha. Są to Prosty formularz kontaktowy 1 i Prosty formularz kontaktowy 2. Aby uzyskać puste demo lub inne demo, musisz przeciągnąć i upuścić widżet reCaptcha, a następnie pracować z nim.

3.3 Dodaj dodatkową nazwę klasy, gdzie możesz dodać nową klasę do opakowania Recaptcha, będziesz mógł dodać do klasy niestandardowy CSS/JS. 

3.4 Kliknij Aktualizacja przycisk, aby zakończyć proces. 

3.5 Na koniec zobacz podgląd reCAPTCHA na stronie strona podglądu.

[Uwaga: podgląd reCAPTCHA nie jest dostępny w edytorze. reCAPTCHA zostanie wyświetlony na stronie podglądu.]

Stosowanie reCAPTCHA (v3) #

Aby zastosować reCAPTCHA v3, musisz zacząć od kroku 1. Rozpocznij od wygenerowania dwóch kluczy dla wersji 3. Następnie przejdź do kroku 2, wybierz wersję v3 i skopiuj i wklej klucze.
Sprawdź teraz podgląd formularza –

Wykonując powyższe kroki, możesz łatwo zintegrować reCAPTCHA z Elementorem za pomocą wtyczki MetForm reCAPTCHA WordPress.