【たった５分】ブログのお問い合わせフォームの作り方【必要です】

この記事で解決できる悩み

こんな悩みを解決する記事を用意しました！

ボクの初めてのブログも「30万PV」を超えるメディアに成長しました！

本記事の信頼性

Webデザイナーとして、企業サイトにいくつもの「お問い合わせフォーム」を実装してきましたが・・・

結論、ブログにも「お問い合わせフォーム」は必要です！

なぜなら、ないとビジネスチャンスをみすみす逃すことになるから。

そこで、記事の前半で「ブログにお問い合わせフォームが必要な理由と注意点」を。

後半では「お問い合わせフォームの作り方と、WordPressブログに設置する方法」を解説します。

本記事を最後まで読むことで、お問い合わせフォームをサクッと５分で設置することができますよ！

ブログにお問い合わせフォームが必要な３つの理由

ブログにお問い合わせフォームが「必要な理由」は、次のとおり。

この章のもくじ

お問い合わせフォームの設置は「読者・あなた（運営者）・広告主」その全員にメリットがあります。

理由①広告の審査に通りやすくなるから

Googleアドセンスやアフィリエイトなど、広告収入を得るには「運営者の連絡先」を明示する必要があるんです。

SNSのDMでもOKな場合もありますが・・・

お問い合わせフォームの方が親切

一度、SNSに飛んでもらうより親切ですよね。

相手が読者の場合、SNSをやっていない可能性もありますからね。

また、お問い合わせフォームがあれば、ブログに直接「メールアドレス」を記載しなくていいんです。

理由②メールアドレスを載せなくても窓口を作れるから

お問い合わせフォームには、こんな内容のメールが届きます。なかには・・・

たとえば、意図せず「著作権を侵害してしまった…！」とかですね。

お問い合わせフォームがなかったら

お問い合わせフォームがあれば「修正 → 謝罪」で済んだものが、裁判にまで発展してしまうかも。。。

なにより、ブログにお問い合わせフォームがあることで・・・

「いつでもコンタクトが取れること」には価値があるんです。

理由③ビジネスチャンスが届くから

お問い合わせフォームがないと、これだけのチャンスを逃してしまうかもしれません。

記事が上位表示され、ある程度のアクセスが集まると、上から順番にオファーが届くようになりますよ。

とくに、「純広告やメディア」からのオファーは〝ブロガーの夢〟ですよね！

WordPressブログのお問い合わせフォームの作り方２選

WordPressブログのお問い合わせフォームの「作り方」は、次のとおり。

この章のもくじ

もちろん、どちらも「無料」ですよ。

プラグインありContact Form 7

ブログのお問い合わせフォームはプラグインを入れることで実装できます。

いちばん有名なのが『Contact Form 7』です。ブログだけでなく、企業のWebサイトにも重宝されています。

Contact Form 7とは

お問い合わせフォームにあったら嬉しい機能はすべて完備されています。

Contact Form 7の機能

お問い合わせフォームの作り方「Contact Form 7編」は別記事をどうぞ👇

関連記事【SWELL】お問い合わせフォームの作り方｜おすすめプラグイン

もちろん、お問い合わせフォーム用プラグインは他にも👇

プラグイン

とはいえ、お問い合わせフォームのためにプラグインを入れるのは、おすすめできません！

なぜなら、サイトが重くなるから。

ボクはプラグインを限りなくゼロに近づけたいので、2018年から『Googleフォーム』を使っています👇

関連記事【2024】WordPressのおすすめプラグイン３選＋７

プラグインなしGoogleフォーム【おすすめ】

『Googleフォーム（Google Forms）』とは、Googleが提供する無料のお問い合わせフォームです。

お問い合わせフォームだけでなく、「アンケート」の集計にも使えます。

Googleアカウントがないと使えませんが、ブロガーならそもそも持ってますからね。

作成ツール

お問い合わせフォーム作成ツールもたくさんありますよ。

Googleフォームの機能

本記事では、『Googleフォーム』をブログに貼る方法を解説しますね。

その前に「注意点」です👇

ブログのお問い合わせフォーム３つの注意点

ブログのお問い合わせフォームに関する「注意点」は次のとおり。

この章のもくじ

順番に見ていきましょう！

注意点①入力項目は４つまでにする

結論、お問い合わせフォームの入力項目は、この４つまでにしましょう。

なぜなら、入力がめんどくさくて、お問い合わせが減るから。

不要です

ユーザビリティを考えたら、入力項目が多いのは悪手ですよね。

注意点②迷惑メール対策（reCAPTCHA）する

こうした迷惑メール（スパム）はbotを用いて、無差別かつ大量に送られてきます。

そこで、お問い合わせフォームには必ず「reCAPTCHA（リキャプチャ）」を設置しましょう。

相手が「人間かbotか」を自動で判別してくれます。

Contact Form 7も、Googleフォームも『Google reCAPTCHA』を採用しています。

注意点③設置したらテスト送信する

ブログにお問い合わせフォームを設置したら、かならず自分でテスト送信してみましょう。

ちゃんと届かないと、「BIGビジネスチャンス」を逃してしまうかもしれませんからね。

くわしくは、この後の「④：テスト送信する」で解説しますね！

WordPressブログにGoogleフォームを設置する方法

WordPressブログにGoogleフォームを設置する方法は、次のとおり。

この章のもくじ

まずは、『Googleフォーム（Google Forms）』にアクセスしてください。

ステップ①Googleフォームでお問い合わせフォームを作る

「空白のフォーム」をクリック。

まずは、フォームに名前をつけます。

これを変更

つぎに、入力項目を作っていきます。

これを変更

「必須」をON。

ゴミ箱マークの左の「コピーを作成」をクリック。

項目を増やす

※メールアドレスはのちほど自動で生成されます。

さいごの「本文」だけ「記述式 › 段落」に変更してください。

「短文回答 › 長文回答」になりますよ。

これでお問い合わせフォームは完成です！かんたんですよね。

つぎに、Googleフォームに「reCAPTCHA」を設定します。

上部のタブ「質問 › 設定」をクリック。

回答

これで迷惑メール対策（reCAPTCHA）も完了です！

入力項目に「メールアドレス」が追加されていますよ。

つぎに、Googleフォームに「自動返信」を実装するため、アドオン（拡張機能）を入れます。

右上の「︙ › アドオンを取得」をクリック。

検索ウインドウに「Email Notifications for Google Forms」と入力してください。

タップして「インストール › 続行」をクリック。

右上の「アドオンマーク › Email Notifications for Google Forms › Open App」をクリック。

つづけて、右上の「Create › Email Notification」をクリック。

まずは、「Email Editor（メール編集者）」を入力します。

入力項目

つぎに、「The Message（自動返信）」を入力します。

これを作成

テンプレを用意したので、コピペして使ってください👇

右上のCopyをクリック

【件名】

お問い合わせありがとうございます。

【本文】

※このメールは自動返信になります。

{{お名前}} 様

この度は、お問い合わせいただき誠にありがとうございます。

ご返信が必要な内容につきましては、原則「48時間」以内に返信させていただいております。

{{All Answers}}

{{}}の中には以下が入ります。

なくてもOK

入力が終わったら「Continue」をクリック。

以下を設定することで、フォーム回答者に自動返信メールが届くようになります。

Form Respondent

ほかはイジらなくてOKです。「Continue」をクリック。

「03 PDF」は何も変更せず、「Save & Continue」をクリック。

これで自動返信も完了です！

その他の設定

ボクはお問い合わせフォームの色を、「見出しの色」に合わせています。

プレビューで確認したら、「送信」をクリック。

送信方法で「<>」を選び、HTMLを「コピー」してください。

あとは、これをWordPressの「固定ページ」に貼るだけです。

ステップ②WordPressで固定ページを作る

CONTACTページは投稿ではなく、「固定ページ」で作ります。

WordPressのダッシュボードで「固定ページ › 新規固定ページを追加」をクリック。

とくにこだわりがなければ、次のとおり設定してください。

かんたん４ステップ

※インデックスの変更方法は、「お使いのテーマ」や「SEO系プラグイン」によって異なります。

とはいえ、ほとんどの方は「ブロックエディタ」ですよね？

ブロックエディタの場合

デフォルトでは、お問い合わせフォームの横幅が「固定」になっています。

どんなデバイスで見ても横幅ピッタリになるように、サイズを手動で「100%」に変更しましょう。

プレビューで確認したら、「公開」をクリック。

これでGoogleフォームが実装された固定ページの完成です！

とはいえ、このままだと読者が「CONTACT」にたどり着けません。

関連記事【解決】ブログがインデックス登録されない！14の原因と対策

ステップ③トップページにリンクする

よくある「お問い合わせフォーム」へのリンクは上記のとおり。

ここでは「ヘッダーのナビゲーションメニュー」に設置する方法を解説します。

WordPressの「外観 › メニュー」をクリック。

「メニュー項目を追加」の固定ページから「CONTACT」に✅を入れて、「メニューに追加」をクリック。

場所を決めたら「メニューを保存」をクリック。

トップページにアクセスして、「CONTACT」をクリック。

お問い合わせフォームが実装された固定ページが表示されればOKです。

ステップ④テスト送信する

実際に固定ページにアクセスして、問い合わせてみましょう。

両方とも確認しよう

入力するメールアドレスをGmail以外にすれば、読者に届く「自動返信メール」も確認できますよ。

おつかれさまでした＼(^o^)／

【Q&A】ブログのお問い合わせフォームに関するよくある質問

ブログのお問い合わせフォームに関する「よくある質問（Q&A）」は次のとおり。

この章のもくじ

順番に見ていきましょう！

Q1：ブログのお問い合わせフォームの返信の書き方は？

Aまず、以下を守りましょう。

返信のルール

企業から何かしらのオファーがあった時のテンプレを用意したので、どうぞ👇

右上のCopyをクリック

この度はお問い合わせいただき、ありがとうございます。

◯◯ブログ運営の△△と申します。

▢▢の件、とっても興味があります！ぜひ、詳しいお話聞かせてください。

よろしくお願いいたします。

ボクはメールアドレスをコピペして、Gmailから返信しています。

Q2：お問い合わせフォーム以外に固定ページで作るものは？

Aつぎの５つです。

固定ページで作るもの

それぞれの作り方も記事にしています。

「サイトマップの作り方」もすべて記事を用意しますね。

【まとめ】ブログにお問い合わせフォームは必要です！

「ブログのお問い合わせフォーム」について解説しました。

まとめ

作り方は次の２つ👇

お問い合わせフォームの作り方２選

プラグインなしの『Googleフォーム』がおすすめです。

Googleフォーム編

本記事の方法なら、サクッと５分であなたのブログにもお問い合わせフォームを実装できますよ。

固定ページといえば、トップページをサイト型にしてますか？

おすすめはサイト型＋新着記事一覧の「ハイブリッド型」です。くわしくは、別記事をどうぞ👇

関連記事【ハイブリッド】ブログのトップページをサイト型＋一覧型にする方法

ブログを始めたい方へ