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 integruje się z Google reCAPTCHA, dając Ci możliwość ochrony Twojej witryny przed spamem i nadużyciami. Możesz łatwo dodać reCAPTCHA do formularza Elementor za pomocą tej wtyczki reCAPTCHA WordPress. Przeczytaj tę dokumentację, aby dowiedzieć się, jak dodać reCAPTCHA do WordPress za pomocą 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.