Elementor를 위한 가장 유연한 양식 빌더인 MetForm은 가장 많은 기능을 갖춘 사용자 친화적인 문의 양식을 구축하는 가장 빠른 방법입니다. 드래그 앤 드롭 연락처 양식 작성 도구와 함께 제공되는 사전 구축된 고품질 웹 디자인 레이아웃을 사용하여 시각적으로 매력적인 양식을 구축할 수 있습니다.

MetForm 플러그인 Google reCAPTCHA와 통합되어 스팸 및 남용으로부터 웹사이트를 안전하게 보호할 수 있는 옵션을 제공합니다. 이 reCAPTCHA WordPress 플러그인을 사용하면 Elementor 양식에 reCAPTCHA를 쉽게 추가할 수 있습니다. MetForm을 사용하여 WordPress에 reCAPTCHA를 추가하는 방법을 알아보려면 이 문서를 읽어보세요.

Elementor 양식에 조건부 필드를 추가하는 방법에 대한 비디오 가이드를 시청하세요

1단계: Google에서 reCAPTCHA(v2) 사이트 키 및 비밀 키 생성 #

먼저 Google reCAPTCHA 페이지 사이트에 대한 새로운 reCAPTCHA 사이트 키와 비밀 키를 생성합니다. 페이지에서:

1.1 유형 상표 사이트를 위해.

1.2 선택 reCAPTCHA 유형. 여기서는 reCAPTCHA v2를 선택했습니다.

1.3 추가 도메인 귀하의 사이트.

1.4 귀하의 (소유자)를 입력하십시오 이메일 주소.

1.5 수락 reCAPTCHA 서비스 약관.

1.6 클릭 제출하다 단추.

1.7 다음 페이지에서 사이트 키 그리고 비밀키 reCAPTCHA용. 나중에 사용할 수 있도록 복사하세요.

2단계: Metform에 reCAPTCHA 추가 #

Metform에 reCAPTCHA를 추가하려면 다음 안내를 따르세요.

2.1 다음으로 이동 Metform > 설정 > 일반 WordPress 대시보드에서.

2.2 reCAPTCHA 버전을 'reCAPTCHA V2'로 선택합니다.

2.3 복사하여 붙여넣기 사이트 키 그리고 비밀키 해당 분야로 들어갑니다. 이전에 키를 생성하지 않았다면 지금 클릭하여 생성할 수 있습니다. 여기에서 만들기 들판 아래.

2.4 변경 사항을 저장하다 버튼을 클릭하세요.

3단계: Elementor의 양식에 reCAPTCHA 추가 #

양식에 reCAPTCHA를 추가하려면 다음 안내를 따르세요.

3.1 새 양식을 생성하거나 Elementor 편집기를 사용하여 양식을 엽니다.

3.2 찾기 reCAPTCHA 위젯 편집기 패널에서. 그런 다음 디자인으로 끌어다 놓습니다.

메모- MetForm 데모 중 두 개는 reCaptcha 필드로 설계되었습니다. 이는 단순 문의 양식 1과 단순 문의 양식 2입니다. 빈 데모나 다른 데모의 경우 reCaptcha 위젯을 끌어서 놓은 다음 작업해야 합니다.

3.3 추가 클래스 이름 추가, Recaptcha의 래퍼에 새 클래스를 추가할 수 있는 경우 사용자 정의 CSS/JS를 클래스에 추가할 수 있습니다. 

3.4 업데이트 버튼을 눌러 프로세스를 완료하세요. 

3.5 마지막으로 reCAPTCHA 미리보기를 확인하세요. 미리보기 페이지.

[참고: reCAPTCHA 미리보기는 편집기에서 사용할 수 없습니다. reCAPTCHA가 미리보기 페이지에 표시됩니다.]

reCAPTCHA(v3) 적용 #

reCAPTCHA v3를 적용하려면 1단계부터 시작해야 합니다. v3에 대한 두 개의 키를 생성하여 시작하십시오. 다음으로 Step-2로 이동하여 v3를 선택하고 키를 복사하여 붙여넣습니다.
지금 양식 미리보기를 확인해보세요 –

위 단계를 따르면 MetForm reCAPTCHA WordPress 플러그인을 사용하여 Elementor에 reCAPTCHA를 쉽게 통합할 수 있습니다.