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

워드프레스 정보를 제공하는 블로그 Avada 2022. 2. 3. 17:01 • 댓글:

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

 

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

워드프레스에서 방문자나 고객으로부터 문의를 받고 싶은 경우 Contact Form 7이나 WPForms와 같은 문의폼 플러그인을 사용할 수 있습니다. 최근에는 테마나 페이지 빌더에 문의폼 기능을 추가하는

avada.tistory.com

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

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

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

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

엘리멘터 문의 폼 위젯 필수 옵션

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

엘리멘터 문의 폼 위젯 체크박스 필수 지정 옵션 없음

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

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

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

  1. Text 필드로 선택합니다.
  2. Required MarkShow로 전환합니다.
  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)

인기 워드프레스 페이지 빌더 플러그인인 Elmentor는 현재 500만 개가 넘는 사이트에 설치되어 사용되고 있습니다. 무료 엘리멘터 페이지 빌더로도 훌륭한 사이트를 만들 수 있지만 일부 위젯과 템

avada.tistory.com

 

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

워드프레스에서 방문자나 고객으로부터 문의나 피드백을 받고 싶은 경우 Contact Form 7을 비롯한 다양한 무료 및 유료 컨택트 폼 플러그인을 사용할 수 있습니다. Divi, Enfold 등 일부 테마에서는 자

www.thewordcracker.com