確認画面付き問い合わせフォーム「MW WP Form」導入の4ステップ

ビジネスサイトに問い合わせフォームを設置するとき、「確認画面があったらいいな」と考える人は多いのではないでしょうか？
WordPressサイトで確認画面付きの問い合わせフォームを設置したいのなら、「MW WP Form」の導入がおすすめです。

MW WP Formは無料の問い合わせフォームプラグインで、とくに難しい手順を踏まなくても確認画面や完了画面を設置できます。
有名な問い合わせフォームプラグイン「Trust Form」よりは設定がやや難しく感じるかもしれませんが、HTMLに抵抗がなければ、さまざまなウェブサイトに対応できる柔軟さが魅力です。

今回は、ごく基本的な使い方だけをピックアップして説明していきます。
ここで紹介するものだけなら、HTMLに抵抗のある初心者層でもあまり困らずに設置できるでしょう。
MW WP Formを使ってみたいけれど難しそうだな、と感じている人は、この記事の手順に沿って作業してみてくださいね。
思っていたよりもずっと簡単に、問い合わせフォームを作れるはずです

１．MW WP Formの特徴

出典：MW WP Form公式サイト

おすすめのユーザー層：ある程度HTMLを書ける中級～上級者層
※追加アドオン（有料拡張機能）を導入すれば、初心者層にもおすすめ！

MW WP Formは、確認画面付きの問い合わせフォームが実装できるプラグインです。
初心者にも使いやすいように追加のアドオン（有料の拡張機能）が用意されているので、HTMLコードが苦手な方には追加のアドオンの使用をおすすめします。

初心者におすすめのJetpack Contact FormやTrust Formよりも少し難しいですが、そのぶん細かい設定が可能で多くのサイトに対応できます。
ある程度HTMLを書ける人であれば、前述の2つのプラグインよりも柔軟なカスタマイズが可能なので、自分のウェブサイトに最適な形で運用できます。

２．MW WP Formの導入手順

MW WP Formの導入は、下記ステップで完成します。

MW WP Formをインストールする
問い合わせフォームの項目をカスタマイズする
各種設定を行う
任意のページに設置する

順を追って説明していきましょう。

２－１．MW WP Formをインストールする

手順１：プラグインを新規追加、インストールする

「プラグイン」＞「新規追加」から、①「MW WP Form」で検索し、②「今すぐインストール」をクリックします。

手順２：プラグインを有効化する

プラグインを有効化すると、ダッシュボードの左側メニューに「MW WP Form」が追加されます。

「MW WP Form」＞「新規追加」で、問い合わせフォームの作成画面へいきましょう。

２－２．問い合わせフォームの項目をカスタマイズする

無事にインストールできたら、企業のメールフォームとして使えるように項目をカスタマイズしていきましょう。
今回は企業向けに、下記4項目を入力できるフォームを作ってみます。

会社名
名前
メールアドレス
お問い合わせ内容

基本的な使い方はそれほど難しくないので、初心者の方もぜひ挑戦してみてください。

手順１：フォーム作成画面を確認する

上図はフォームの作成画面です。

①フォームの名前は、作成した「フォーム」を識別するために付ける名前です。わかりやすい名前を付けるといいでしょう。
②のプルダウンメニューから、フォームに追加する項目を選択します。

さっそく「会社名」を入力するテキストフィールドのタグを作ってみましょう。

手順２：フォームタグを挿入する

①プルダウンメニューから「テキストフィールド」を選択します。
②「フォームタグを追加」をクリック。
③項目の詳細設定が表示されるので、「name」欄に「会社名」と入力します。
④「Insert」をクリックします。

⑤すると、上図のようにフォームタグが挿入されます。

手順３：各フォームタグを挿入する

手順２と同じように「名前」「メールアドレス」「お問い合わせ内容」の各フォームタグを追加していきます。

すべてのフォームタグを挿入すると、上図のようになります。

手順４：項目名を追加する

わかりやすいように並び変えて、各項目名を入れましょう。
ここで入力した語句が、問い合わせフォームに表示されます。

手順５：送信ボタンを追加する

最後に、問い合わせフォームを送信するボタンを作りましょう。

送信ボタンも、作り方はテキストフィールドの追加などと同じ手順で追加できます。
プルダウンメニューから「送信ボタン」を選んで、タグを挿入していきましょう。
送信する前に確認画面がほしい人は、「送信ボタン」でなく「確認ボタン」を選ぶだけでOKです。

これで、フォームの外観が完成しました。

２－３．各種設定を行う

フォームを実際に動作させる前に、必要な設定をしておきましょう。

手順１：送信完了メッセージを編集する

①送信完了メッセージ編集フィールドを開き、②メッセージを編集します。
メッセージは、自社サイトに合わせた内容にしましょう。

今回は、「お問合せありがとうございます。追って、担当者よりご連絡させて頂きます。」としています。

手順２：問い合わせ内容を管理者にメール通知する

MW WP formは、管理者宛てに問い合わせ内容をメール通知できます。
設定しておくと、WordPressにログインしなくても問い合わせ内容を確認できるようになります。

①送信先メールアドレス：問い合わせ内容を送信するメールアドレスです。「CC」「BCC」で、送信先を複数管理できます。
②件名：送られるメールの件名です。フォームの名前にしておくとわかりやすいでしょう。
③送信者：問い合わせフォームに入力された「名前」が反映されます。
④送信元：問い合わせフォームに入力された「メールアドレス」が反映されます。
⑤本文：問い合わせフォームに入力された、各内容が反映されます。
※③～⑤は、フォームタグの「name」の部分を{　}（かもめかっこ）で囲んで入力すると、反映されるようになります。
上記画像のように入力していきましょう。