[WordPress] Contact Form 7でお問い合わせフォームを提出する際、ポップアップメッセージを表示する

前へから Quformでお問い合わせフォームを送信すると、ポップアップを表示する方法について説明しました。この記事では、Contact Form 7で作ったお問い合わせフォームをユーザーや顧客が正常に送信したときにメッセージを表示する方法について説明します。

Quformでは、アクションフックを使用したが、Contact Form 7はお問い合わせフォームオプションの設定ページですぐに指定が可能です。

管理者ページのサイドバーで Contact>コンタクトフォームをクリックし、ポップアップウィンドウを表示するコンタクトフォームの「編集」を選択して編集画面を表示します。

コンタクトフォーム編集画面で 追加の設定 タブを選択します。

追加設定の入力ボックスに、次のスクリプトを追加します。

on_sent_ok: "alert('감사합니다. 검토 후에 연락드리겠습니다!');"

その後、Contact Form 7でお問い合わせを正常に送信すると、「ありがとうございました。レビュー後に連絡します！」というメッセージが表示されます。さらに、次の行を入力すると、Contact Formはデモモードで動作します。

demo_mode: on

追加設定の詳細については、ここを参考にしてみてください。