ウェブサイトにお問い合わせフォームウィジェットを追加する方法 (2025)
クリック・ソーシャル

ClickSocialを使ってWordPressから直接ソーシャルメディア投稿をスケジュールする

無料トライアル開始 アングルライト
ホーム ブログ ウェブサイトにお問い合わせフォームウィジェットを追加する方法 (2025)

ウェブサイトにお問い合わせフォームウィジェットを追加する方法 (2025)

WordPressにお問い合わせフォームウィジェットを追加する方法

ウェブサイトに「お問い合わせ」フォームウィジェットを追加したいですか?

ソーシャルメディアで顧客と交流することに加えて、サイトにコンタクトフォームを追加することも、ターゲットとなるオーディエンスとつながる簡単な方法です。このフォームを使えば、フィードバックを得たり、サポートを提供したり、情報を収集したり、質問に答えたり、その他いろいろなことができます。

今日は、あなたのウェブサイトにお問い合わせフォームウィジェットを追加する最も簡単な方法をご紹介します。

その前に、お問い合わせフォームがあなたのビジネスにどのように役立つかを見てみましょう。

なぜお問い合わせフォームウィジェットを使うのか?

お問い合わせフォームウィジェットは、ウェブサイトの訪問者があなたに連絡する簡単な方法を提供します。つまり、訪問者から有益なフィードバックを簡単に集めることができます。

より簡単なコミュニケーションによって、訪問者との関係を築き、彼らを熱心な顧客に変えることができる。

これはほんの始まりに過ぎません!お問い合わせフォームのウィジェットを使った素晴らしい方法をいくつかご紹介します:

  • 訪問者のEメールアドレスを集めることで、お問い合わせフォームを使ってEメールリストを増やすこともできます。
  • フォームを使えば、顧客から得たすべての情報を自動的に整理することができ、時間と労力を大幅に節約できる。
  • また、お問い合わせフォームを使用することで、質問に素早く回答し、より迅速なカスタマーサポートを提供することができます。
  • 電子メールとは異なり、必要な情報の種類を指定できるため、関連する詳細情報のみを得ることができます。
  • お問い合わせフォームのウィジェットは、スパムボットや偽エントリーをブロックしてウェブサイトを保護することもできます。

このように、顧客との関係を築き、コンバージョンを高め、有益な情報を収集し、ビジネスを成長させたいのであれば、お問い合わせフォームは素晴らしいツールになります。

それでは、あなたのウェブサイトにお問い合わせフォームウィジェットを追加する最も簡単な方法を見てみましょう。

お問い合わせフォーム・ウィジェットを埋め込む最も簡単な方法

お問い合わせフォームを簡単にウェブサイトに埋め込むには、WordPressプラグインを使用するだけです。

WordPress用の優れたコンタクトフォーム・プラグインはたくさんありますが、その中でもWPFormsが最適です。

wpformsホームページ

WPFormsはシンプルなフォームビルダーで、数クリックでWordPressサイトに魅力的なコンタクトフォームを追加できます。

コンバージョンの高いフォームを作成するために、このプラグインは以下のような便利な機能を備えています:

  • ドラッグ&ドロップビルダー:ビジュアルビルダーを使用すると、数回の簡単なクリックでフォームを作成することができます - コーディングは必要ありません。
  • 複数ページのフォーム:フォームへの記入を促すために、記入しやすいように複数の小さなページに分けることができます。
  • あらかじめ用意されたテンプレート: 400種類以上のテンプレートから 選ぶだけで、すぐに美しいコンタクトフォームが完成します。
wpforms用テンプレート
  • 支払いオプション:コンタクトフォームから支払いを受け取ることもできるので、訪問者は簡単に商品を注文したり、サービスを申し込むことができます。
  • スマートな条件ロジック:短くて魅力的なフォームを作るために、その人の過去の回答に応じてオプションを非表示にしたり、表示したりすることができます。

これらすべての素晴らしい機能を備えたWPFormsは、WordPressのための最高のお問い合わせフォームプラグインとなっています。実際、500万以上のウェブサイトが訪問者を変換し、彼らのブランドを促進するためにWPFormsを使用しています。

もっと詳しくお知りになりたい方は、WPFormsのレビューをご覧ください。

それでは、WPFormsを使ってお問い合わせフォームウィジェットを埋め込む方法を見ていきましょう。

ウェブサイトにお問い合わせフォームウィジェットを追加する方法(ステップバイステップ)

それではさっそく、お問い合わせフォームウィジェットを埋め込む最も簡単な方法をご覧ください。以下の手順に従ってください:

ステップ1: WPForms WordPressプラグインをダウンロードしてインストールする

まずはこちらからWPFormsを入手してください。その後、あなたのウェブサイトにプラグインをインストールし、有効化することができます。

その方法を知りたい場合は、WordPressプラグインのインストール方法についてのチュートリアルをご覧ください。

ステップ 2: お問い合わせフォームの作成

新しいプラグインを使って、あなたのウェブサイトにお問い合わせフォームを作成することができます。

これを行うには、まずWordPressのダッシュボードからWPForms " Add Newメニューに移動します。

新しいコンタクトフォームを追加する wpforms

その後、あらかじめ用意されたテンプレートを選んで、お好みの魅力的なフォームを素早く作成することができます。

お問い合わせフォームウィジェットを作成するので、シンプルお問い合わせフォームにマウスカーソルを合わせ、テンプレートを使用するをクリックします。

シンプルなお問い合わせフォームテンプレートwpformsを使用

このように、あなたのウェブサイトにシンプルなお問い合わせフォームができました。デフォルトでは、情報を収集するために3つのフィールドが用意されています:

  • 名前 人々の姓名を尋ねる
  • Eメール 訪問者のメールアドレスを収集する
  • コメントまたはメッセージ: 訪問者がメッセージを残せるようにする

詳細情報を入力した後、訪問者は送信をクリックして情報を送信することができます。

シンプルなお問い合わせフォームの例

ステップ 3: フォームに新しいフィールドを追加する

WPFormsを使用すると、より多くのフィールドを追加し、あなたの訪問者からより多くのタイプの情報を収集することができます。

新しいフィールドを超簡単に追加するために、WPFormのドラッグアンドドロップフォームビルダーを使用することができます。

エディタの左側には、追加できるすべてのカスタムフィールドがあります。右側には新しいお問い合わせフォームが表示され、変更をリアルタイムで追跡することができます。

ドラッグ&ドロップのコンタクトフォームビルダー

お問い合わせフォームにフィールドを追加するには、左からフィールドをドラッグして 右へドロップ します。

この例では、電話番号を収集できるNumbersフィールドを追加します。

ドラッグ・アンド・ドロップ・アイテム wpforms

そうすると、左側のパネルにそのフィールドのすべてのオプションが表示されます。既存のフィールドの編集を始めたい場合は、そのフィールドをクリックするだけで、左側にフィールドのオプションが表示されます。

この例では、ここで新しいNumbers フィールドの設定を変更することができる。

フィールド名を変更するには、Label オプションを編集します。

フィールドについてより多くの情報を与えたい場合、Description オプションを使用することができます。これは訪問者にこのフィールドが何であるか明確な考えを与えることができます。

このフィールドをフォームに入力するすべての人に必須にしたいですか?その場合は、必須 オプションをオンにしてください。

フィールドWpformsの一般設定

また、編集するフィールドの種類によっては、さらに多くのオプションをここで見つけることができる。

ここでのフィールド設定に満足したら、上部のAdvanced タブをクリックして、このフィールドの編集を続けます。

高度なフィールドオプション お問い合わせフォームウィジェット

詳細オプションでは、フィールドをカスタマイズするためのより多くの方法を見つけることができます:

  • フィールドのサイズ:このフィールドが画面に占めるスペースを設定します。
  • プレースホルダー・テキスト:空のフィールドにテキストを表示する。
  • デフォルト値:送信前に入力されなかった場合に表示されるフィールドを選択します。
  • CSSクラス:カスタムCSSを追加して、このフィールドのデザインを変更する。
  • ラベルを隠す:フィールドの上にラベルを表示または非表示にする

詳細設定が終わったら、上部にある「スマートロジック」 タブをクリックして次に進みます。

スマートロジック wpforms

ここから、このフィールドの条件ロジックを オンにすることができます。

このオプションを使用すると、訪問者が以前の質問にどのように答えたかによって、このフィールドを表示または非表示にすることができます。

例えば、訪問者に米国に住んでいるかどうかを尋ねることができます。訪問者が「はい」と答えた場合、条件付きロジックを使用して、訪問者が州を選択できるフィールドを表示することができます。

お問い合わせフォームにフィールドを追加したいですか?上部のフィールド追加 ボタンをクリックしてください。

新しいフィールドを追加 お問い合わせフォームウィジェット

このように、電子メール、場所、パスワード、日付、ファイルなどを収集するフィールドを追加することができます。また、フォームにセクションの区切りや改ページを追加することもできます。

お問い合わせフォームが完成したら、右上の保存 ボタンをクリックします。

ステップ 4: フォームの設定を変更する

お問い合わせフォームの設定を変更するには、左側の設定オプションをクリックしてください。

お問い合わせフォームの設定を開く wpforms

一般設定を 開き、これらのオプションを変更できます:

  • フォーム名お問い合わせフォームの名前を選んでください
  • フォームの説明 新しいフォームの簡単な説明を書く
  • 送信ボタンテキスト: フォームの最後に表示されるボタンのテキストを選択します。
  • 送信ボタン処理テキスト:送信ボタンをクリックしたときに表示される小さなテキストを追加します。
  • スパム対策を有効にするお問い合わせフォームウィジェットをスパムボットから保護する
一般的なお問い合わせフォームの設定

設定に満足したら、Save ボタンをクリックします。

次に、左のパネルにあるNotifications オプションをクリックして進みます。

オープン通知セクション wpforms

デフォルトでは、誰かがフォームに入力するたびにWPFormsはあなたに電子メール通知を送信します。通知を有効にする オプションを使用すると、これらの通知を有効または無効にすることができます。

残りのオプションを使用して、電子メール通知を設定することができます:

  • メールアドレスに送信通知メールを受信するメールアドレスを選択してください。
  • メールの件名メールの件名を選択してください。
  • 名前から送信者の名前を選択します。
  • Eメールからこれらのメールを送信するメールアドレスを選んでください。
wpformsの通知オプション

ここを下にスクロールすると、WordPressのコンタクトフォームのメール設定の残りを見つけることができます:

  • 返信先メールアドレス:これらの通知メールへの返信を受信するメールを選択します。
  • メールメッセージ通知メールのメッセージを設定します。お問い合わせフォームで収集した情報を表示したいだけであれば、そのままで結構です。
  • 条件ロジックを有効にする: 訪問者が特定のフィールドに特定の回答を追加した場合のみ、Eメール通知を受け取ります。
通知オプション wpforms

通知設定を終えたら、もう一度「保存」 ボタンをクリックしてください。

次に、確認 オプションをクリックして続行します。

オープン確認オプション

確認設定から、フォームに記入した訪問者へのメッセージを作成することができます。

確認メッセージ」 欄にメッセージを記入し、「保存」ボタンをクリックします。

確認メッセージを追加する

ステップ 5: お問い合わせフォームウィジェットを埋め込む

最後に、お問い合わせフォームウィジェットをWordPressウェブサイトに追加します。実は、2つの方法があります:

  • WordPressページにお問い合わせフォームウィジェットを埋め込む
  • WordPressのサイドバーまたはフッターにお問い合わせフォームウィジェットを埋め込む

以下、両方の方法を見てみよう:

WordPressページにお問い合わせフォームウィジェットを埋め込む

WPFormsを使用すると、エディタから直接、手間なくコンタクトフォームウィジェットを埋め込むことができます。

上部の埋め込み ボタンをクリックするだけで、すぐに始められます。

埋め込みボタンをクリック コンタクトフォーム

次に、お問い合わせフォームの場所を選択するポップアップが表示されます。

既存のWordPressページにフォームを追加したい場合は、「既存のページを選択 」ボタンをクリックしてください。

フォームウィジェットを新しいページに埋め込むには、「新しいページを作成」をクリックしてください。

wpformsの埋め込みオプション

プラグインはWordPressエディタでページを開き、ウィジェットを埋め込むことができます。新しいコンテンツブロックを追加するには、小さなプラス(+)アイコンをクリックしてください。

新しいコンテンツブロックを追加する

次に、上部の検索バーに"wpforms "と 入力する。そうしたら、下のオプションからWPForms ウィジェットをクリックするだけです。

wpformsコンテンツブロックを選択する

そうすることで、ページにWPFormsウィジェットが埋め込まれます。ウィジェット上でドロップダウンメニューを使用し、先ほど作成したお問い合わせフォームを選択します。

コンタクトフォームを選ぶ wpforms

変更を確認するには、「発行」または「更新」 ボタンを忘れずにクリックしてください。

これでWordPressウェブサイトにフォームが追加されました。どのように見えるかを見るには、WordPressのお問い合わせページを開いてみてください。

ウェブサイトにお問い合わせフォームのウィジェットを表示する

WordPressのサイドバーまたはフッターにお問い合わせフォームウィジェットを埋め込む

サイドバーやフッターなど、ウィジェット対応エリアに新しいお問い合わせフォームを表示することもできます。

まず、外観 " ウィジェットメニューから、ウェブサイトのウィジェットページを開きます。ここから、WordPressのすべてのウィジェットを追加、削除、管理することができます。

ウェブサイトのウィジェットページを開く

次に、サイドバーかフッターを選択できます。サイドバーにお問い合わせフォームを埋め込むには、サイドバーパネルをクリックしてください。

サイドバーパネルを開く

フッターにフォームを埋め込みたい場合は、フッターをクリックしてください。

ここではサイドバーを例にとります。

フッターパネルを開く

その後、プラス(+)アイコ ンをクリックして新しいウィジェットを追加し、WPFormsをクリックします。

お問い合わせフォームウィジェットを埋め込む

WPFormsウィジェットを使用して、埋め込みたいコンタクトフォームを選択できます。

以前のように、ドロップダウンメニューを使って新しいお問い合わせフォームを選択します。

コンタクトフォーム・ウィジェットを選択する

更新 ボタンをクリックして変更を保存すれば完了です!

これで、あなたのウェブサイトにお問い合わせフォームのウィジェットができました。あなたのウェブサイトを開いてみてください。

サイドバーにお問い合わせフォームを埋め込む

それで終わりだ!

WordPressサイトにお問い合わせフォームウィジェットを追加する方法をご紹介しました。WPFormsを使えば簡単なステップで設置できます。

その後、簡単に顧客に接触し、リードを生成し、コンバージョンを高めることができます。

魅力的なお問い合わせフォームを作成する準備はできましたか?あなたのウェブサイトにWPFormsを

美しいウェブサイトを簡単に作りたいなら、最高のページビルダー・プラグインのリストをチェックしよう。

最後に、この記事を楽しんでいただけたなら、Twitterや Facebookで私たちとつながり、より役立つチュートリアルをご覧ください。

著者アバター
サジャン・シャルマ シニアライター
WordPress、ソーシャルメディアマーケティング、オンラインビジネスについて10年以上執筆。専門分野はインフルエンサーマーケティング、コンテンツキュレーション、デジタルマーケティング戦略など多岐にわたる。

コメントを追加する

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