WordPressでシンプルなお問い合わせフォームを作る

WordPressでシンプルなお問い合わせフォームを作る方法(簡単)

ほとんどのWordPressサイトでは、開設当初からお問い合わせフォームが必要です。

訪問者は連絡手段を求めています。問い合わせフォームがない場合、ページにメールアドレスを直接掲載することになり(スパムボットの格好の標的になります)、あるいは、より簡単に連絡を取れるようにしている競合他社に顧客を奪われてしまうことになります。

ただし、WordPressには標準で問い合わせフォームが搭載されていないという点が難点です。そこで、私がいつも愛用しているフォームプラグイン「WPForms」を使って、WordPressで簡単な問い合わせフォームを作成する方法をご説明します。

今すぐWordPressフォームを作成

WordPressコンタクトフォームの作り方

WordPressでWPFormsを使ってお問い合わせフォームを作成するのがいかに簡単かを証明するため、私たちは「WPFormsチャレンジ」を用意しました。この楽しくて使いやすいセットアップウィザードが、初めてのフォーム作成に必要な手順をすべて丁寧に案内します。

完了まで5分あります。でも、それより早くフォームが完成するはずです。「WPFormsチャレンジ」はあくまで遊び心で用意されたもので、フォームを作成する最初の1回のみ表示されます。

Elementorをご利用の方は、WPFormsを使ってElementorの問い合わせフォームを作成する方法について解説したこちらのガイドもぜひご覧ください。準備はできましたか?それでは始めましょう!

ステップ1: WPForms Liteプラグインをインストールする

まず最初にWPFormsプラグインをインストールして有効化します。WPFormsは最高のWordPressフォームプラグインとして評価されており、コンタクトフォームを構築するための理想的なソリューションです。

WPFormsの連絡先フォームで私が最も気に入っているのは、「Simple Contact Form」テンプレートです。このテンプレートには、ほとんどのサイトで実際に必要とされる項目(名前、メールアドレス、件名、メッセージ)が最初から用意されているため、基本的な連絡先フォームを作成する際は、インストールしてテンプレートを適用し、ページに埋め込むだけで完了します。

まずは、WordPress.org から WPForms Lite をダウンロードするか、有料ライセンスを購入してください。プラグインのインストール方法についてサポートが必要な場合は、WordPress でのプラグインのインストール手順を解説したこのステップバイステップガイドをご覧ください。

有効化すると、WPForms セットアップウィザードに「WPForms チャレンジ」に参加するオプションが表示されます。このチャレンジを終える頃には、最初のフォームが完成し、WordPress で「お問い合わせ」ページを作成できるようになります。「WPForms チャレンジを開始」をクリックして、始めましょう。

WPFormsへの挑戦

WPFormsを無料でお試しください

ステップ 2: シンプルなコンタクトフォームテンプレートを選択する

WPFormsチャレンジを開始」をクリックすると、フォーム設定画面が表示されます。ここでフォームの名前を付け、ベースとなるテンプレートを選択します。「さあ始めましょう」をクリックして次に進みます。

Let's Go ボタンをクリックして、最初のフォームの作成を開始します。

フォームに名前を付けましょう。私は通常、「お問い合わせフォーム」や「お問い合わせ」といったわかりやすい名前を付けています。そうすれば、後で「WPForms」>「すべてのフォーム」から簡単に見つけられます。「完了」をクリックして次に進みましょう。

フォームに名前を付ける

次に、テンプレートを選びます。WPFormsにはイベント登録からアンケート、求人応募まで、あらゆる用途を網羅した2,100種類以上のフォームテンプレートが用意されていますが、お問い合わせフォームの場合は、1つあれば十分です。

シンプル連絡先フォーム」テンプレートを選択してください。これにより、テンプレートが読み込まれた状態でフォームビルダー画面が表示されます。「名前」、「メールアドレス」、「件名」、「メッセージ」の各入力欄が、すぐに利用可能な状態で表示されます。

WPFormsチャレンジの一環としてテンプレートを選択する

テンプレートの閲覧を完全に省略したい場合は、WPForms AIを使って、希望する内容を平易な英語で説明するだけで、カスタムフォームを作成することができます。

ステップ 3: 最初のコンタクトフォームをカスタマイズする

フォームビルダーの中に入ると、次のステップを指示するポップアップメッセージが表示されます:

WPFormsチャレンジ中にフォームにフィールドを追加する

WPFormsのドラッグ&ドロップ式フォームビルダーを使えば、WordPressのフォームフィールドのカスタマイズはとても簡単です。左側のパネルから右側のパネルへフィールドをドラッグするだけで、お問い合わせフォームに新しいフィールドを追加できます。

WPFormsチャレンジ中にフォームフィールドを追加する

「シンプルお問い合わせフォーム」テンプレートには、最初から4つの入力欄が用意されています。ほとんどのケースでは、これだけで十分です。さらに項目を追加したい場合は、私が普段どのような場面でどのような項目を追加しているかをご紹介します:

  • 「電話番号」フィールド:電話でのフォローアップを希望する、営業向けの問い合わせフォーム向けです。「Basic」プラン以上で利用可能です。
  • 住所欄:サービス業(配管工、デザイナー、顧客のもとへ出張する方など)向け。ベーシックプラン以上で利用可能です。
  • ファイルのアップロード:スクリーンショットや文書を添付する必要があるサポートのお問い合わせ用。Basicプラン以上で利用可能です。
  • ドロップダウン:ユーザーが部署やトピックを選択するのに便利です。Liteプランを含むすべてのプランで利用可能です。

文章は短くしてください

入力項目が増えるほど、送信率は低下します。お問い合わせページの場合、入力項目は4つあれば十分です。サイトには訪問者が来ているのにフォームからの送信がない場合は、まず入力項目の数を減らすことを検討すべきです。

参考までに、他のサイトがフォームにどのような内容を盛り込んでいるか、これらの「お問い合わせ」ページの例をご覧ください。

条件分岐や計算機能、支払い関連のフィールドといった高度なフィールドタイプについても詳しく学ぶことができますが、これらはProプランでのみ利用可能であり、基本的なお問い合わせフォームを作成する上では必須ではありません。

フォームの設定が完了したら、「完了」をクリックしてください。

ステップ4: コンタクトフォームの通知設定を確認する

WPFormsチャレンジの次のステップでは、フォームの通知設定について取り上げます。初心者の多くは通知設定を軽く流してしまい、その後、なぜメールが届かないのかと不思議に思うものです。

WPFormsチャレンジ中の通知設定の確認

デフォルトでは、WPFormsでは、誰かがフォームを送信するたびに、WordPressの管理用メールアドレスに通知メールが送信されます。このメールには送信された内容すべてが含まれており、受信者は1名のみです。

しかし、フォームを送信した人にEメール通知も送りたい場合はどうしたらいいでしょうか?

それは簡単です。WPFormsでは、複数のフォーム通知を作成し、フォーム送信時に顧客だけでなく、チームのさまざまなメンバーに送信することができます。

さらに、メール全体のブランディングを一貫したものにしたい場合は、メールテンプレートにカスタムヘッダーを追加する方法をご覧ください。

提出されたWPforms

多くのホスティング環境では、WordPressのデフォルトのメール機能(PHPのmail関数)が不安定なため、フォーム送信の通知メールが届かないことがあります。手順6で送信したテストメールが届かない場合は、下部のFAQに解決策が記載されています。

通知の設定が完了したら、「保存」をクリックして次の手順に進んでください。

ステップ5:WordPressのページに簡易お問い合わせフォームを埋め込む

これで WordPress ウェブサイトにお問い合わせページを追加する準備が整いました。埋め込み機能は、ショートコードを直接使う必要がないので、超初心者に優しいです。

まず、フォームビルダーの上部にある埋め込みボタンをクリックします。

埋め込みフォーム

既存のページを選択」または「新しいページを作成」をクリックします。ここで新しいページを作成してみましょう。

ページに埋め込むオプション

次に、ページの名前を入力してください。私たちはページを「Contact」と名付けました。

新しいページにコンタクトフォームを埋め込む

これで、WPFormsがフォームをページ上に直接配置します。ここでは、簡単なカラーピッカーやスタイル設定を使って、フォームの入力欄、ラベル、送信ボタンのデザインをカスタマイズすることもできます。

詳細については、お問い合わせフォームのスタイリングに関するガイドをご覧ください。なお、フォームをサイトに公開するには、「公開」をクリックする必要があることをお忘れなく。

WPFormsチャレンジ完了の成功メッセージ

これで完了です!フォームの作成にかかった時間は、画面の右下に表示されています。また、お問い合わせフォームをサイトのサイドバーに埋め込むこともできます。

これで完成です!これで WordPress のシンプルなお問い合わせフォームの作り方がわかりました。

メールのトラブルシューティング

テスト通知が数分経っても届かない場合は、ホスティングサービス側でメールがブロックされている可能性があります。解決策として、「WP Mail SMTP」をインストールし、適切なメールサービスに接続してください。以下のFAQに詳細な手順が記載されています。

WordPressで簡単な問い合わせフォームを作成する際のよくある質問

これらは、WordPressで簡単な問い合わせフォームを作成する方からよく寄せられる質問や、ネット上で最も頻繁に見かける質問です。

WordPressには標準の問い合わせフォームはありますか?

WordPress.org(多くのウェブサイトで利用されているセルフホスティング版)には、標準で連絡先フォームは含まれていません。連絡先フォームを追加するには、WPFormsのようなプラグインが必要です。

WordPress.com(ホスティング版)のブロックエディタには基本的なフォームブロックが搭載されていますが、専用のプラグインと比べると機能が限られており、セルフホスティング型のWordPress.orgサイトでは利用できません。

お問い合わせフォームのニーズのほとんどの場合、プラグインを利用するのが賢明です。もし古い無料オプションを検討しているなら、「WPForms vs Contact Form 7」の記事で主な違いが解説されています。

WordPressで問い合わせフォームを作成する最も簡単な方法は何ですか?

最も簡単な方法は、WPForms Lite(無料版)をインストールし、フォームビルダーを開いて「Simple Contact Form」テンプレートを選択し、そのフォームをページに埋め込むことです。作業全体で約5分程度で完了し、コーディングは一切必要ありません。

WordPressで無料で問い合わせフォームを作成することはできますか?

はい。WPForms Liteは無料で利用でき、「Simple Contact Form」テンプレート、すべての標準フィールドタイプ、基本的なスパム対策、およびフォーム1件につき1回のメール通知機能が利用できます。当サイトが厳選した「おすすめの無料WordPressお問い合わせフォームプラグイン」ランキングでもトップにランクインしています。

コンタクトフォームに含めるべき必須項目とは?

ほとんどのサイトでは、4つの入力項目で十分です。標準的な構成は、「名前」、「メールアドレス」、「件名」、「メッセージ」です。WPFormsの「シンプルお問い合わせフォーム」テンプレートには、これらが入力項目としてデフォルトで含まれているため、追加で設定する必要はありません。

フォームが特定の目的(見込み客の獲得、サポート依頼、予約のお問い合わせなど)向けである場合は、電話番号入力欄やトピック選択用のドロップダウン、ファイルアップロード欄などを追加しても構いませんが、最初からあらゆる情報を求めようとするのは避けましょう。フォームが短いほど、コンバージョン率が高くなります。

お問い合わせフォームからのメール通知が届かない場合はどうすればよいですか?

これはお問い合わせフォームに関する最も一般的な問題であり、その原因はほぼ間違いなく、WordPressの組み込みメール機能(PHPメール)がホスティングプロバイダーによってブロックされたり、配信されなくなったりしていることにあります。

解決策は、WP Mail SMTP をインストールし、SendLayer、Gmail、Outlook などの適切なメールサービスに接続することです。WPForms には、WordPress の問い合わせフォームからメールが送信されない問題を解決するための手順が詳しく解説されており、まさにこのケースにも対応しています。

WordPressのお問い合わせフォームにスパム対策機能を追加するにはどうすればよいですか?

WPForms Liteには、基本的なボットによる送信のほとんどを捕捉するスパム対策ハニーポット機能が組み込まれています。

セキュリティをさらに強化するには、Basicプラン以上でreCAPTCHA、hCaptcha、Cloudflare Turnstile、またはカスタムCAPTCHAフィールドを追加できます。Akismetとの連携も利用可能です。

詳細な設定方法については、「スパム対策済みのWordPressお問い合わせフォームの作成方法」をご覧ください。

コンタクトフォームの送信を追跡・管理することは可能ですか?

はい。WPForms Pro 以上のプランでは、すべての送信データが WordPress ダッシュボードの「WPForms」>「エントリー」に保存されます。ここから、エントリーの閲覧、検索、エクスポート、返信を一か所で行うことができます。

WPForms Lite(無料版)では、送信されたデータはメール通知として受信トレイに届きますが、WordPress内には保存されません。

お問い合わせフォームのデータをバックアップおよびエクスポートするにはどうすればよいですか?

最も手間のかからない方法は、フォームをスプレッドシートに連携させることです。WPFormsProにはGoogleスプレッドシートとのネイティブ連携機能が搭載されており、新しい送信データがすべてリアルタイムでGoogleスプレッドシートに自動的に追加されます。

また、WordPressのダッシュボードから、いつでも手動でエントリをCSV、Excel、またはPDF形式でエクスポートすることもできます。

次に、WordPressのお問い合わせフォームのデザインとカスタマイズを行います

フォームが公開されたので、サイト上に自然に溶け込むように設定しましょう。

フォームを、他のデザインと調和した洗練されたブランドイメージに合わせるには、WordPressでの問い合わせフォームのスタイリングに関するガイドをご覧ください。

フォームの機能をさらに活用したい場合は、長いフォームを扱いやすいページに分割する「マルチステップフォーム」の作成方法を学んでみましょう。

今すぐWordPressのお問い合わせフォームを作成する

フォームを作る準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。

この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。WPFormsがどのように資金を調達しているのか、なぜそれが重要なのか、そしてどのように私たちをサポートできるのかをご覧ください。

ハムザ・シャヒード

ハムザはWPFormsチームのライターで、デジタルマーケティング、サイバーセキュリティ、WordPressプラグイン、ERPシステムに関連するトピックも専門としています。もっと知る

最高のWordPressドラッグ&ドロップフォームビルダープラグイン

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。

24 comments on "WordPressで簡単なお問い合わせフォームを作る方法(簡単)"

  1. こんにちは、私は次のようなフォームを探しています。
    [URLは削除しました]
    この商品について問い合わせる」ボタンをクリックしてください。
    そのフォームで、商品名と商品URLを見ることができます。
    できますか?

      1. やあ、ビル - このコメントをチェックしたときには、君の前のコメントにはすでに返信していたんだけど、もしそれがコメントを投稿したくない理由なら、そのメッセージからURLはすでに削除しておいたよ。もしそれが、あなたがコメントを投稿しないことを望んだ理由であれば、私はすでにそのメッセージからURLを削除しています。

        ありがとう🙂。

      2. 私の簡単なコンタクトフォームに記入してくれた人がいるというメールを受け取ったのですが、どこでそのエントリーを見ることができるのかわかりません。助けてください!

      3. WPFormsの有料版をご利用の場合、WordPressのダッシュボードにあるentriesセクションからエントリーを見ることができます。WPFormsでエントリを表示するには、こちらの詳細ガイドに従ってください。

        参考になれば幸いだ!

    1. ビル - いい質問ですね!はい、このようなことはWPFormsで実現できます。まず、WPFormsのダイナミックフィールドポピュレーションメソッドを使用する必要があります。このメソッドでは、商品のURLや名前などを渡すことで、フォームのいくつかのフィールドを自動的に埋めることができます。フォームをポップアップで開くには、次のチュートリアルに 従います。

      この件に関する更なるご質問は、私たちのサポートチームに連絡することをお勧めします。WPFormsのライセンスをお持ちの場合は、メールサポートにアクセスできますので、サポートチケットを送信してください。それ以外の場合は、WPForms Lite WordPress.orgのサポートフォーラムで限定的な無料サポートを提供しています。

      ありがとう🙂。

  2. 私は無料のワードプレスアカウントを持っているにもかかわらず、私はこれを使用することができます(私はビジネスにアップグレードしない限り、プラグインを使用することはできませんが、私は今、それを行うことはできません)。

    1. ニコル- WPFormsプラグインをインストールする必要があるので、WordPressアカウントをビジネスにアップグレードする必要があります。

      お役に立てれば幸いです!ありがとう! ᙂ。

  3. フォームを使用していて、Eメール通知を設定していますが、フォームが送信されたときに、フォームデータに関するEメールが届きません、

    1. こんにちは、Rakshith - メール配信の問題でお困りのようですね!この問題を解決するには、フォーム通知の設定が正しく設定されているか確認してください。もし正しく設定されているのであれば、あなたのサイトから送信されたメールが認証されていないことが原因である可能性が高いです。その場合、SMTPプラグインを設定し、メールが認証済みとして送信されるようにする必要があります。

      WPFormsのライセンスをお持ちの方は、メールサポートをご利用いただけます。WPFormsのライセンスをお持ちの方は、メールサポートをご利用いただけますので、サポートチケットを送信してください。

      それ以外の場合は、WPForms Lite WordPress.orgのサポートフォーラムで限定的な無料サポートを提供しています。

      参考になれば幸いだ!

  4. こんにちは、WP、
    ありがとうございます。CONTACTフォームを設定し、ウェブサイト上でテストしたところ、送信され、THANK YOU FOR THE EMAILと表示されました。しかし、通知設定の一番上のSEND TO EMAIL ADDRESS欄に入力したメールアドレスに通知メールが届きません。

    どうすれば解決できるでしょうか?ありがとうございます。

    アンドレアス

  5. お問い合わせフォームをボタンに追加する方法を教えてください。
    ショートコードをボタンのURLにコピーしたのですが、クリックされるとブロックされてしまいます。新しいページを作ったり、ポップアッププラグインを使ったりすることなく、ポップアップとしてフォームを追加するか、ボタンと同じページに表示させたいのですが、どうすればいいでしょうか?

    ありがとう

    1. ダニー-混乱させて申し訳ありません!ご指摘のようなフォームを表示する機能はありません。しかし、私が提案できる最も近いオプションは、ページにフォームを埋め込むか、ポップアップフォームを作成することです。

      お役に立てれば幸いです! ご不明な点がございましたら、お気軽にお問い合わせください

      ありがとう! ᙂ。

    2. wpformの無料版でwpformコンタクトにメールを送ることはできますか?また、ブログやショップの新着情報を顧客や訪問者に伝えるための販売フォームを作成できますか?

      1. こんにちは、ダニー。

        このプラグインには、フォーム送信に成功したユーザーに自動的にメールを送信する通知機能があります。詳しくはこちらの記事をご覧ください。

        このプラグインを使えば、どんな種類のフォームでも作成することができます。フォームビルダーを使えば、あなたの要望に応じて、一からカスタムフォームを作ることができます。テンプレート化されたフォームに縛られることはありません。しかし、フォームは一般的に情報を収集するためのものであり、共有するためのものではありません。あなたのブログやサイトの更新を顧客や訪問者に伝えるための販売フォームの意味について、もう少し詳しくお聞かせいただけますか?

        ありがとう!

  6. こんにちは、

    wordpressのページにWP Fromを追加することができ、ログインした状態でフォームを送信すると通知メールが届きます。
    しかし、ワードプレスからサインアウトすると、コンタクトフォームを送信しようとするとエラーが表示され、コンタクトフォームが機能しません。

    次にどうすればいいか、どなたか教えてください。

    ありがとう
    ソフィー

    1. こんにちは、ソフィアさん。可能な限り詳しくお答えするために、あなたが直面している問題の詳細について、私たちのチームにご連絡いただけますか?

      WPFormsのライセンスをお持ちの方は、メールサポートをご利用いただけますので、サポートチケットを送信してください。それ以外の場合は、WPForms Lite WordPress.orgのサポートフォーラムで限定的な無料サポートを提供しています。

      ありがとう。

  7. T's&C'sフォームを作成しようと考えているのですが、メインとなる文言の一部に、一般T's&C'sページへのURLリンクが必要です。Lite版を購入した場合、T's&C'sの文言の中にURLを埋め込むことができるのでしょうか、それとも不可能なのでしょうか?まずベーシック・ライト版を購入する前に、私たちが達成しようとしていることができるかどうか確認したいのです。ありがとうございました。

    1. ジャニス - ご質問にできるだけ丁寧にお答えし、混乱を避けるため、メールにてご返信させていただきます。

      ありがとう。

  8. こんにちは、私が作成したコンタクトフォームをテストしたところ、メールにこのように表示されました:

    「新しいエントリーシンプルなコンタクトフォーム"

    どうすればそれを変えられるのか?

    ありがとう

    1. マイケル - もちろん、通知の下にあるメールの件名にご希望のテキストを追加することで、変更することができます。

      お役に立てれば幸いです。ありがとう🙂。

  9. プロフェッショナルメールを購入し、wpformに使用していますが、メールが届きません。私はcpanelの電子メールを作成し、smtpを設定し、このcpanelの電子メールは、電子メールを受信しますが、私は連絡先のフォームに私のプロの電子メールが欲しいです。

    1. Uroosa - 機会があれば、サポートであなたが直面している問題の詳細を教えてください。

      WPFormsのライセンスをお持ちの方は、メールサポートをご利用いただけますので、サポートチケットを送信してください。

      それ以外の場合は、WPForms Lite WordPress.orgのサポートフォーラムで限定的な無料サポートを提供しています。

      ありがとう🙂。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。

このフォームはCloudflare Turnstileによって保護されており、Cloudflareプライバシーポリシーおよび利用規約が適用されます。