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

3

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

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

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

メモ:

3のコメント

  1. こんにちは! 丁寧に書いていただいた内容をもとに試してみたところ、私は初心者と助けが必要だと思うコメント残し..!
    エᇀピョᆴ李セルシュᆶキョᆴスᆩ湲キョᆵビᆳキョᆴピョᇀゴᆿ뼱二スェプチェᆭ肄ブウェᆭ뱶瑜キᆰジェᆻъシュᆻ硫ブウェᆮクェᆰ吏瑜「ピャᆳギᆴゴᆿション濡ムェᆽニᆳシェᆶピョᆷドゥム땲媛먯グォᆶ⑸땲スェムドェᆶ硫ブウェᆮクェᆰ吏濡シェᆶジョᇀシェᆶ뿬ゴᆿシュᆻスォᆽソクブウェᆭトゥᆱムェᆽチェᆪスォᆽテᇂエᇀピョᆴ⑤ドェᆶ寃キョᆳ땲臾ミョトスᆴムェᆽニᆳシェᆶスイᆻ吏瑜ㅼ뼱媛먮チュᆮエᇀピョᆴベル땲スォᆳクウィᇀキョᆴ二スェプクェᆰ。

    • こんにちは?

      上記の内容は、以前のバージョンで動作され、新しいバージョンでは動作しないようです。
      私は時間が私のとき文を更新してみましょう。
      まず Quform確認 設定でコンタクトフォームの送信後の動作を設定してみてください。

      Quformコンタクトフォームの送信後の動作

      ユーザー/顧客がコンタクトフォームを送信すると、Thank youページを表示するなど、いくつかのオプションを選択することができます。

      • なるほど。新しいバージョンでは動作にならないですね...! 親切な回答もありがとうございます。
        おっしゃられた方法で、一度は提出した後、メインページへ移動させてました!
        今後の更新くださる内容に変更ヘノァヤね! ありがとうございます!

コメントを残す

コメントを入力してください!
名前を入力してください