Quoform popup message - Quoform에서 팝업 메시지 표시하기

[워드프레스] Quform에서 양식 제출 후 팝업 창 띄우기

Quform은 워드프레스에서 사용되는 프리미엄 문의 폼 플러그인입니다. Quoform을 사용하면 드래그 앤 드롭(Drag & Drop) 방식으로 편리하게 필드를 추가할 수 있고, 사전 설정된 템플릿도 이용할 수 있어 보다 편리하게 고품질(High Quality)의 문의 양식을 만들 수 있습니다. 특히 사용자가 웹에서 제출한 내용이 이메일로 통지될 뿐만 아니라 관리자 페이지에서도 확인할 수 있어 이메일 오류로 인한 문제를 어느 정도 방지할 수 있습니다.

Quform 양식을 제출한 후에 사용자에게 메시지를 출력하려는 경우 iphorm_post_process 후크를 이용하면 편리합니다. 이 액션 후크에 대한 자세한 내용은 이 페이지에서 확인할 수 있습니다.

다음과 같은 코드를 테마 함수 파일에 추가하도록 합니다.

/* Quform에서 양식 제출 후 사용자에게 메시지 표시하기 */
/* Display "Thank you" message to users who submit messages in Quform forms */
function my_post_to_another_script($form)
{
$message = "감사합니다. 검토 후에 연락드리겠습니다!";
echo "<script type='text/javascript'>alert('$message');</script>";
}
add_action('iphorm_post_process_1', 'my_post_to_another_script', 10, 1);

위에서 iphorm_post_process_1에서 숫자 부분은 해당 양식의 Form ID로 대체하거나 iphorm_post_process처럼 Form ID 없이 사용할 수도 있습니다.

참고로 팝업 메시지를 띄우는 것은 간단한 javascript 스크립트를 적용했습니다.

// This is in the PHP file and sends a Javascript alert to the client (Source: stackoverflow)
// PHP에서 자바스크립트를 사용하여 경고 팝업 창 띄우기
$message = "사용자 메시지";
echo "<script type='text/javascript'>alert('$message');</script>";

그러면 아래와 같이 양식 제출 후에 메시지가 팝업 창 형식으로 표시됩니다.

Quform popup message - Quform에서 팝업 메시지 표시하기무료 컨택트 폼으로 Contact Form 7이 많이 사용되지만 보다 편리하게 레이아웃을 조정하고 프리미엄 기능을 이용하려면 Quform을 추천합니다.

참고:



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.