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

 

 

今回はこんな内容にお答えしていきます。

 

本記事の内容

となっています。

 

本記事の信頼性

※詳細なプロフィールはコチラ

 

今回はお問い合わせフォームの作り方について解説です。

 

お問い合わせはあなたとユーザーをつなぐ重要な場所で、コンタクトを取る上で必須の手段です。

 

初心者でも簡単に作る方法があるので、今回はそちらを利用していきます。

 

 

それでは、早速進めていきましょう！

 

お問い合わせを用意すべき2つの理由

 

サイトにお問い合わせを用意すべき理由ですが、主に2点あります。

 

ユーザーからの質問に対応するため

 

まず一つ目はユーザーからの質問に対応するためです。

 

質問と言うと限られてしまいますが、要はユーザーからのコンタクトに対応するためです。

 

 

ユーザーからの質問で言えば、記事のコメントでやり取りをするというやり方もありますが、記事コメントはオープンな場なので望まない方も多くいます。

 

 

企業からのオファー・問い合わせの窓口のため

 

上と同じような理由ですが、もう一つは企業からのオファーなどに対応するためです。

 

ブログ記事が上位表示されるようになると、企業から直接連絡が来ることがあります。連絡内容の一例としては

 

などです。

 

お問い合わせがないと、こういった企業からの依頼を受け取れません。

 

ブログが成長していくと、必ずと言ってよいほど企業から何かしらのオファーが来ますので、必ず問い合わせを設置しましょう。

 

よくある質問：SNSで問い合わせてもらうのはどう？

 

SNSリンクを乗せることで、そちらで連絡をと考えている方もいるかもしれませんが、SNS代用はあまり推奨できません。なぜなら問い合わせ事は、すぐ解決したい場合が多いから。

 

SNSの場合、ブログからSNSへ飛んでと段階を踏む必要があり、そのステップが面倒に感じられる場合があります。

 

なのでSNSではなく、サイトにお問い合わせを設置していきましょう。

 

 

【簡単】お問い合わせフォームの作り方

 

早速WordPressでお問い合わせフォームを作っていきます。

 

今回は設定が簡単かつ多くの人に愛用されている「Contact Form 7」でのやり方を紹介していきます。

 

作成手順は以下の通りです。

 

以下から順番に解説していきます。

 

手順1：Contact Form 7をインストール

 

まずはContact Form 7をインストールしましょう。

 

 

まずはWordPress管理画面へ

 

 

「プラグイン」→「新規追加」と進む。

 

 

検索窓に「Contact Form 7」と入れて、インストール＆有効化

 

インストールが完了すると以下のように「有効化」に変わりますので、有効化します。

 

続いてはフォームの作成に移ります。

 

手順2：お問い合わせフォームを作成

 

それではお問い合わせフォームを作成していきましょう。

 

まずは、WordPress管理画面の「お問い合わせ」をクリックします。すると「コンタクトフォーム1」があると思いますので、こちらをクリック

 

すると以下の画面になります。ここでは4ヵ所の項目で編集が可能ですが、すでに簡単なフォームは完成している状態となっています。

 

 

ですので、すぐに使うことができます。

 

もし「簡単なフォームで十分だよ！」という場合は、以下の説明を飛ばして「お問い合わせフォームをサイトに設置する」へ進んでください。

 

「少し設定をこだわりたい」という場合は、以下から各項目毎に解説していきますので、ご参照ください。

 

フォームの設定(基本的にそのままでOK)

 

ここはお問い合わせページのフォーム(内容)を作る項目です。

 

ただし最初から「氏名～送信」までの項目が入った状態になっていますので、何もいじらなくてもOKです。

 

この状態のお問い合わせページのサンプルはこのようになります。

 

上記以外に必要な要素がある場合は、追加していきましょう。青枠をクリックすることで、その要素を追加できます。

 

メールの設定(必要に応じて編集)

 

ここでは、お問合せがあった時に自分に送られてくるメールの内容を作っていきます。

 

 

メール(2)に関しては、必要な場合は以下のように記入するのがオススメです。

 

▼追加ヘッダーの記入サンプル

 

メッセージの設定(基本的にそのままでOK)

 

ここでは様々な場面にて対応するメッセージを設定していきます。

 

基本的にはこのままでOKですが、メッセージにこだわりたい場合は内容を変更しましょう。

 

そして、最後に「保存」をクリック。

 

その他の設定(基本的にそのままでOK)

 

最後は追加カスタムができる「その他の設定」です。

 

ここも何もせずで大丈夫です。ブログ初期の段階で必要になることはありません。

 

ここではコードを設定することで様々な機能を付加することができます。

例えば会員制のサイトを運営している場合に、ログインしているユーザーのみお問い合わせを使えるようにする「購読者モード」など。

 

これ以外にも用意されている機能がいくつかあるので、詳しくはこちらをご確認ください。

 

スパム対策をしたい場合は？

 

「私はロボットではありません」でおなじみのスパム対策もできます。

 

こちらは必須ではないですが、スパムが気になる方は設定を行うと良いでしょう。

 

スパム対策には「reCAPTCHA」というシステムを使うのですが、詳しくは以下のページをご覧ください。

>>reCAPTCHA (v3)

 

以上がお問い合わせフォームの作り方になります。設定を変更した場合は「保存」をお忘れなく！

 

続いて、お問い合わせフォームをサイトに設置していきます。

 

 

お問い合わせフォームをサイトに設置する

 

続いてはお問い合わせフォームをサイトに設置する方法を解説していきます。

 

お問い合わせはサイト内のどこにでも設置できますが、よく選ばれる以下2か所での設置方法を紹介します。

 

 

それでは順番に見ていきましょう。

 

1.グローバルメニューに設置する方法

 

まずはグローバルメニューに設置する方法からです。

 

手順は以下の通りです。

 

step
1固定ページでお問い合わせページを作成

まずは固定ページでお問い合わせページを作成します。

 

最初にWordPress管理画面「お問い合わせ」→「コンタクトフォーム」と進み、先ほど作成した「コンタクトフォーム１」のショートコードをコピーしましょう。

 

 

次に「固定ページ」へ行き、「新規追加」をクリックします。

 

 

タイトル記入＆ショートコードを貼り付けて公開しましょう。

 

そのまま貼り付け(Ctrl＋V)で貼り付けられます。そうすると以下のようになると思います。

 

こうなっていればOKです。右上の「公開」をクリックしてお問い合わせページの作成は完了です。

 

step
2メニューにお問い合わせを追加

次はグローバルメニューにお問い合わせを追加していきます。

 

まずはWordPress管理画面「外観」→「メニュー」と飛びましょう。

 

そうしたら、まずはヘッダー用のメニューを選択します。

 

 

次に「メニュー項目を追加」からお問い合わせを選択してメニューに追加します。

 

 

順番を入れ替えてメニューを保存して完了。

 

これで完了です。グローバルメニューに「お問い合わせ」が追加されていると思います。

 

クリックすればもちろん、お問い合わせページへ飛びます。

 

2.サイドバーに設置する方法

 

続いてサイドバーに設置する方法です。

 

まずはWordPress管理画面「外観」→「ウィジェット」と進みます。

 

そうしたら「利用できるウィジェット」から「カスタムHTML」(※テーマによって名称異なります)を選択し、サイドバートップに追加します。

 

 

タイトル付け＆先ほどコピーしたショートコードを記入して、完了

 

これで完了です。サイトにも反映されているはずなので確認してみましょう。

 

 

まとめ：お問い合わせフォームをサクッと作ろう！

 

以上がWordPressでお問い合わせフォームを作る方法となります。

 

ブログや記事の順位が上がると、ほぼ確実にお問い合わせが来るようになります。そうなった時の機会損失にならないように、あらかじめお問い合わせフォームは作ってしまいましょう！

 

その他、ブログを始めて最初にやっておきたい事も、以下の記事にまとめています。

 

今回は以上になります。