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

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

WordPressのお問い合わせフォームをウェブサイトに追加したいですか?

あなたのサイトにコンタクトフォームを設置することは、顧客にとって最も簡単な方法です。さらに、Eメールアドレスやリードを集めることができるので、Eメールリストを増やすことができます。

このチュートリアルでは、WordPressのお問い合わせフォームを簡単に作成する方法をご紹介します。

WordPressフォームを今すぐ作成

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

WordPressでWPFormsを使ってコンタクトフォームを作るのがいかに簡単かを証明するために、WPForms Challengeを作りました。

この楽しく使いやすいセットアップ・ウィザードは、最初のフォームaを作成するために必要なことをすべて説明してくれます。しかし、それよりも早くフォームを完成させることができると思います。

WPFormsチャレンジは単なるお遊びで、最初にフォームを作ったときだけ表示されます。

Elementorを使用している場合は、WPFormsを使用してElementorのコンタクトフォームを作成するための代替ガイドをチェックすることをお勧めします。

準備はいいですか?始めよう!

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

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

詳しくは、WordPressにプラグインをインストールする方法のステップバイステップガイドをご覧ください。

有効化すると、WPForms Setup WizardにWPForms Challengeのオプションが表示されます。このチャレンジが完了する頃には、最初のフォームが完成し、WordPressでお問い合わせページを作成できるようになっています。

Start the WPForms Challengeをクリックしてください。

WPFormsへの挑戦

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

WPFormsチャレンジ開始をクリックすると、フォーム設定画面になります。ここでフォームに名前を付け、2,000以上のフォームテンプレートから選択して開始することができます。 カスタマーサービス、マーケティング、その他様々なビジネス機能、非営利団体 用のテンプレートがあります。

Let's Goをクリックして次に進む。

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

チャレンジの最初のステップは、フォームに名前をつけることです。ここに名前を入力し、完了をクリックして次のステップに進みます。

フォームに名前を付ける

タイマーのカウントダウンが表示されます。

次に、あらかじめデザインされたテンプレートを選択するか、ゼロからフォームを作成したい場合は空白のテンプレートを使用します。

今回はコンタクトフォームを作成するので、Simple Contact Formテンプレートを選択します。

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

必要なテンプレートをクリックするとすぐに、WPFormsはフォームビルダー画面に移動します。

ここで、テンプレートに新しいフィールドを追加したり、既存のフィールドを削除したり、設定を変更したりして、コンタクトフォームをカスタマイズすることができます。

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

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

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

WordPressのフォームフィールドのカスタマイズは、WPFormsのドラッグ&ドロップフォームビルダーを使えば本当に簡単です。

左側のパネルから右側のパネルにドラッグすることで、コンタクトフォームに新しいフィールドを追加することができます。

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

次に、フィールドをクリックして変更を加えます。ドラッグすることで、フォーム上のフィールドの順序を並べ替えることができます。

カスタムフォームのアイデアを得るために、お問い合わせページの例をご覧ください。

お問い合わせフォームはできるだけシンプルにするのがよいでしょう。しかし、必要に応じて自由にフィールドを追加することができます。例えば、条件ロジック、ファイルアップロードフィールド、支払いフィールド(PayPal、Stripe、その他)、チェックボックス、その他プロバージョンで利用可能な多くの追加機能のような高度なオプションだけでなく、敬称フィールドをフォームに追加することができます。

フォームのカスタマイズが完了したら、「完了」をクリックします。

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

WPFormsチャレンジの次のステップは、フォームの通知設定です。

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

WPForms では、作成した各フォームに対してフォーム通知がデフォルトで有効になっています。これらは管理者のメールアドレスに送信されるように設定されており、送信された各エントリーの全詳細が含まれます。

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

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

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

提出されたWPforms

フォームの通知が適切に設定されたら、完了をクリックします。

ステップ 4: WordPressページにシンプルなコンタクトフォームを埋め込む

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

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

埋め込みフォーム

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

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

次に、ページの名前を入力する必要があります。私たちはContactと名付けました:

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

これでWPFormsはあなたのフォームをページ上に配置します。ここでは、シンプルなカラーピッカーとスタイル設定を使用して、フォームフィールド、ラベル、送信ボタンをスタイリングすることもできます。詳しくはお問い合わせフォームのスタイル設定ガイドを参照してください。

フォームをあなたのサイトで公開するには、「公開」をクリックする必要があります。

これで完了です!右下にフォーム作成にかかった時間が表示されます:

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

サイトの サイドバーにお問い合わせフォームを埋め込むこともできます。

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

シンプルなお問い合わせフォームに関するFAQ

WordPress のシンプルなお問い合わせフォームについては、以下のよくある質問をご覧ください。

WordPressでコンタクトフォームを使うメリットは何ですか?

ウェブサイトにコンタクトフォームを設置することで、訪問者が簡単かつ安全に問い合わせ、苦情、提案、フィードバックを送信できるようになります。

また、WordPressサイトにコンタクトフォームを追加することで、以下のことが可能になります:

  • 効率的なコミュニケーション - コンタクトフォームは、読者が素早くあなたとコミュニケーションできるようにする素晴らしい方法です。
  • セキュリティ - スパマーからあなたのメールアドレスを守ります。コンタクトフォームにはあなたのメールアドレスが表示されないので、スパマーがメールアドレスを盗んで迷惑メールリストに追加することはありません。
  • 整理整頓 - お問い合わせフォームを使えば、Eメールマーケティングサービスと連携してマーケティングを自動化したり、フォームをGoogle Sheetsと連携させてスプレッドシートに入力内容を保存したりと、さらにシンプルにすることができます。

WordPressに組み込みのコンタクトフォーム機能はありますか?

いいえ、WordPress.orgには組み込みのコンタクトフォーム機能はありません。お問い合わせフォームを作成するにはWPFormsのようなプラグインが必要です。WPFormsのインストールは簡単で、基本的なコンタクトフォームを作成するために有料ライセンスを取得する必要もありません。

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

問い合わせフォームは名前、Eメール、メッセージのような必須フィールドのみで構成され、できるだけシンプルであるべきです。WPForms のシンプルなお問い合わせフォームテンプレートにはこれらのフィールドが含まれているので、最適化されたシンプルなお問い合わせフォームを使いたい場合は手動で何かを変更する必要はありません。

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

もちろんです!ほとんどのWordPressフォームプラグインは、あなたのWordPressサイトにダッシュボードを追加し、あなたのコンタクトフォームのすべての送信を表示、追跡、管理することができます。WPFormsの無料版では、新しい投稿が発生するたびにメールで通知を受け取ることができます。また、WPForms Proにアップグレードすることで、あなたのウェブサイトにすべての送信を保存することができます。

コンタクトフォームのデータをバックアップしたり、エクスポートしたりするにはどうすればよいですか?

Google Sheetsのようなスプレッドシートとフォームを統合することで、お問い合わせフォームのデータを外部にバックアップしておくことができます。WPForms Proはネイティブの統合機能を提供しており、WordPressのフォームをGoogle Sheetsに接続することで、収集したデータを自動的にスプレッドシートに追加することができます。これはまた、新しい送信が行われるたびに更新されるという利点があります。

WPFormsを使用してコンタクトフォームのデータを手動でエクスポートすることもできますが、エクスポートを実行した時点までの情報しか含まれません。継続的なバックアップのために、Google Sheetsとフォームを統合することをお勧めします。

次に、コンタクトフォームスパムをブロックする

WPFormsは、あなたのサイト上でスパムを停止するためのスパム保護ツールの束が付属しています。実際、WPForms Lite自体はreCAPTCHA v2およびv3のようなキャプチャオプションを備えた優れた無料のお問い合わせフォームプラグインです。

より長いフォームを作成したい場合は、WordPressでマルチステップのフォームを作成し、フォームの疲労を防ぎ、フォームへの入力を完了するよう促しましょう。

また、WPForms Hiddenフィールドを使って隠された顧客データを解除する賢いウェブフォームハックもチェックしてみてください。

WordPressフォームを今すぐ作成

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

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

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

オサマ・タヒール

オサマはWPFormsのシニアライターです。彼はWordPressプラグインを分解してテストし、その洞察を世界と共有することを専門としています。もっと知る

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

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

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。

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プライバシーポリシーおよび利用規約が適用されます。