[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. こんにちは！ 丁寧に書いていただいた内容をもとに試してみたところ、私は初心者と助けが必要だと思うコメント残し..！
    ポップアップウィンドウを表示するために上記のコードを入力した後、ユーザーメッセージを「正常に受け取りました。ありがとうございます」というメッセージに修正して適用しましたが、フォーム提出後にポップアップが表示されるのではなく、お問い合わせ受付ページに入るとすぐにポップアップが表示されます。ください...

    応答

    1. こんにちは？

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

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

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

      応答

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

コメントを残す

*電子メール情報は公開されません。