Latest SeedProd News

ビジネス成長を支援するWordPressチュートリアル、ヒント、リソース

WordPressにコンタクトフォームを追加する方法(初心者ガイド)

WordPressに問い合わせフォームを追加する方法(ステップバイステップ) 

Written By: 著者アバター Stacey Corrin
著者アバター Stacey Corrin
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.
    
Reviewed By: レビュアーアバター Turner John
レビュアーアバター Turner John
John Turner is the co-founder of SeedProd. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

要約:WordPressに問い合わせフォームを追加する方法 サイトに問い合わせフォームをゼロから設置する最も簡単な方法をご紹介します。

  1. WPFormsをインストールする – アカウントダッシュボードからWPForms Lite(無料)またはWPForms Proをダウンロードして有効化します。
  2. フォームを作成する – WPForms »新規追加に移動し、フォームに名前を付けて、シンプルな問い合わせフォームテンプレートを選択します。
  3. 設定を構成する – 設定 »一般で、フォーム名、スパム保護、GDPRオプションを設定します。
  4. 通知を設定する – フォームが送信されたときに誰にメールが送信されるかを選択し、自動返信用のスマートタグを追加します。
  5. 確認メッセージを追加する – 送信後に感謝のメッセージを設定するか、訪問者をページにリダイレクトします。
  6. フォームを公開する – 任意のページまたは投稿にWPFormsブロックを追加し、フォームを選択して公開します。

WordPressに問い合わせフォームを追加する方法を知りたいですか?問い合わせフォームは、メールアドレスをスパムに公開することなく、訪問者があなたに連絡するための最も簡単な方法です。

このチュートリアルでは、初心者向けのプラグインを使用してWordPressに問い合わせフォームを追加する方法をステップバイステップで説明します。完了すると、サイトの任意のページ、投稿、またはサイドバーに追加できる動作中のフォームが完成します。

WordPressで問い合わせフォームを作成する理由

サイトにメールアドレスを記載する方が良いのではないかと思うかもしれません。実際には、WordPressの問い合わせフォームを使用すると、より多くの制御、より良いセキュリティ、そして訪問者があなたに連絡するためのよりスムーズな方法が得られます。

メールアドレスを表示する代わりに問い合わせフォームを追加する主な利点は次のとおりです。

  • 適切な詳細を収集する: 必須フィールドを選択して、常に必要な情報を取得できるようにします。
  • コミュニケーションを簡素化する: 訪問者がサイトを通じて直接質問、アイデア、またはフィードバックを送信しやすくします。
  • 整理整頓する: 件名と構造化されたフィールドを使用して、メッセージをすばやく並べ替え、返信します。
  • スパムから保護する: メールアドレスを非表示にし、組み込みのスパムフィルターを使用して不要なメッセージを削減します。
  • コンプライアンス要件を満たす: 同意チェックボックスを追加して、サイトがGDPRおよびその他のプライバシー法に準拠するのを支援します。

だからこそ、このサイトを含むほとんどのWordPressサイトでは問い合わせフォームを使用しています。メールアドレスを掲載するよりも安全で、速く、プロフェッショナルです。

プラグインなしでWordPressに問い合わせフォームを追加できますか?

はい、サードパーティのサービスを利用することで、プラグインなしでWordPressに問い合わせフォームを追加できます。これらのツールのほとんどは、サイトにコピー&ペーストする埋め込みコードを提供します。

しかし、このアプローチには欠点があります。HTMLコードを扱う必要があり、フォームのカスタマイズには通常追加の手順が必要です。初心者にとっては、混乱し、時間がかかるように感じられるかもしれません。

無料の選択肢の1つはGoogleフォームです。Googleでフォームを作成し、埋め込みコードを取得して、WordPressのカスタムHTMLブロックに貼り付けます。

設定は簡単ですが、フォームにはGoogleのデフォルトのスタイルが適用されます。サイトのデザインとは一致せず、フォームのエントリはWordPressダッシュボードではなくGoogleスプレッドシートに送信されます。

最も簡単な方法は、WordPressの問い合わせフォームプラグインを使用することです。プラグインを使用すると、コーディングスキルを必要とせずに、ダッシュボード内で直接フォームを作成、カスタマイズ、公開できます。

それでは、WordPressで問い合わせフォームを作成する方法をステップバイステップで見ていきましょう。

WordPressに連絡フォームを追加する方法

WPFormsドラッグアンドドロップフォームビルダーインターフェイス

WordPressに問い合わせフォームを追加する最も簡単な方法は、WPFormsを使用することです。これは最も初心者向けのフォームビルダープラグインであり、600万以上のウェブサイトで信頼されており、既製のテンプレートライブラリが付属しているため、数分で任意のタイプのフォームを作成できます。

JetpackやContact Form 7のようなプラグインとは異なり、WPFormsは真のドラッグ&ドロップフォームビルダーを提供します。これにより、コードを一行も触れることなく、カスタムフィールドを追加したり、通知を有効にしたり、スマートタグを使用したりできます。

WPFormsには無料版と有料版の両方があります。無料のLiteバージョンは、シンプルなフォームに最適です。支払い、アンケート、統合などの高度なオプションについては、Proバージョンがサイトの成長に必要なすべてをアンロックします。

さらに詳しい情報は、WPFormsのレビュー全体をご覧ください。

WordPress問い合わせフォームプラグインの選択

何かをインストールする前に、どのプラグインがあなたのサイトに適しているかを知っておくと役立ちます。ここでは、WordPress初心者向けの最も人気のある4つの問い合わせフォームプラグインの比較を示します。

プラグイン使いやすさスパム保護無料版
WPFormsドラッグ&ドロップビルダー、コーディング不要モダンなスパム対策(デフォルト)、reCAPTCHA、hCaptcha、Cloudflare Turnstileはい(WPForms Lite)
Contact Form 7ショートコードベース、手動設定が必要reCAPTCHA、Akismetはい
Jetpack FormsJetpackに組み込まれており、最小限の設定Akismet連携はい(Jetpack無料版で)
Gravity Forms高度なロジックとカスタムワークフローreCAPTCHA、ハニーポットいいえ(有料のみ、$59/年から)

WPFormsはほとんどの初心者にとって最良の選択肢です。無料のLiteバージョンはシンプルな問い合わせフォームに対応しており、ドラッグ&ドロップビルダーにより、コードを一行も触れる必要がありません。このガイドの残りの部分では、WPFormsの設定方法を説明します。

ビデオチュートリアル

ステップ1. WPForms WordPress問い合わせフォームプラグインをダウンロードする

最初のステップは、WPFormsを入手すること、そしてプラグインをコンピューターにダウンロードすることです。

次に、WPFormsアカウントを作成したら、WPFormsログインページにアクセスします。ここでアカウントダッシュボードにアクセスし、ライセンスキー、詳細、ダウンロードを表示をクリックします。

アカウントダッシュボードの「ライセンスキー、詳細、ダウンロードを表示」リンクをクリックしてください

次に、ライセンスキーの詳細とプラグインをダウンロードするためのリンクがあるページに移動します。

次にWPFormsをダウンロードボタンをクリックします。その後、ライセンスキーをメモ帳に保存して後で使用できるようにします。

WPFormsお問い合わせフォームプラグインをダウンロードするには、オレンジ色のボタンをクリックしてください

次に、WordPressダッシュボードでプラグインを追加して有効化します。WordPressプラグインのインストール方法については、初心者向けの便利なガイドを参照してください。

ステップ2. WordPressに問い合わせフォームを追加する

WPFormsをサイトにインストールして有効化したら、新しいお問い合わせフォームを作成します。これを行うには、WPFormsプラグイン » 新規追加に移動して、WordPressでお問い合わせフォームを作成します。

フォーム名を入力し、次の画面でシンプルな連絡フォームテンプレートをクリックします。

WPFormsのシンプルな問い合わせフォームテンプレートを使用して、WordPressでお問い合わせフォームを作成します

WPFormsは、シンプルな連絡フォームを自動的に作成します。次のデフォルトのフォームフィールドが含まれています。

  • 名前 – フォームを送信する訪問者の姓と名。
  • メール – 訪問者のメールアドレスはデフォルトで必須です。
  • コメントまたはメッセージ – 訪問者が質問を入力するためのスペース。
  • フォームボタンのテキスト – メッセージを送信する送信ボタン。
WPFormsはWordPressにシンプルな問い合わせフォームを追加します

ここから、左側のパネルから右側にドラッグアンドドロップすることで、追加のフォームフィールドタイプを簡単に追加できます。たとえば、ユーザーがドキュメントを送信できるようにしたい場合は、ファイルアップロードフィールドをドラッグしてフォームにドロップできます。また、メール件名フィールドを追加して、テキストエリアをユーザーに入力必須にすることもできます。

お問い合わせフォームを使用する人に、フォームフィールドを必須項目にしてください

また、いずれかのフィールドをクリックして名前を編集したり、説明を含めたりすることもできます。フィールドをクリックしてドラッグし、お問い合わせフォームの順序を並べ替えることもできます。

次に、高度なオプションヘッダーの下で、次の設定を編集できます。

  • フィールドサイズ – フォームフィールドのサイズを小、中、大のいずれかに設定します。
  • プレースホルダー – 名と姓のフィールドにプレースホルダーテキストを追加します。
  • ラベルを非表示 – エンドユーザーからフォームフィールドのラベルとサブラベルを非表示にします。
  • レイアウト – コードを使用せずに、フォームのカスタムレイアウトを選択します。
WPForms高度なお問い合わせフォームオプション

さらにカスタマイズしたい場合は、カスタムCSSクラスを含めることもできます。カスタマイズが完了したら、保存をクリックします。

次に、フォームの一般設定を定義します。

ステップ3. フォームの一般設定を定義する

フォームの一般設定を定義するには、設定 » 一般に移動します。

WPFormsのお問い合わせフォーム一般設定ページ

このセクションでは、次の設定を構成できます。

  • フォーム名 – フォームに別の名前を付けたい場合は、名前を変更します。
  • フォームの説明 – フォームの目的を覚えておくのに役立つように、名前に説明を付けます。
  • 送信ボタンのテキスト – 送信ボタンのラベルを変更します。
  • スパム防止 – アンチスパムハニーポット機能を有効にすることで、スパムボットの送信を防ぎます。
  • GDPRコンプライアンス – GDPRに準拠するために、IPアドレスやユーザーエージェントなどのエントリ情報をWordPressに保存しないようにすることができます。

これらの設定で問題がなければ、保存をクリックします。

次に、フォーム通知の追加について説明します。

ステップ4. フォームの通知設定を行う

コンタクトフォームの通知設定は、サイトにフォームが送信されたときにアラートを受け取るための優れた方法です。ただし、フォーム設定のドロップダウンメニューでこの機能を無効にしないと、フォームが送信されるたびに通知が届きます。

お問い合わせフォームの通知設定

WPFormsのスマートタグを使用して、サイト訪問者がコンタクトフォームを送信したときにアラートを出すことができます。これにより、フォームが受信されたことを知らせ、メッセージが確実に送信されたことを保証します。

WordPressでの通知と確認の設定について詳しくは、ドキュメントをご覧ください。

通知設定が完了したので、フォームの確認設定を見ていきましょう。

ステップ5. 確認メッセージを構成する

確認メッセージは、コンタクトページでフォームを送信した後にサイト訪問者に表示される短いメモです。これにより、メッセージが送信されたことを知らせ、次のステップを伝える機会を与えます。

WPFormsには、3つの確認メッセージタイプがあります。

  1. メッセージ – この確認タイプは、訪問者にフォームが送信されたことを知らせる簡単なメモを表示するデフォルトのオプションです。
  2. ページを表示 – ページを表示タイプは、フォーム送信後に訪問者をサイト上の特定のページ(例:ありがとうページ)に移動させます。
  3. URLに移動(リダイレクト) – 訪問者を別のウェブサイトに送信したい場合に使用するオプションです。

確認メッセージを設定するには、設定 » 確認をクリックします。次に、希望する確認タイプを選択します。このガイドでは、メッセージを選択します。

WPFormsお問い合わせフォーム確認メッセージ

次に、訪問者に見せたいメッセージを入力し、保存をクリックします。

次にエキサイティングな部分、つまりウェブサイトにフォームを公開することです!

ステップ6. WordPressページに問い合わせフォームを追加する

コンタクトフォームが作成されたので、WordPressの新しいページに追加する時間です。

WPFormsを使用すると、ウェブサイトのどこにでもフォームを追加できます。WordPressのコンタクトページ、ブログ投稿、サイドバーやヘッダーのウィジェットにも含めることができます。

最も一般的な選択肢は、コンタクトフォームを投稿またはページに埋め込むことです。ショートコードまたはコンテンツブロックを使用できます。これについては、今から説明します。

まず、新しいページまたはブログ投稿を作成し、投稿またはページエディターでプラスアイコンをクリックして新しいWordPressブロックを追加します。

次に、ブロック検索バーにWPFormsと入力すると、WPFormsブロックが表示されます。それをクリックしてページに追加します。

WPForms WordPressブロックを追加して、WordPressでお問い合わせフォームを作成します

次に、画面にブロックが表示され、ドロップダウンメニューからコンタクトフォームを選択します。その後、フォームがWordPressページに表示されます。

ドロップダウンボックスからお問い合わせフォームを選択してください

これで、ページを公開するだけです。その後、ウェブサイトでフォームがライブで表示されます。

WPFormsを使用してWordPressに追加されたお問い合わせフォームの例

ボーナス:SeedProdでコンタクトページを作成する

カスタムコンタクトページがまだない場合は、SeedProdを使用すると、コードに触れることなくゼロから簡単に作成できます。

SeedProdはWordPress用のビジュアルウェブサイトビルダーです。私はこれを使用してランディングページやサイト全体のレイアウトを作成しており、このサイトのコンタクトページも含まれます。既製のテンプレートまたは空白のテンプレートから開始し、レイアウトブロックを所定の位置にドラッグして、CSSを記述せずに公開できます。

ステップバイステップのウォークスルーについては、WordPressでカスタムページを作成する方法に関するガイドを参照してください。

WordPressのSeedProdページにお問い合わせフォームを追加する

ページが準備できたら、レイアウトにWPFormsウィジェットを追加し、ドロップダウンからフォームを選択して公開します。

SeedProdを使用したWordPressのランディングページのお問い合わせフォーム

お問い合わせフォームは公開され、サイトに合わせてスタイルが設定されます。

WordPressのお問い合わせフォームをスパムから保護する方法

お問い合わせフォームにトラフィックが集まり始めると、スパム送信は深刻な問題になります。幸いなことに、WPFormsにはボットをブロックするためのいくつかの組み込みオプションが含まれています。

最初のレイヤーは、デフォルトで有効になっているWPFormsのモダンなスパム対策保護です。これは、訪問者に何も要求することなく、バックグラウンドで複数のレイヤーチェックを実行し、ボットを捕捉するハニーポットトラップを含みます。

追加のセキュリティのために、CAPTCHAチャレンジを追加できます。WPFormsは、Google reCAPTCHA v2およびv3、hCaptcha、Cloudflare Turnstileをサポートしています。WPForms » 設定 » CAPTCHAで好みのオプションを設定してください。

WPFormsのスパム防止機能

コメントスパムのためにサイトでAkismetをすでに使用している場合は、WPFormsにも接続できます。これは、追加のレイヤーとして、フォームの送信をAkismetのフィルターにルーティングします。

ほとんどのお問い合わせフォームは、モダンなスパム対策保護が有効になっているだけでクリーンな状態を保ちます。スパムがまだ通過する場合は、CAPTCHAを追加してください。

サイドバーに問い合わせフォームを追加する

WPFormsを使用すると、ウェブサイトのサイドバーにお問い合わせフォームを追加することも非常に簡単です。このプラグインには組み込みのお問い合わせフォームウィジェットが付属しており、WordPressのウィジェット対応エリアにドラッグアンドドロップできます。

これを行うには、WordPress管理エリアから外観 » ウィジェットに移動してください。

ここでは、サイドバーにドラッグアンドドロップできるWPFormsウィジェットが表示されます。または、ウィジェットをクリックして、オプションのリストからサイドバーを選択します。次に、ウィジェットを追加をクリックします。

WPFormsウィジェットを使用してサイドバーにお問い合わせフォームを追加します

それが完了したら、ウィジェットにタイトルを付け、ドロップダウンリストからフォームを選択し、保存をクリックします。

これは、サイトのデフォルトのTwenty Twenty WordPressテーマを使用したときの表示です。

サイドバーに公開されたお問い合わせフォーム

WPFormsでは、WordPressのショートコードを使用してコンタクトフォームを追加するオプションも提供しています。WPForms » すべてのフォームにアクセスし、そこからショートコードをコピーすることで、コンタクトフォームのショートコードを見つけることができます。

すべてのフォームダッシュボードのWPFormsショートコード

あとは、WordPressを使用してフォームを表示したい場所に、簡単なテキストウィジェットでショートコードを貼り付けるだけです。

WordPressフォームのコンバージョンを追跡する

WordPressでフォームを作成したら、フォームがどの程度機能しているかを学ぶ必要があります。

WordPressでフォームを追跡すると、フォームが表示された回数とコンバージョン数、およびフォームのコンバージョン率を確認できます。また、どのフォームが最も多くのコンバージョンと表示を獲得しているかを確認することもできます。

フォームのコンバージョンを追跡する最も簡単な方法は、WordPress向けの最高のGoogleアナリティクスプラグインであるMonsterInsightsを使用することです。

MonsterInsights WordPress Googleアナリティクスプラグイン

MonsterInsightsには、フォームのコンバージョンを自動的に追跡する強力なフォーム追跡アドオンがあります。

セットアップは簡単で、数回クリックするだけです。MonsterInsights Formsをインストールするだけで、すぐに追跡が開始されます。また、WPFormsやその他のWordPress用フォームプラグインとも完全に互換性があります。

WordPressのフォームコンバージョンを追跡する方法を学ぶためのガイドをご覧ください。

WordPressに問い合わせフォームを追加することに関するFAQ

WordPressに問い合わせフォームを追加するにはどうすればよいですか?

最も簡単な方法はWPFormsを使用することです。プラグインをインストールして有効化し、WPForms »新規追加に移動してシンプルな問い合わせフォームテンプレートを選択します。WPFormsは、名前、メール、メッセージフィールドを使用してフォームを自動的に構築します。次に、任意のページまたは投稿を開き、WPFormsブロックを追加し、ドロップダウンからフォームを選択して公開します。プロセス全体で15分もかかりません。

プラグインなしでWordPressのページに問い合わせフォームを追加するにはどうすればよいですか?

Googleフォームを使用できます。forms.google.comでフォームを作成し、送信をクリックして埋め込みコードをコピーし、WordPressの任意のページにあるカスタムHTMLブロックに貼り付けます。フォームはページに表示され、送信はGoogleスプレッドシートにルーティングされます。ただし、フォームはGoogleのデフォルトのスタイルが適用されるため、サイトのデザインとは一致しません。

WordPressの問い合わせフォームのスパムを停止するにはどうすればよいですか?

WPFormsにはモダンなスパム対策保護機能が搭載されており、デフォルトで有効になっており、ハニーポットとマルチレイヤートークンチェックを使用してバックグラウンドでサイレントに機能します。より積極的なスパム対策には、WPForms »設定 » CAPTCHAの下にCAPTCHAを追加してください。WPFormsはGoogle reCAPTCHA、hCaptcha、Cloudflare Turnstileをサポートしています。コメントスパム対策にAkismetをすでに使用している場合は、3番目のレイヤーとしてWPFormsに接続できます。

WordPressでは、問い合わせフォームのメッセージはどこに送信されますか?

デフォルトでは、問い合わせフォームのメッセージはWPFormsの通知設定で構成されたメールアドレスに送信されます。受信者のメールを更新するには、[設定] » [通知]に移動します。WPForms Proを使用すると、送信されたエントリはWordPressダッシュボードのWPForms »エントリにも保存されるため、メールを確認せずにレビューできます。

WordPressで最高の無料連絡フォームプラグインは何ですか?

WPForms Liteは、WordPress向けの最高の無料問い合わせフォームプラグインです。ドラッグアンドドロップビルダー、事前作成済みテンプレート、基本的なスパム対策機能を備えており、どのWordPressテーマでも動作します。無料版はシンプルな問い合わせフォームをうまく処理します。ファイルアップロード、条件付きロジック、支払い統合などの高度な機能については、WPForms Proですべてのニーズを満たすことができます。

WordPressに問い合わせフォームを追加することは、サイトをよりプロフェッショナルでユーザーフレンドリーにするための最も簡単な方法の1つです。適切なプラグインを使用すると、必要な詳細を収集し、スパムを減らし、訪問者が簡単に連絡できるようにすることができます。

迅速なコード不要のソリューションが必要な場合は、WPFormsが初心者や中小企業に最適な問い合わせフォームプラグインです。無料版から始めることも、Proで高度な機能(支払い、アンケートなど)をアンロックすることもできます。

WordPressに問い合わせフォームを追加する方法がわかったので、自信を持ってオーディエンスとつながり、リードを獲得し、ウェブサイトを成長させることができます。

以下のガイドも役立つかもしれません:

お読みいただきありがとうございます!皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTubeX および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。

著者アバター
Stacey Corrin Content Marketing Specialist
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.

開示: 当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、手数料が発生する可能性があることを意味します。当社は、読者に価値をもたらすと信じる製品のみを推奨しています。

[weglot_switcher]