reCAPTCHA in Quform

Contact Form 7/Quform에서 reCAPTCHA 사용하기

컨택트 폼을 통해 스팸성 메시지가 들어오는 경우 reCAPTCHA 등의 Captcha(보안 문자 입력)를 추가할 수 있습니다.

reCAPTCHA는 구글 서비스이기 때문에 무료로 쉽게 이용이 가능합니다. Really Simple CAPTCHA와 같은 플러그인을 굳이 사용할 필요는 없을 것 같습니다. 이 글에서는 Quform과 Contact Form 7에서 reCAPTCHA를 추가하여 사용하는 방법을 간략히 살펴보겠습니다.

구글 reCAPTCHA API 키 발급받기

reCAPTCHA를 사용하기 위해서는 구글 계정(지메일)이 있어야 합니다. 구글 reCAPTCHA 관리자 페이지에서 해당 사이트를 등록하여 API 키를 발급받도록 합니다.

  1. 구글 reCAPTCHA 관리자 페이지에 접속합니다.
  2. 사이트를 등록합니다.
    Google reCAPTCHA site registration
  3. 사이트를 등록하면 사이트 목록에 추가한 사이트가 표시됩니다. 추가된 사이트를 클릭해서 들어가서 site key와 secret key 등 두 가지 키를 확인하여 복사해놓습니다.

Contact Form 7에서 reCAPTCHA 사용하기

Contact Form 7에서 reCAPTCHA를 사용하려면 발급받은 reCAPTCHA 키 정보를 Contact Form 7 설정에서 추가해주어야 합니다.

  1. 워드프레스 관리자 페이지에서 Contact > Integration으로 이동합니다.
  2. reCAPTCHA 섹션에서 Configure Keys 버튼을 클릭합니다.
    Contact Form reCaptcha
  3. 그러면 site key(사이트 키)와 secret key(비밀 키)를 등록할 수 있는 화면이 표시됩니다. 발급받은 키를 입력한 다음 저장하도록 합니다.
  4. 이제 reCAPTCHA 위젯([recaptcha])을 컨택트 폼에 추가할 수 있습니다.
    Contact Form add reCaptcha

그러면 문의 양식에 reCAPTCHA가 추가됩니다. 오류 메시지가 나오면 키를 잘못 입력했거나 키가 만료되었을 수 있습니다(이 경우 구글 reCAPTCHA 관리자 페이지에서 사이트를 삭제한 후에 다시 등록하면 됩니다).

Quform에서 reCAPTCHA 사용하기

Quform에서도 거의 동일한 과정을 거쳐 reCAPTCHA를 연동시킬 수 있습니다.

  1. 워드프레스 관리자 페이지에서 Quform > Settings로 이동합니다.
  2. reCAPTCHA settings 부분에서 reCAPTCHA 사이트 키와 비밀 키를 등록합니다.
    Quform reCAPTCHA settings
  3. Quform에서 새로운 폼을 만들고 reCAPTCHA 필드를 원하는 곳에 끌어다 놓으면 됩니다. (아래 그림과 같이 오른쪽에 있는 필드 선택 영역에서 “More“를 누르면 “reCAPTCHA”가 있습니다.)
    Quform reCAPTCHA field
  4. 저장하고 페이지에 Quform 숏코드를 추가하면 reCAPTCHA가 적용되어 있음을 확인해볼 수 있습니다.reCAPTCHA in Quform

이처럼 Contact Form 7Quform에서는 간단하게 reCAPTCHA를 적용할 수 있습니다.



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.