細かい説明一切なし!10分で設定できるMW WP form

ホームページに必ずと言っていいほど必要な「お問い合わせフォーム」ですが、ワードプレスには最初からお問い合わせフォームがついていません。

簡単に設置するにはプラグインを入れましょう。

超定番のお問い合わせフォームプラグインといえば「Contact Form 7」ですが、個人的におすすめは「MW WP form」

なぜかと言うと「Contact Form 7」には確認画面と完了画面がないんです!

確認画面は日本独自の文化のようですね。へぇ~
離脱の原因にもなりかねないので、海外では確認画面がないのが主流なんだとか。

でもここは日本!日本人は確認画面と「ありがとう♡」の完了画面が欲しいんです!とにかく確認したいんです!(Contact Form 7でも別のプラグインを入れれば確認画面の設置も可能)

ということで、今回はWordpressのお問い合わせフォームプラグイン「MW WP form」の設定方法を、細かい説明一切なしの爆速でお伝えします。

プラグインをインストールすることで、環境などによって不具合が生じる可能性があります。プラグインをインストールする際は、あらかじめデータのバックアップを取っておくことをお勧めします。

関連記事:BackWPupでバックアップを取る 設定方法と使い方

「MW WP form」の設定方法

インストールする

「MW WP form」をインストール → 有効化

プラグインのインストール方法が分からないという方は、こちらを読んでね↓↓

フォームの新規作成

1.「MW WP Form」→「新規追加」を押します。

2. タイトルに「コンタクトフォーム」と入力し、その下の欄に下記をコピペしてください。

会社名
[mwform_text name=”company_name” size=”60″]

お名前
[mwform_text name=”name” size=”60″]

メールアドレス
[mwform_email name=”mail” size=”60″]

電話番号
[mwform_tel name=”tel”]

お問い合わせ内容
[mwform_textarea name=”contents” cols=”50″ rows=”5″] [mwform_bback class=”back_button” value=”back”]戻る[/mwform_bback][mwform_submitButton name=”submit_button” confirm_value=”確認画面へ” submit_value=”送信する”]

完了画面メッセージの作成

先ほどフォーム内容を入力した下の 完了画面メッセージ欄に、送信完了後に表示させる内容を入力してください。

例:
送信完了

お問い合わせありがとうございます。
ご記入していただいた情報は無事に送信されました。
確認のため、お客様へ自動返信メールをお送りしております。

バリデーションルールの追加

バリデーションルールを追加します。
※バリデーションとはわかりやすく言うと、入力ルールのチェックです。

【名前を必須項目にする】

①「バリデーションルールを追加」ボタンを押す
② 右側の▼を押す
③「バリデーションを適用する項目」に「name」と入力
④ 必須項目のところにチェックをつける

【メールアドレスを入力必須項目にし、メール形式でないと許可しないようにする】

①「バリデーションルールを追加」ボタンを押す
② 右側の▼を押す
③「バリデーションを適用する項目」に「mail」と入力
④ 必須項目とメールアドレスのところにチェックをつける

同じように、お問い合わせ内容も必須項目にしておきましょう。「バリデーションを適用する項目」には「contents」と入力してください。

メール設定

メール設定は管理画面右側にあり、「自動返信メール設定」「管理者宛メール設定」「設定」の順に並んでいます。

自動返信メール設定

自動返信メール設定をします。右側の「自動返信メール設定」欄に下記を入力します。

件名お問い合わせありがとうございます
送信者そのまま
Reply-toそのまま
本文※このメールはシステムからの自動返信です
 
{company_name} {name}様
この度お問い合わせいただきありがとうございます。
以下の内容でお問い合わせを受け付けいたしました。
3営業日以内に、担当者よりご連絡いたしますので
今しばらくお待ちくださいませ。
━━━━━━□■□ お問い合わせ内容 □■□━━━━━━
会社名:{company_name}
お名前:{name}様
E-Mail:{mail}
電話番号:{tel}
お問い合わせ内容:{contents}
━━━━━━━━━━━━━━━━━━━━━━━━━━━━
自動返信メールmail
送信元空欄
※件名や本文は用途に合わせて変更してください。

管理者宛メール設定

管理者宛てのメール設定をします。右側の「管理者宛メール設定」欄に下記を入力します。

送信先(E-mailアドレス)そのまま
CC(E-mailアドレス)空欄
BCC(E-mailアドレス)空欄
件名【ホームページからのお問い合わせ】
送信者{name}
Reply-to(メールアドレス)そのまま
本文お問い合わせがありました。
━━━━━□■□ お問い合わせ内容 □■□━━━━━
会社名:{company_name}
お名前:{name}様
E-Mail:{mail}
電話番号:{tel}
お問い合わせ内容:{contents}
━━━━━━━━━━━━━━━━━━━━━━━━━
Return-Path ( メールアドレス )空欄
送信元(E-mailアドレス)空欄
※件名や本文は用途に合わせて変更してください。

設定

「設定」欄の「問い合わせデータをデータベースに保存」にチェックを入れてください。

公開する

右上の「公開」ボタンを押してください。そして「フォーム識別子」をメモしておいてください。

固定ページを作る

1. 固定ページ「新規追加」で新しいページを作ります。

2. タイトルに「お問い合わせ」と入力し「Enter」を押します。
3. 次の行にカーソルが移動するので、先ほどの「フォーム識別子」を張り付けます。
4. URLスラッグを「contact」に変更します。
5. 公開を押します。

完成したページを確認する

公開されたページを確認してみましょう。下記のようにできていればOKです。
ページが完成したら、一度ご自身できちんとメールが届くか確認しましょう。

(ちなみに、わたしは不安なので、3回くらい試します(=゚ω゚)ノ)

さいごに

MW WP formの設置はできましたか?

10分でできる!と書きましたが、慣れていないと10分は厳しいかもしれませんね(;^ω^)

ホームページには必ず必要な「お問い合わせフォーム」。
フォームはただ設置すれば良いというものではなく、興味を持ってくれたお客様が、スムーズにたどり着けるかもとても重要です。

お客様の立場に立って、使いやすい場所に、使いやすいお問い合わせフォームを設置してみてくださいね。


\スマートフォンの方はこちらから/