Contact Form 7의 이용약관 동의 체크박스 필드
무료 워드프레스 문의폼 플러그인인 Contact Form 7(CF7)에서는 개인정보 보호정책 또는 이용약관 동의하기 체크박스를 추가할 수 있는 필드가 제공됩니다. 이 글에서는 컨택트 폼 7의 이용약관 동의 체크박스에 대해 살펴보겠습니다.
Contact Form 7의 이용약관 동의 체크박스 필드
Contact Form 7 플러그인에서는 "동의하기" 체크박스 필드를 사용하여 이용약관이나 개인정보 보호정책 동의 상자를 추가할 수 있습니다.
연락처 양식 편집 화면에서 동의하기 버튼을 클릭하면 동의하기 필드를 추가할 수 있는 팝업이 표시됩니다.
이름에는 필드 이름을 입력하고 조건에는 동의 체크박스 옆에 표시될 문구를 입력하도록 합니다. 문구에는 html 태그가 포함될 수 있습니다. 예:
<a href="https://www.example.com/URL" target="_blank">개인정보 보호 정책</a>에 동의합니다.옵션의 "확인 상자를 선택으로 설정"을 선택하면 선택 필드가 되어 사용자가 동의하기 상자를 선택하지 않아도 문의 양식이 제출됩니다.
동의하기 필드 옵션
동의하기 필드에 다음과 같은 옵션이 지원됩니다.
| 옵션 | 예시 | 설명 |
|---|---|---|
| id:(id) | id:foo | input 요소의 id 속성 값. |
| class:(class) | class:bar | input 요소의 class 속성 값. 두 개 이상의 클래스를 설정하려면 class: option을 여러 개 사용할 수 있습니다. 예: [acceptance accept-this class:y2008 class:m01 class:d01]. |
| optional | 동의하기 체크박스가 선택 필드로 작동합니다. | |
| invert | 체크박스의 선택을 해제해야 양식을 제출할 수 있도록 할 수 있습니다. | |
| default:on | 체크박스가 기본적으로 선택됩니다. |
CSS 클래스를 추가하면 CSS를 사용하여 스타일을 보다 수월하게 지정할 수 있습니다.
동의하기 필드는 기본적으로 선택이 되지 않은 상태입니다. 기본적으로 이 필드를 선택된 상태로 표시하고 싶은 경우 default:on을 추가하면 됩니다.
[acceptance accept-this-3 invert default:on] 약관에 동의하지 않으려면 선택을 해제하시기 바랍니다. [/acceptance]유효성 검사
동의하기 필드를 필수 필드로 설정하는 경우 사용자가 동의하기 상자를 체크하지 않으면(invert 옵션이 사용되는 경우에는 동의하기 상자의 선택을 해제하지 않으면) 양식이 제출되지 않습니다. 이 필드를 선택하지 않을 경우 경고 문구를 표시하고 싶으면 추가 설정 탭에 acceptance_as_validation: on을 추가하도록 합니다.
그러면 이 필드를 선택하지 않을 경우 "안내문을 보내기 전에 먼저 조건에 동의하셔야 합니다" 에러 메시지가 표시됩니다.
오류 문구 번역은 "안내문" 탭에서 변경할 수 있습니다.
다른 방법
다른 방법으로 확인상자 필드를 이용하는 것도 가능합니다. 예:
<label> 이용약관 동의
[checkbox* consent-terms use_label_element "이용약관에 동의합니다"]
</label>이 방법은 다른 문의폼 플러그인에서도 비슷하게 활용이 가능합니다. 가령, 유료 문의 플러그인인 Quform을 이용하는 경우에도 마찬가지로 Checkbox 필드를 사용하여 이용약관/프라이버시 정책 동의란을 추가할 수 있습니다.
이용약관 문구는 Description 부분에 추가하거나 별도의 HTML 필드를 만들어 추가할 수 있습니다.
WPForms 플러그인도 마찬가지로 체크박스 필드를 사용하여 이용약관 동의란을 만들 수 있습니다.