워드프레스 Quform 플러그인 확인 이메일 필드 추가하기

워드프레스 정보를 제공하는 블로그 Avada 2021. 11. 3. 00:15 • 댓글: 개

워드프레스 문의폼 플러그인을 사용하여 홈페이지에서 방문자나 잠재고객으로부터 문의를 받거나 피드백을 받을 수 있습니다. 문의폼에서 이메일 주소를 잘못 입력하는 분들이 의외로 많습니다. 잘못된 이메일 주소 입력을 방지하기 위해 확인 이메일 필드를 추가하여 이메일 주소를 두 번 입력하도록 하면 입력 오류를 방지할 수 있습니다. Quform 플러그인에서 확인 이메일 필드를 추가하는 방법에 대해 살펴보도록 하겠습니다.

워드프레스 Quform 플러그인 확인 이메일 필드 추가하기

Quform은 현재 약 30000개 정도 판매된 인기 워드프레스 컨택트 폼 플러그인 중 하나입니다. Contact Form 7이나 WPForms Lite와 같은 무료 문의폼 플러그인이 있지만, 제 워드프레스 사이트의 문의 페이지에는 Quform으로 만든 문의폼이 적용되어 있습니다(예시).

워드프레스 Quform 플러그인에서 확인 이메일을 추가하여 사용자가 동일한 이메일 주소를 입력해야 문의폼이 제출되도록 할 수 있습니다.

먼저 컨택트 폼 편집에서 이메일 주소 필드와 확인 이메일 주소 필드를 추가하도록 합니다.

이메일 필드와 이메일 확인 필드의 설정 아이콘(톱니바퀴 모양 아이콘)을 클릭하여 Unique ID(고유 ID)를 확인하여 메모하도록 합니다.

이제 테마의 함수 파일([**functions.php**])에 다음과 같은 코드를 추가합니다. 차일드 테마를 설치하여 차일드 테마 내의 함수 파일에 코드를 추가해야 추후 테마 업데이트 시 수정/추가 사항이 사라지지 않습니다.

// Confirm email field in Quform
add_filter('quform_element_valid_1_4', function ($valid, $value, Quform_Element_Field $element) {
    if ($valid && $value != $element->getForm()->getValue('quform_1_3')) {
        $element->addError('The email addresses do not match');
        $valid = false;
    }
 
    return $valid;
}, 10, 3);

위의 코드에서...