[워드프레스] Contact Form 7에서 문의 양식 제출 시 팝업 메시지 표시하기

이전 글에서 Quform을 통해 문의 양식을 제출하면 팝업을 표시하는 방법에 대해 살펴보았습니다. 이 글에서는 Contact Form 7으로 만든 문의 폼을 사용자나 고객이 성공적으로 제출했을 때 메시지를 표시하는 방법에 대해 살펴보겠습니다.

Quform에서는 액션 후크를 사용했지만 Contact Form 7에서는 문의 폼 옵션 설정 페이지에서 곧바로 지정이 가능합니다.

관리자 페이지의 사이드바에서 Contact > 컨택트 폼을 클릭하고 팝업 창을 표시할 컨택트 폼의 "편집"을 선택하여 편집 화면을 표시합니다.

컨택트 폼 편집 화면에서 Additional Settings 탭을 선택합니다.

추가 설정 입력 상자에 다음 스크립트를 추가합니다.

on_sent_ok: "alert('감사합니다. 검토 후에 연락드리겠습니다!');"

그러면 Contact Form 7을 통해 문의를 성공적으로 제출하면 "감사합니다. 검토 후에 연락드리겠습니다!"라는 메시지가 표시됩니다. 이외에도 다음 라인을 입력하면 Contact Form이 데모 모드로 작동합니다.

demo_mode: on

추가 설정에 대한 자세한 내용은 여기를 참고해보시기 바랍니다.