[WordPress] Quformでフォームの送信後、ポップアップウィンドウ表示

Quformは WordPressで使用されているプレミアムお問い合わせフォームプラグインです。 Quformを使用すると、ドラッグアンドドロップ（Drag＆Drop）方式で簡単にフィールドを追加することができ、事前設定されたテンプレートも利用することができ、より便利に、高品質の（High Quality）のお問い合わせフォームを作成することができます。 特に、ユーザーがWeb上で提出した内容が電子メールで通知されるだけでなく、管理者ページでも確認することができており、電子メールのエラーに起因する問題をある程度防ぐことができます。

Quformフォームを送信した後、ユーザーにメッセージを出力したい場合 iphorm_post_process フックを利用すると便利です。

※ 2018年11月更新： Quformが更新され、この記事で説明する方法は、もはや機能していません。 新しい方法を次の記事で説明されているので、新しい方法を参考にしてみてください。

WordPress Quform問い合わせフォームの送信後、ポップアップウィンドウにメッセージを表示する[更新]

次のようなコードを テーマ関数ファイルに追加するようにします。

/* 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>";

その後、以下のようにフォームの送信後にメッセージがポップアップウィンドウの形式で表示されます。

無料コンタクトフォームに お問い合わせフォーム7が多く使用され、より便利にレイアウトを調整して、プレミアム機能を利用するには、 Quformをお勧めします。

メモ：

• WordPress プレミアムフォームビルダー - Quform
• Quformで提出した文章を KBoard スレッドでも登録する