【WordPress】お問合わせフォームにおすすめプラグイン&ツール

2022 7/15

2019-09-13 2022-07-15

WordPressで、お問い合わせフォームを作りたい！
どうしたらいいの?

ホームページには、読者から質問や感想を受け取るため、また、仕事用に見積りや相談を受け付けるために、お問い合わせフォームはつきもの。

お問合せフォームを作れるサービスは多数あり、WordPress向けのプラグインも多くあるため、どういった方法が良いのか分からず困ってしまうかもしれません。

この記事では無料のサービス・プラグインを使った、お問合せフォームの設置方法をご紹介します。

この記事はこんな方におすすめ

WordPressにお問合せフォームを設置したい
お問い合わせフォームにはどういったサービス・プラグインがあるのか知りたい
お問合せフォームの主要プラグインのそれぞれの特徴を知りたい。
お金や時間はかけずにサクッとお問合せフォームを設置したい

WordPressにお問い合わせフォームをサクッと設置する方法

WordPressで、お問い合わせフォームを設置するには2つのやり方があります。
(PHPなどでプログラミングする方法もありますが、金額や工数がかかるため今回は割愛します。）

① お問い合わせフォーム作成サービスを利用する

外部のサービスを利用してお問い合わせフォームを作成し、WordPressサイトに設置します。
簡単な操作でお問い合わせフォームを作れるので初心者の方にオススメです。

② WordPressプラグインを利用する

プラグインを使って、WordPressにお問合せフォームを追加します。
デザインをサイトと統一したい、同じサイトの中でフォームを管理したい場合はプラグインを使うのがオススメです。

	①フォーム作成サービスを利用	②プラグインを利用
メリット	・HTML/CSSの知識がなくても設置できる	・管理画面内でお問合せフォームを管理できる
デメリット	・WordPressのサイトとのデザインが揃わない	・デザインのカスタマイズにはCSSの調整が必要・スパムなどのセキュリティ対策を行う必要あり

① お問い合わせフォーム作成サービスを利用する

フォーム作成サービスを利用すると、HTML/CSSの知識がなくても、お問合せフォームを簡単に作成することができます。
WordPressのページに埋め込んだり、フォームへのリンクを貼ることで、お問合せフォームとして活用できます。

今回は無料でも十分な機能が備わったGoogleフォームとFormuzuを紹介します。

Googleフォーム(無料)

Googleフォームは、Googleアカウントがあれば誰でも利用できる、無料のフォーム作成ツールです。

主な機能

いくつでもお問い合わせフォームを設置可能
回答をGoogle Spread Sheetで管理できる
回答内容に応じて、質問をスキップできる
入力チェック（必須チェック、文字数、数値、文字を含む／含まない、メールアドレス、URLチェック、正規表現など）
パソコンでもスマホでも利用できる
回答者のメールアドレスに回答内容のコピーを送ることができる

ただし、デザインが決まっているので（ヘッダーに画像を入れる、背景色を変える程度の変更はできる）、見た目や色使いを揃えたい場合には向かないかもしれません。

GoogleフォームをWordPressページに埋め込むには？

フォームを作成後、右上の送信ボタンをクリックします。

共有方法が表示されるので、

送信方法の一番右のタブを選び、HTMLコードをコピーします。

WordPress管理画面から、投稿／固定ページの編集画面に行きます。
お問合せフォームを表示させたい箇所にに「HTMLコード」ブロックを入れて、先ほどコピーしたHTMLコードを貼り付けます。

Formzu

Formzuも手軽にフォームを作成できるツールです。
無料版では広告が表示されますが、12項目までのフォームを作成することができます。

主な機能

郵便番号、グリッド選択、日付・時間、カレンダー、動画、添付ファイル、使える質問項目が豊富
条件分岐（入力内容によってスキップできたりする）がでできる
セクション区切りなど、質問項目をまとめたりできる
お問い合わせ内容を100件まで無料で保存
12項目／1フォーム

FormuzuフォームをWordPressに設置するには？

フォームズのマニュアルに記載されていますが、「Formzu WP」プラグインを使うとショートコードでお問合せフォームを設置できます。

お問い合わせフォームのプラグイン　機能比較

お問い合わせフォーム用のWordPressプラグインを紹介します。

おすすめプラグイン

Snow Monkey Forms
Contact Form 7
MW WP Form

まずはこの３つのプラグインの概要を比較します。

	Snow Monkey Forms	Contact Form 7	MW WP Form
入力項目	・テキスト・テキストエリア・URL ・メールアドレス・電話番号・ラジオボタン・チェックボックス・セレクトボックス・ファイル	・テキスト・テキストエリア・URL ・メールアドレス・電話番号・数値・日付・チェックボックス・ラジオボタン・ドロップダウンメニュー・ファイル・承諾確認・クイズ	・テキスト・テキストエリア・URL ・メールアドレス・電話番号・数値・日付・チェックボックス・ラジオボタン・ドロップダウンメニュー・パスワード・郵便番号・範囲入力
主な入力チェック	・必須・URL ・メールアドレス・電話番号	・必須・・URL ・メールアドレス・電話番号・文字数・数値（最小〜最大）・ファイルサイズ／タイプ	・必須・URL ・メールアドレス・電話番号・文字数・数値（最小〜最大）・アルファベット・ひらがな・カタカナ・画像サイズ・ファイルサイズ／タイプ
確認画面	○	△別プラグインが必要「Contact Form 7 add confirm」	○
回答者宛の自動返信メール	○	○	○
管理者宛の自動通知メール	○	○	○
reCAPTCHA	○	○	△別プラグインが必要「reCAPTCHA for MW WP Form」
その他の特徴	プログレストラッカー		データベースへ保存できるグラフ表示

初心者向け！Snow Monkey Forms

後で紹介する、MW WP Formsの開発者、キタジマタカシさんが開発した、ブロックエディタ対応のお問い合わせフォームプラグインです。
Snow Monkeyというテーマに合わせて開発されたプラグインですが、どのテーマでも使えます。（私は、SWELLを使っていますが問題なく使用できています。）

必須チェック、確認画面、自動返信メールなど、お問い合わせフォームに必要な機能がコンパクトに揃っていて、HTML/CSSのカスタマイズなしでも簡単にフォームを作ることができるプラグインです。

初心者向けで、シンプルなお問い合わせフォームがほしいという方にはこのプラグインがおすすめ。

Contact Form7

Contact Form7は、お問い合わせフォームといえば、まずこれ！と言われるほど、有名なプラグインです。そのため、設定方法やカスタマイズの解説が多く掲載されています。

特徴としては、入力内容の確認画面がありません。海外は、確認画面がないことが主流のため、だそうです。Contact Form 7に確認画面を追加できるプラグイン「Contact Form 7 add confirm」もありますが、４年以上前からアップデートが行われておらず、2021年10月現在、開発が終了しています。もし、確認画面が必要であれば、別のプラグインを使う方がよさそうです。

アドオンのプラグインを導入すると、条件分岐を追加したり、受信メール保存をしたりできます。
お問い合わせフォームをカスタマイズしていきたい方におすすめです。

画面上では、このようにテキストエディター画面に、タグを入力してお問合せフォームを設定します。

MW WP Form

MW WP Formは、中級者以上向けで、柔軟にカスタマイズできるお問合せフォームです。
「確認画面」「エラー画面」「送信画面」を別々のURLで設置したり、お問合せ内容をデータベースに保管する機能があります。マニュアルが用意されているのも親切ですね。
HTMLやPHPに抵抗がない方であれば独自の入力チェックをいれる、選択肢を画像に変更したり、条件によってメールの文章を変えるなど、用途にあわせてフォームを作り込んでいくことができます。

お問合せフォームの作成するときは、入力項目を選んで「フォームタグを追加」をクリックで追加していきます。