ワードプレスの投稿コンテンツにコンタクトフォームを追加する

WordPressの投稿コンテンツにお問い合わせフォームを追加する方法

お問い合わせページだけでなく、ブログ記事の途中にお問い合わせフォームを設置する方法をお探しですか?サイトオーナーとして、読者があなたのサイトから簡単に連絡できる方法を提供する必要があります。

このチュートリアルでは、WordPressの投稿コンテンツにお問い合わせフォームを追加する方法をご紹介します。

WordPressの投稿コンテンツにお問い合わせフォームを追加する方法

ステップ1: WordPressフォームの作成

まず最初にWPFormsプラグインをインストールして有効化します。詳しくはWordPressにプラグインをインストールする方法のステップバイステップガイドをご覧ください。

WPForms プラグインをインストールしたら、WPForms"Add New に行き、フォームに名前を付けます。そして Simple Contact Form テンプレートを見つけてUse Template ボタンをクリックします。

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

WPFormsはあなたのためにシンプルなコンタクトフォームを作成します。

実際、作成済みのコンタクトフォームがロードされると、ほとんどの作業はすでに完了しています。名前、Eメール、メッセージフィールドが自動的にフォームに追加されているのがわかるでしょう。

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

コンタクトフォームに電話番号フィールドを追加する

また、フォームフィールドをクリックしてドラッグすると、コンタクトフォームの順序を並べ替えることができます。フィールドの設定をカスタマイズするには、フィールドをクリックしてオプションパネルを開きます。

電話番号フィールドのフィールドオプションを開く

Eメールマーケティングを強化し、Eメールリストへの登録を簡単に行いたい場合は、シンプルなコンタクトフォームに登録チェックボックスを追加し、ユーザーが選択できるようにすることができます。

コンタクトフォームのニュースレター登録チェックボックス

また、GDPRへの準拠が心配な場合は、フォームにGDPR同意フィールドを追加して、今後マーケティングメールを送信することに明示的に同意してもらうこともできます。

ステップ 2: フォームの設定

コンタクトフォームが思い通りに表示されたら、フォームエディターの設定タブをクリックします。これでフォームの設定が表示されます。

設定すべきフォーム設定はたくさんある:

  • 一般設定:ここではフォームの名前、説明、送信ボタンのコピーなどを変更することができます。また、不要なフォーム送信からウェブサイトを安全に保つために、追加のスパム防止機能を有効にすることもできます。
  • フォームの確認フォームの確認は、サイト訪問者があなたのウェブサイトでコンタクトフォームを送信したときに表示されるメッセージです。WPFormsには3つの確認タイプがあります: メッセージ、ページを表示、リダイレクト。どれか一つを選択することもできますし、組み合わせて使用することもできます。
  • フォーム通知:通知は、あなたのウェブサイトで注文フォームが送信されるたびに電子メールを送信する素晴らしい方法です。サイト上でフォームが送信されると、通知が自動的に送信されます。また、フォームを送信したサイト訪問者やフォーム送信の通知が必要な人に送信することもできます。

また、コンタクトフォームに購読チェックボックスを追加している場合は、ご希望のEメールマーケティングプロバイダーと統合する必要があります。

WPFormsは以下のメールサービスプロバイダとの統合を提供しています:

フォームの設定がすべて完了したら、フォームビルダーの上部にあるオレンジ色のボタンをクリックしてフォームを保存してください。

フォームの保存

ステップ 3: WordPressの投稿にフォームを追加する

WPFormsはブログ記事、ページ、サイドバーなど様々な場所にフォームを追加することができます。

Elementor を使用している場合は、このセクションをスキップして、代わりに Elementor コンタクトフォームガイドの手順に従ってください。

WordPressの投稿コンテンツにお問い合わせフォームを追加するには、まずWordPressで新しいブログ記事を作成するか、お問い合わせフォームを追加したい既存の投稿を編集します。

次に、フォームを表示したい場所に新しいブロックを追加します。次にWPFormsブロックを選択します。

ブログ記事にWPFormsブロックを追加する

表示されたドロップダウンから、先ほど作成したシンプルコンタクトフォームを選択します。

WPFormsブロックでコンタクトフォームを選択する

その後、記事を更新または公開するだけで、ウェブサイトにコンタクトフォームが表示されます。

フォームをブログ記事の真ん中に追加するとこんな感じになります:

ブログ記事内のお問い合わせフォーム

フォームを公開したら、WPFormsForm Locator を使ってどのブログ記事にフォームを追加したかを簡単に見つけることができます。

WPForms " All Formsに移動します。ページ上部のスクリーンオプションを開き、Locationsオプションがチェックされていることを確認してください。

ロケーションの選択

これでフォームの概要ページに「所在地」カラムが追加されます。シンプルコンタクトフォームの行には、フォームを埋め込んだ場所の数が表示されます。

フォームの概要でフォームのロケーション数を表示する

この番号をクリックすると、リストされたすべての場所が表示されます。どのリンクをクリックしても、お問い合わせフォームを追加した投稿、ページ、ウィジェットを表示することができます。

コンタクトフォームのすべての場所を表示する

次に、WordPressフォームのコンバージョンを追跡しましょう。

これで完成です!これで、WordPressの投稿コンテンツにお問い合わせフォームを追加する方法がお分かりいただけたと思います。

WordPress のお問い合わせフォームを追加する他の場所をお探しの場合は、お問い合わせフォームを公開するのに最適な場所をまとめた記事をぜひご覧ください。さらに、WordPressのフォームのコンバージョンを追跡することで、コンタクトフォームを追加した記事がコンバージョンしていることを確認できます。

何を待っているのですか?今すぐ最強のWordPressフォームプラグインを使い始めましょう。

この記事が気に入ったら、フェイスブックと ツイッターをフォローしてください。

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

モリー・タイラー

モリーはWPFormsのコンテンツチームリーダー。2018年からWordPressについて執筆している。もっと知る

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

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

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

19 comments on "WordPressの投稿コンテンツにお問い合わせフォームを追加する方法"

  1. 私は計算されたフィールドを持つページを持っていると私はそれがコンタクトフォームを介して計算を表示するように送信したい、それは動作しません...あなたは私を助けることができますか?
    私は英語をうまく話せないので、私はあなたが私を理解して願っています...!

    1. こんにちは、ジョージ、

      混乱を招くようで申し訳ありませんが、現在のところ、商品の価格を合計する以外の計算をフォームでサポートしていません。将来的には検討する予定です。

      この件に関してご質問があれば、お気軽にご連絡ください🙂。

  2. こんにちは、
    通知メールに投稿タイトルを自動的に書き込む方法はありますか?

    1. こんにちは、ニコラ、

      もちろん、この設定には内蔵のスマートタグを使うことができます。スマートタグは、フォーム/フォーム設定に情報の断片を取り込むとても簡単な方法です。例えば、スマートタグに {page_title} を通知メールの件名/メッセージに追加すると、ユーザーがフォームを送信したときにフォームが埋め込まれていたページ/投稿のタイトルを自動的に引き出します。

      詳しくは、スマートタグのチュートリアルをご覧ください。

      お役に立てれば幸いです! 🙂。

  3. やあ、みんな、

    フォームをありがとう。しかし、私のワードプレスのページで「フォームを追加」が見つかりません。

    助けてください。

    サイエデ

    1. こんにちは、サイデ!お元気ですか?

      再確認したところ、最新のWordPress GutenbergエディタでWPFormsブロックを使用できるようです。新しいブロックを追加する際にWPFormsを検索してみてください。
      お役に立てれば幸いです!

      良い一日を🙂。

  4. ページにフォームを追加する方法について説明されています。しかし、ページにはフォームが表示されず、コードだけが表示されます。フォームを追加するボタンをクリックする方法と、ページにコードを挿入する方法です。
    それでも何も表示されません。

    1. こんにちは、ロバート!
      この問題は、あなたのページをチェックして、トラブルシューティングを行う必要があります。

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

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

      良い一日を🙂。

  5. wpformsの特定のフィールドやフィールドIDを、特定のユーザーやエントリーIDの他のページに統合するには?

    1. こんにちは、Dheeraj!
      今のところ、これを実現するための組み込み機能はありません。しかし、それは非常に便利だと思います。機能要望をメモしておきましたので、今後のロードマップを計画する際、レーダーに留めておきます。
      ご迷惑をおかけして申し訳ありません。
      良い一日を🙂。

  6. こんにちは、
    お問い合わせフォームをWPFormsに変更したところ、メインのコメント欄が正常に動作するようになりました。しかし、私たちのサイトには多くの投稿があり、それぞれの投稿の最後にコメント欄があります。コメント欄を1つずつではなく、すべてのページに一括で接続することが可能かどうか、またはその方法を教えてください。ありがとうございます。

    1. マーク - 申し訳ありませんが、あなたの質問を理解することができませんでした。投稿のコメントフォームとしてWPFormsを使用していますか?もしそうなら、一度にすべての投稿にフォームを追加するには、投稿テンプレートを修正し、PHPテンプレートにWPFormsショートコードを追加することで、一度にすべての投稿に表示されるようになります。PHPテンプレートにWPFormsショートコードを追加する方法については、こちらのチュートリアルをご覧ください。

      参考になれば幸いだ!

  7. 問い合わせページにフォームを設置しようとするたびに、テスト用にフォームに入力して送信を押すと、ウェブサイトに重大なエラーが発生したというエラーが出て、問い合わせを処理できません。修正方法を教えてください。

    1. こんにちは-このような奇妙な問題に直面しているとのこと、申し訳ありません!これはおそらく、サイト内のプラグイン/テーマの競合に関連する問題である可能性があります。サイトのエラーログをチェックすることで、この問題を絞り込むことができます。この問題に関してさらにお困りのことがございましたら、サポートまでご連絡ください。

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

      ありがとう! ᙂ。

コメントを追加する

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

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