WordPressで連絡先フォームを作成する方法(ステップバイステップ)

WordPressサイトに連絡フォームを追加する予定ですか?


すべてのWebサイトにはお問い合わせフォームが必要なので、訪問者はあなたの製品やサービスについて簡単にあなたに連絡できます。デフォルトでは、WordPressには連絡先フォームが組み込まれていませんが、連絡先フォームをサイトに簡単に追加できます.

このWordPressチュートリアルでは、コードを1行も変更せずに、WordPressで連絡先フォームを簡単に作成する方法(ステップバイステップ)を紹介します.

WordPressに連絡先フォームを簡単に追加する

お問い合わせフォームが必要な理由?

お問い合わせフォームが必要なのはなぜですか。メールアドレスをウェブサイトに追加するだけで、他の人が私にメールを送信できるようにすることはできません?

お問い合わせフォームを追加するにはコードの知識が必要であることを恐れているため、初心者からの非常に一般的な質問です.

実際、コードを知る必要はありません。お問い合わせフォームを追加するためのこのステップバイステップガイドは、完全な初心者向けに書かれています。.

以下は、お問い合わせフォームがページにメールアドレスを貼り付けるよりも優れている理由のトップ3です.

  • スパム保護 –スパムボットは、mailto:電子メールアドレスタグのWebサイトを定期的にスクレイピングします。メールアドレスをウェブサイトに投稿すると、大量のスパムメールが届き始めます。一方、お問い合わせフォームを使用すると、ほとんどすべてのスパムメールを取り除くことができます.
  • 一貫した情報 –メールを送信するときに、必要なすべての情報が送信されるとは限りません。お問い合わせフォームを使用すると、探している情報(電話番号、予算など)をユーザーに正確に伝えることができます.
  • 時間を節約する –お問い合わせフォームを使用すると、想像以上の方法で時間を節約できます。上記の一貫した情報の他に、フォームの確認を使用して、次のステップをユーザーに伝えることもできます。ビデオを見たり、応答を得るために最大24時間待機したりするため、彼らはあなたに複数の問い合わせを送信しません.

以下は、このチュートリアルで作成するWordPressのお問い合わせフォームの例です.

お問い合わせページのプレビュー

上記のフォームを作成した後、WordPressの連絡フォームウィジェットを使用して、連絡先ページまたはサイトのサイドバーにフォームを簡単に追加する方法も示します.

いいですね?では、始めましょう.

ビデオチュートリアル

WPBeginnerを購読

書面による指示を希望する場合は、読み続けてください.

ステップ1.最適な連絡先フォームプラグインの選択

最初に行う必要があるのは、WordPress連絡先フォームプラグインを選択することです.

選択できるいくつかの無料および有料のWordPress連絡先フォームプラグインがありますが、当社のサイトではWPFormsを使用しており、市場で最高のオプションであると考えています.

以下は、WPFormsが最適であると考える3つの理由です。

  1. これは、利用可能な最も初心者に優しいコンタクトフォームプラグインです。ドラッグを使用できます & 数回クリックするだけで簡単に連絡先フォームを作成できるビルダーをドロップ.
  2. WPForms Liteは100%無料であり、これを使用して簡単な連絡先フォームを作成できます(300万以上のサイトが使用しています).
  3. より強力な機能の準備ができたら、WPForms Proにアップグレードできます.

お問い合わせフォームのプラグインを決定したので、先に進み、サイトにインストールします.

ステップ2. WordPressにContact Formプラグインをインストールする

このお問い合わせフォームのチュートリアルでは、無料で使いやすいWPForms Liteを使用します.

このプラグインをサイトにインストールするには、WordPressダッシュボードにログインして、 プラグイン»新規追加.

検索フィールドに「WPForms」と入力し、[今すぐインストール]ボタンをクリックします.

WPFormsをインストールする

プラグインをインストールしたら、プラグインをアクティブ化してください.

WPFormsをアクティブ化

プラグインメニューが表示されない場合、または詳細な手順が必要な場合は、WordPressプラグインのインストール方法に関するステップバイステップガイドを参照してください。.

ステップ3. WordPressで連絡先フォームを作成する

WPFormsをアクティブ化したので、WordPressで連絡先フォームを作成する準備ができました.

WordPressダッシュボードで、WPFormsメニューをクリックし、Add Newに移動します.

新しいフォームを追加

これにより、WPFormsドラッグアンドドロップフォームビルダーが開きます。お問い合わせフォームに名前を付けてから、お問い合わせフォームテンプレートを選択します.

WPForms Liteには、Blank、Simple Contact Formなどの事前に作成されたフォームテンプレートのみが含まれています。これらを使用して、ほぼすべてのタイプの連絡先フォームを作成できます。.

この例のために、先に進んで 簡単なお問い合わせフォーム. 名前、メール、メッセージのフィールドが追加されます.

WPFormsを使用してWordPressで新しいフォームを作成する

フィールドをクリックして編集できます。マウスを使用してフィールドの順序をドラッグアンドドロップすることもできます.

新しいフィールドを追加する場合は、左側のサイドバーの使用可能なフィールドから選択するだけです.

お問い合わせフォームに新しいフィールドを追加する

完了したら、 セーブ ボタン.

ステップ4.フォームの通知と確認の構成

WordPressフォームを作成したので、フォーム通知とフォーム確認を適切に構成することが重要です.

フォームの確認は、Webサイトの訪問者がフォームを送信した後に表示されるものです。お礼のメッセージの場合もあれば、特別なページにリダイレクトする場合もあります。.

フォーム通知は、誰かがWordPressサイトで連絡フォームを送信した後に受け取るメールです.

これらの両方をカスタマイズするには、WPFormsフォームビルダー内の[設定]タブに移動します.

通常、フォームの確認はデフォルトの感謝メッセージのままにします。ただし、必要に応じて、特定のページにリダイレクトするように変更できます。.

フォーム確認のセットアップ

WPFormsの最も良い点は、デフォルト設定が初心者にとって理想的であるということです。通知設定に移動すると、すべてのフィールドが動的に事前入力されます.

フォーム通知を設定する

通知はデフォルトで、サイトで設定した管理者メールに送信されます.

カスタムのメールアドレスに送信する場合は、それを変更できます。通知を複数のメールに送信する場合は、各メールアドレスをカンマで区切ります.

メールの件名にはフォーム名があらかじめ入力されています。 from nameフィールドには、ユーザーの名前が自動的に入力されます。お問い合わせに返信すると、ユーザーがお問い合わせフォームに入力したメールに移動します.

カスタムフォーム通知の設定方法に関する詳細なガイドがあるため、複数の受信者または異なる部門にフォームを送信できます.

ステップ5.ページにWordPress連絡先フォームを追加する

WordPress連絡先フォームの設定が完了したので、次はページに追加します.

最初に行う必要があるのは、WordPressで新しいページを作成するか、連絡先フォームを追加する既存のページを編集することです.

WPFormsブロックを使用して、フォームをページに追加します。新しいブロックの追加ボタンをクリックしてWPFormを探し、クリックしてページに追加します.

WPForms連絡先フォームブロックをページに追加する

WPFormブロックがページのコンテンツ領域に表示されます。前に作成したフォームを選択するには、ドロップダウンメニューをクリックする必要があります.

WPFormsブロックで連絡先フォームを選択します

WPFormsは、連絡先フォームのプレビューをエディター内に読み込みます。ページを保存または公開し、Webサイトにアクセスして実際の動作を確認できます.

WordPressのサンプルページのフォームは次のようになります。

お問い合わせページのプレビュー

お問い合わせフォームをページに追加するだけの場合は、ここで完了です。おめでとう.

WPFormsには、WordPress連絡先フォームのショートコードも付属しています。お問い合わせフォームのショートコードをコピーするには、 WPForms»すべてのフォーム ページを作成し、WordPressの投稿またはページに貼り付けます.

投稿とページで使用するWordPress連絡先フォームのショートコード

サイドバーまたは別のウィジェット準備領域に連絡先フォームを追加する場合は、手順6に進みます。.

ステップ6.サイドバーにWordPress連絡先フォームを追加する

WPFormsにはWordPressの連絡フォームウィジェットが付属しており、これを使用して連絡フォームをサイドバーや、基本的にはテーマ内の他のウィジェット対応領域に追加できます。.

WordPress管理エリアで、 外観»ウィジェット. テーマのウィジェット対応領域に簡単にドラッグできるWPFormsウィジェットが表示されます.

サイドバーウィジェットを使用してフォームを追加する

次に、ウィジェットのタイトルを追加し、表示するフォームを選択します。設定を保存し、プレビューのためにあなたのウェブサイトにアクセスしてください.

サイドバーお問い合わせフォーム

この記事を参考にして、WordPressで簡単な連絡先フォームを作成してください。また、最高のWordPressバックアッププラグインの比較とWordPressがメールを送信しない問題を修正する方法に関するガイドを確認することもできます。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map