WordPress にお問い合わせフォームを追加する方法 (5 つの簡単なステップ)

公開: 2023-09-21

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

お問い合わせフォームを使用すると、ユーザーは質問やコラボレーションについて簡単に連絡を取ることができます。 サイトに追加するのは簡単で、リードや販売を獲得する機会が広がります。

たった5つの簡単なステップでお問い合わせフォームを追加する方法を紹介します。 最初から最後まで10分もかからないので、早速行ってみましょう! この方法を使用すると、将来的にサイトに必要なあらゆる種類のフォームを作成できるようになります。

WordPress に問い合わせフォームを追加する最良の方法は何ですか?

WordPress サイトに問い合わせフォームを追加する最良の方法は、プラグインを使用することです。 これらの WordPress コンタクト フォーム プラグインを使用すると、いくつかのボタンをクリックするだけでサイト上に美しいフォームを取得することができます。 フォームをデザインしたりスタイルを設定するためにコーディングや CSS を扱う必要はありません。

現在、かなりの数の WordPress フォーム プラグインから選択できます。 私たちのお気に入りは WPForms です。

WPForms WordPress フォームビルダー

WPForms は間違いなく WordPress 用の最高のフォームビルダーです。 世界中の 600 万人以上のユーザーに愛され、信頼されています。

1000 以上のテンプレートが付属しているため、最初から始める必要はありません。 サイトに公開できるフォームが表示されます。

つまり、ニュースレターの登録、イベント登録、ログイン、予約フォーム、アンケート、投票などを追加できるということです。

変更が必要な場合は、視覚的なドラッグ アンド ドロップ エディターを使用します。 これにより、サイト上で実際に表示されるのと同じようにフォームを編集できます。 クリックしてコンテンツを編集し、新しい要素を表示したい場所にドラッグ アンド ドロップするだけです。

これらの必須機能とは別に、WPForms には次のような強力で高度なフォーム機能が付属しています。

  • フォーム送信に関する即時通知
  • ユーザーへの自動電子メール通知
  • 入場管理
  • スマートな条件付きロジック
  • 会話形式
  • 複数ページのフォーム
  • 電子メールマーケティングの統合
  • PayPal、Stripeなどとの支払い統合
  • 組み込みのスパム保護機能

それはハイライトに名前を付けるだけです。 このフォームビルダーにはさらに多くの機能があり、すべての人気のある WordPress テーマで動作します。

WordPress.org で入手できる WPForms Lite と呼ばれる無料バージョンから始めることができます。 高度な機能を利用するには、WPForms Pro にサインアップしてください。

それでは、数分で問い合わせフォームを設定するためのチュートリアルに移りましょう。

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

最初に行う必要があるのは、サイトに WPForms をインストールすることです。 WordPress ダッシュボードで、 「プラグイン」 » 「新規追加」ページに移動します。 WPForms を検索すると、その横に「今すぐインストール」ボタンが表示されます。

インストールしたら、そこでプラグインを有効にする必要もあります。

WordPress に WPForms をインストールする

それでおしまい。 無料の WPForms ライト バージョンを使用する準備ができました。 すべての高度な機能にアクセスしたい場合は、WPForms Web サイトにアクセスしてください。 選択したプランを購読すると、コピーできるライセンス キーとともにダウンロードするプラグイン ファイルが取得されます。

WPForms ライセンス キー

WordPress 管理者ダッシュボードに移動します。 プラグイン » 新規追加 » プラグインのアップロード に移動します。

WordPressにプラグインをアップロードする方法

ここで、ダウンロードした WPForms プラグイン ファイルを選択できます。 インストールしたら、プラグインをアクティブ化すると、ライセンス キーを貼り付けるオプションが表示されます。 WPForms » 設定ページにライセンス キーを貼り付けることもできます。

WPFormsライセンス

これで、必要なフォームを作成する準備が整いました。

ステップ 2: 最初のフォームを作成する

連絡先フォームを作成するには、 WPForms » 新しい追加ページに移動します。 フォームに名前を付けるフィールドが表示されます。 名前は「お問い合わせフォーム」とさせていただきます。

この下に、利用可能なテンプレートが表示されます。 シンプルなコンタクトフォームテンプレートを選択します。

WPFormsに問い合わせフォームテンプレートを追加する

これにより、視覚的なドラッグ アンド ドロップ フォーム ビルダーが開きます。 すべてがユーザーフレンドリーでシンプルになるように設計されています。 右側に基本的な連絡先フォームのプレビューが表示され、左側に編集タスクバーが表示されます。

WPForms ドラッグ アンド ドロップ エディター

ここのテキストを変更したい場合は、プレビュー内のテキストをクリックして編集するだけです。

新しいフィールド オプションを追加するには、左側のフォーム フィールドを選択し、フォーム プレビューにドラッグ アンド ドロップします。 チェックボックスフィールドを追加しました。フォームでそれを選択すると、次のように編集オプションが左側のメニューに表示されます。

WPFormsのドロップダウンフィールド

フィールドのラベルを変更し、説明を追加できます。 選択肢を追加および削除したり、ラベルを変更したりすることもできます。

下部に「必須」というチェックボックスが表示されます。 これを有効にすると、ユーザーはフォームの送信を許可される前に、このフォーム フィールドに入力する必要があります。

このビルダーを試して、このビルダーが持つすべての機能をテストしてください。

お問い合わせフォームには必須フィールドのみを追加することをお勧めします。最初から多くの情報を要求して、ユーザーがフォームに入力するのを妨げないようにする必要があります。

名前フィールド、電子メールまたは電話番号、コメント セクションを追加することをお勧めします。

フォーム内のフィールドの順序を変更する必要がある場合は、フィールドをクリックして、表示したい場所にドラッグ アンド ドロップするだけです。 フィールドをすばやく複製または削除するオプションもあります。

WordPress のお問い合わせフォームをカスタマイズする方法がわかったので、必ず変更を保存してから、以下の次のステップに進んでください。

ステップ 3: フォームの通知と確認を設定する

WPForms には、あなた、あなたのチーム、フォームを送信した人に送信される自動電子メールを設定できる便利な機能があります。

WPForms ビルダーで、 [設定]タブに移動します。 次のように[一般フォーム設定] ページが開きます。

WPFormsの「一般設定」タブ

ここでは、フォーム名、説明、フォーム送信ボタンなどを編集できます。 次のタブ「スパム保護とセキュリティ」では、スパム保護とキャプチャを有効/無効にできます。 これによりスパム送信者がブロックされ、実際のフォーム送信のみが送信されます。

WPForms のスパムとセキュリティ

「通知」タブに切り替えます。 デフォルトの管理者通知がすでに設定されています。 ユーザーがフォームを送信すると、フォームの詳細が記載された自動電子メールが WordPress Web サイトの管理者の電子メールに送信されます。

「新しい通知を追加」ボタンを使用して、新しい通知を設定できます。

新しいフォーム通知を追加

次に、メール アドレス、メールの件名、差出人名、メール メッセージ フィールドをカスタマイズするためのオプションが以下に表示されます。

この通知機能を使用すると、ユーザーに確認メールを送信して、提出物を受け取ったこと、折り返し連絡すること、または次に何を期待するかを知らせることもできます。

次に、WPForms では、ユーザーがフォームを送信した直後の動作を制御することもできます。 これをカスタマイズするには、 「確認」タブに切り替えます。

WPFormsの確認

この機能には 3 つのオプションがあります。

  • メッセージ: Web サイト自体にカスタム テキスト メッセージを表示します。
  • ページを表示:ユーザーを Web サイト上の特定のページに誘導します。
  • URL に移動 (リダイレクト):サードパーティのリンクを含む任意の URL にユーザーを送信します。

これにより、ユーザーのジャーニーを継続し、お問い合わせフォームを送信した後でもサイトに長く留まることができます。

必ず上部にある「保存」ボタンを押してください。 これで、フォームの確認と通知の設定が正しく完了しました。 電子メール統合をすばやく追加する方法を説明します。 これにより、新しい見込み客をメール リストに直接送信できるようになります。 その後、ウェルカム メールまたは自動トリガー キャンペーンでそれらを開始できます。

ステップ 4: 電子メール統合を追加する (オプション)

電子メール マーケティングの連絡先リストに新しい連絡先を送信する場合は、新しいフォームをその電子メール アカウントと同期できます。

左側の[マーケティング]タブの下に、Constant Contact、AWeber、Drip などの一般的な電子メール サービスに接続するためのオプションが表示されます。

新しい電子メール マーケティング統合を追加

画面上の指示に従ってアカウントを接続します。 その後、新しい見込み客にもタグを付けてセグメント化して、リストを整理した状態に保つことができます。

これで、お問い合わせフォームをサイトに公開する準備が整いました。

ステップ 5: お問い合わせフォームを公開する

WPForms を使用すると、ページ、投稿、サイドバー、フッターなど、Web サイトの任意の部分に問い合わせフォームを簡単に追加できます。

まず、フォームを既存または新規のページまたは投稿に追加するには、ブロック エディターを開きます。 プラスアイコンを使用して新しいブロックを追加し、「WPForms」を検索します。

WPForms を選択すると、WordPress ページまたは投稿に新しいブロックが WPForms マスコットとともに表示されます。

ブロックエディターにWPFformsを追加する

WPForms で作成したすべてのフォームを含むドロップダウン メニューがあります。 先ほど作成したお問い合わせフォームを選択するだけです。 ページをプレビューして公開したり、サイトに公開するために投稿したりできます。

WordPress のクラシックエディターでは、上部メニューに「フォームを追加」ボタンが表示されます。 これにより、ページにフォームを追加できるようになります。

サイドバーなどのウィジェット対応領域に追加する場合は、 [外観] » [ウィジェット]タブに移動します。 WPForms ウィジェットをサイドバーに追加

このように、フッターにも追加できます。 WPForms ブロックは、SeedProd、Elementor、Thrive Architect などのすべての人気のあるページ ビルダーで利用できます。

WPForms はショートコードもサポートしているため、コードを使用して Web サイトの任意の場所にお問い合わせフォームを埋め込むことができます。

それでおしまい! WordPress サイトに問い合わせフォームが正常に追加されました。 プロプランをご利用の場合は、WordPress ダッシュボードからすべてのフォームエントリを直接管理することもできます。 WPForms では、ユーザーがフォームをどのように操作し、そのパフォーマンスがどの程度優れているかに関する分析も表示されます。

このステップバイステップガイドがお役に立てば幸いです。 WordPress Web サイトを使用して電子メールを送信している場合、電子メール配信失敗の問題に直面する可能性があります。 WP Mail SMTP を使用することをお勧めします。これにより、これらの問題がすべて解決され、電子メールが確実に配信されます。

専用のお問い合わせページを作成しますか? SeedProd をチェックすることをお勧めします。 WordPress に最適なページビルダープラグインです。 既製のテンプレートとスマート セクションがあるため、すでにデザインされている連絡先セクションが見つかります。

適切な時間と場所にターゲットを絞ったポップアップを表示して、ユーザーに連絡するよう促すこともできます。 OptinMonster はそれに最適なツールです。

WPForms の使用方法について詳しく知りたいですか? 完全な WPForms チュートリアルをご覧ください »

WPFormsの使い方