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

이전 글에서 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

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

참고:


1 개 댓글

  1. 이 글에서 설명하는 "on_sent_ok"는 Contact Form 7 5.0에서 공식 제거되었습니다. 대신 다음 글에서 설명하는 방법을 참고해보시기 바랍니다.

    https://www.thewordcracker.com/intermediate/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-contact-form-7-%ec%bb%a8%ed%83%9d%ed%8a%b8-%ed%8f%bc-%ed%8c%9d%ec%97%85-%ed%91%9c%ec%8b%9c/

    응답

댓글 남기기