워드프레스 엘리멘터 문의 폼(Form) 위젯에서 체크박스 필수 선택 문제

인기 워드프레스 페이지 빌더인 엘리멘터의 프로 버전에는 Form 위젯이 포함되어 있습니다. 워드프레스에는 Contact Form 7이나 WPForms와 같은 무료 컨택트 폼 플러그인을 사용하여 사용자들로부터 문의를 받을 수 있지만, Elementor Pro를 사용한다면 외부 문의 플러그인을 설치할 필요 없이 자체 기능을 사용하여 방문자로부터 문의를 받을 수 있습니다. 

워드프레스 엘리멘터 문의폼 위젯(Form 요소)

엘리멘터 Form을 사용할 경우 DB에도 문의 내용이 저장되므로 이메일뿐만 아니라 알림판에서도 문의 내용을 확인할 수 있습니다. Contact Form 7의 경우 추가 플러그인을 설치하여 문의 내용을 DB에 저장할 수 있습니다.

엘리멘터의 Form 위젯에서 체크박스(checkbox) 필드는 "필수" 지정 옵션이 없습니다. 체크박스 필드를 필수 필드로 지정할 수 있는 방법에 대한 질문이 있어서 이 문제에 대하여 엘리멘터에 연락하여 확인해보았습니다.

워드프레스 엘리멘터 문의 폼(Form) 위젯에서 체크박스 필수 선택 문제

엘리멘터 문의 폼에서 항목(아이템)을 추가하면 "필수"(Required)로 지정할 수 있는 옵션이 제공됩니다.

하지만 체크박스 필드에는 필수 필드 지정 옵션이 없습니다.

여기에 대해 엘리멘터는 다음과 같은 Checkbox 필드 대신 Radio 필드 또는 다중 선택(Multi-select) 필드를 사용할 것을 제안하고 있습니다.

체크박스 필드에 필수 마크 표시하기

참고로 Checkbox를 필수 필드로 지정할 수 있는 옵션은 없지만 "필수" 마크를 지정하는 것은 가능합니다.

1. Text 필드로 선택합니다.
2. Required Mark를 Show로 전환합니다.
3. 필드를 Checkbox로 바꿉니다.

그러면 그림과 같이 체크박스 필드에도 필수 마크가 표시됩니다. (실제로 필수 필드로 작동하지 않고 표기상의 버그인 것 같습니다.)

대안: Radio 필드 또는 Select 필드 사용

체크박스를 필수 필드로 지정하고 싶은 경우 라디오(Radio) 필드나 실렉트(Select) 필드를 이용하는 것이 현실적인 선택일 것 같습니다.

선택 필드의 드롭다운으로 항목이 표시됩니다. 

Multiple Selection(다중 선택) 옵션을 Yes로 바꾸면 여러 항목을 선택할 수 있습니다.

Contact Form 7 사용하기

엘리멘토 페이지 빌더의 Form 위젯에는 체크박스 필드를 필수로 지정하는 옵션이 없기 때문에, 꼭 체크박스 필드를 필수로 지정하고 싶다면 커스텀 코드를 사용하여 사용자가 문의 양식을 제출할 때 체크박스 필드 항목이 선택되었는지 유효성 검사를 실시할 수 있을 것입니다. 하지만 이는 그리 간단하지 않을 수 있으므로 전문적인 컨택트 폼 플러그인을 사용하는 것이 더 수월할 수 있습니다.

Contact Form 7을 이용하면 Checkbox를 필수로 지정할 수 있습니다. CF7의 Checkboxes, radio buttons, and menus 문서를 참고해보세요.

예시:

[checkbox* your-country "China" "India" "San Marino"]

이용약관 동의 필드

개인정보정책 또는 이용약관 동의 필드를 원하는 경우에는 엘리멘터 Form에서 Acceptance 필드를 사용할 수 있습니다.

참고

https://avada.tistory.com/2386

워드프레스 엘리멘터 포스트 위젯(Posts)

아바다 테마의 Avada Form 살펴보기 (컨택트 폼) - 워드프레스 정보꾸러미