ワードプレスでは、様々なコンタクトフォームのプラグインを使用することができます。 HTMLとCSSに慣れている場合無料コンタクトフォームのプラグインであるContact Form 7を使用することができます。 Contact Form 7は ああ、海のテーマ など、いくつかのテーマのデモでContactページに使用されます。

WPForms 同じプラグインを使用すると、あらかじめ設定されたテンプレートを利用して、簡単にお問い合わせフォームを作成することができます。

Quformを主に使用しています。 Quformは比較的軽く、必要な機能を提供することです。 Quformでフォームの送信後に確認メッセージを表示する方法として、いくつかのオプションを提供しています。

ワードプレスコンタクトフォームのプラグイン

次のようなオプションが提供されます。

  • メッセージを表示する - メッセージを表示します。 (例えば、メッセージが送信されました。ありがとうございます。)
  • Display a message then redirect to another page - メッセージを表示した後、別のページに移動します。
  • Display a message then redirect to a custom URL - メッセージを表示した後、カスタムURLに移動します。
  • Redirect another page - 他のページに移動します。
  • ページをリロードする - ページを再読み込みします。

Quformでお問い合わせフォーム提出後、ポップアップメッセージを表示する方法

Quformでお問い合わせフォームを提出した後、ポップアップウィンドウを表示するには、次のようなコードを使用しているテーマの関数ファイルに追加します。 (チャイルドテーマを使用する必要がテーマが更新されても、変更が消えません。)

// Display a popup message after submitting a Quform form
// Quform 양식 제출 후 팝업 메시지 표시하기

function my_quform_process(array $result, Quform_Form $form)
{
global $wpdb;

$contact_sender = $_POST['quform_1_7']; // Sender name

$message = $contact_sender . "님 감사합니다. \\n\\n제출하신 문의가 접수되었습니다. 검토 후에 연락드리겠습니다!";
echo "<script>alert(\"$message\");</script>";

}

add_filter('quform_post_process_1', 'my_quform_process', 10, 2);

quform_post_process_1の数字は、そのQuformフォームのIDに変更するようにします。 テストをしてみると次のようにポップアップメッセージが表示されます。

Quformポップアップ表示

ユーザーのコンピュータのブラウザでjavascriptポップアップをブロックするように設定した場合には、ポップアップが表示されないことです。 (Javascriptのアラートボックスで改行を挿入する方法は、「New line in JavaScript alert box」を参照しています。)

一昨年に関連する記事を作成したことがあるが、 Quformこの更新され、以前の方法は、もはや機能していません。

注:

コメントを残す

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