[ 이 글은 2016년 8월 2일에 최종 수정되었습니다. ]

참고: 인기 워드프레스 테마 중 하나인 The 7이 39달러로 할인 중입니다.

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

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

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

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

Contact Form 7 Additional Settings - 컨택트 폼 7 추가 설정

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

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

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

demo_mode: on

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

참고:

워드프레스와 관련하여 문의사항이 있나요?

워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청하실 수 있습니다.

Service Request