WordPressの使い方

WordPressでお問い合わせフォームを作る方法【contactform7】

WordPressでお問い合わせフォームを作るには「contactform7」というプラグインを使います。自由に項目を設定できて、しかも使い方は簡単なのでこの記事を見ながら作ってみてください。

文章を読むのが面倒な方は以下の動画を見ながら進めてください↓

独立当初からWordPressを使っていますが、ずっとcontactform7で予約やお問い合わせをいただいています。サクッとできてしまうのにビジネスにも使えるのでおすすめです。

 

WordPressでお問い合わせページを作ろう

まずはWordPressの管理画面を開いてください。

左メニューの「プラグイン」→「新規追加」をクリックします。

 

「プラグインの検索」に「Contact Form 7」と入力

 

Contact Form 7の「今すぐインストール」をクリック

クリックするとしばらくしたら「有効化」というボタンに変わりますのでそれもクリックしてください。

 

お問い合せフォームの型を作る

左のメニューに「お問い合せ」が追加されているので「新規追加」をクリックします。

 

タイトルに「お問い合せ」と入力

とりあえずフォーム内容はそのままでOKです。項目は以下の4つがデフォルトで記載されています。

・お名前

・メールアドレス

・題名

・メッセージ本文

項目を変更したい場合は…

項目の追加方法を解説します。例として「日付」の項目を追加してみましょう。

「<label>~</label>」の部分をどれか1つコピーして複製しておきます。

上段には項目名を入力しておきます。

下段は追加したい項目を上部のボタンから選んでクリックします。今回は「日付」を選んでみます。

<label> 日付
[date date-291]</label>

こんな形になったらOKです。数字の部分は管理番号なのでお好きな数字を入れていただいて問題ありません。

 

項目を削除したい場合は削除したい「<label>~</label>」の部分を消去するだけで項目が消えます。

 

メールタブ欄に移動

上記の「メール」タブをクリックします。

 

受け取るメールをカスタマイズする

読者さんがお問い合わせフォームを送信した場合、あなたが受け取るメールの内容をカスタマイズします。

「送信先」:お問い合わせメールを受け取りたいメールアドレスを入力します

「送信元」:[your-email]と入力します。[]←大かっこも全部入力してください。

「題名」:「【ブログ名】[your-name]様からのお問い合わせ」などに変更するといいですね。例えばみんなのブログ教室のお問い合わせは「【みんブロ】つかだ様からのお問い合わせ」という題名で私にメールが送られてきます。※様をつけておくと返信したときに様をつけ忘れないで済みます(笑)

「追加ヘッダー」:そのままでOK

「メッセージ本文」:「差出人:[your-name]」の後に「様」を付けておきましょう。後はそのままでOKです

項目を使いしたり、本文を変更したい場合

追加した項目があれば[〇〇]で追記すると、メールに記載されます。例えば上記の[date date-291]という項目を追加した場合は、[date-291]と本文に記載すると入力内容がメールに記載されます。

前半の「date」は書かずに、date-291だけを大かっこでくくって本文に書いてください。

編集が終わったら一番下の「保存」をクリックします。

 

タイトルの下にあるショートコードをコピー

これでお問い合わせフォームが完成しました。上の方にあるショートコードをコピーします。

 

お問い合わせページを作る

管理画面トップに戻り、左メニューの「固定ページ」→「新規追加」をクリックします。

 

タイトルに「お問い合わせ」と入力

固定ページでお問い合わせページを作ります。タイトルはとりあえず「お問い合わせ」とします。

 

本文にショートコードを貼り付ける

本文に「お問い合わせはこちらからどうぞ」と入力し、コピーしたショートコードを貼り付けます。

 

右側の「Noindex」にチェックを入れる

お問い合わせページはGoogleにインデックスされる必要が無いので「noindex」にチェックを入れておきましょう。

 

「公開」をクリック

 

以上でお問い合わせページの完成です!

上部の「ページを表示」をクリックしてページを確認してみましょう。

テストをしてみましょう。適当に項目を入力して「送信」ボタンをクリックしてみてください。自分宛てにメールが送られてきたら成功です!

お疲れさまでした!

→トップページ(カリキュラム一覧)に戻る