WPFormsでWordPressにコンタクトフォームを作成する方法

なぜWordPressのコンタクトフォームが必要なのですか？

多くの初心者は「？なぜウェブサイトに問い合わせフォームが必要なのでしょうか？サイトのメールアドレスを直接サイトに追加すれば、もっと簡単に管理者にメールを送ることができるのでは？"

私の理解では、コンタクトフォームを追加するにはコーディングの知識が必要だと懸念しているからです。

良いニュースは WordPressプラグインWordPressのウェブサイトにお問い合わせフォームを追加するだけで、コーディングの知識は必要ありません。

ページにメールアドレスを貼り付けるよりも、お問い合わせフォームの方が良い理由はここにあります。

• スパム対策スパムボットは、ウェブサイトのmailto:メールアドレスタグを定期的にクロールします。ウェブサイトにメールアドレスを掲載すると、多くのスパムを受信するようになります。一方、コンタクトフォームはコンタクトフォームスパムをブロックそして、ほとんどすべてのスパムをブロックします。
• 一貫したメッセージ問い合わせフォームを使用することで、サイトが収集する情報（電話番号、予算、プロジェクトの詳細など）をユーザーに正確に伝えることができます。
• 時間を節約お問い合わせフォームを使えば、時間を大幅に節約できます。一貫性のある情報に加えて、フォームの確認はユーザーが取るべき次のステップを伝えるために使うことができます。例えば、返信を待つ時間などです。

なぜWPForms？

このプラグインは私たち自身が使用しているもので、WPFormsがベストだと考える3つの理由がここにあります：

1. 初心者に最適なコンタクトフォームプラグインです。ドラッグ＆ドロップビルダーを使って数クリックでコンタクトフォームを作成できます。
2. WPForms Liteは無料で、シンプルなコンタクトフォームを作成するために使用することができます。
3. もちろん、より強力な機能をお求めの場合は、次のようにアップグレードすることもできます。WPForms Pro.

WPFormsプラグインのインストール

このチュートリアルでは、WPForms Liteのデモを使用します。

これは、WordPressのダッシュボードにログインしてプラグイン" 新しいプラグインの追加をクリックしてサイトにプラグインをインストールしてください。

次に、検索ボックスに"WPForms「をクリックします。今すぐインストール"ボタン。

これで自動的にプラグインがサイトにインストールされます。

次に、「」をクリックします。起動」ボタンをクリックしてプラグインを有効にします。

コンタクトフォームの作成

WPFormsが有効化されたので、WordPressでコンタクトフォームを作成する準備ができました。

のWordPress管理パネルに移動します。WPForms " すべてのフォーム.をクリックします。新規追加「ボタン

これで WPForms Drag and Drop Form Builder テンプレートライブラリが開きます。まずコンタクトフォームに名前を付けコンタクトフォームテンプレートの選択.

テンプレートを選択するには、テンプレートにカーソルを合わせ、" をクリックします。テンプレートの使用「ボタン

WPForms Liteには20種類以上のフォームテンプレートが用意されています。あなたは好きなタイプのお問い合わせフォームを作成するためにこれらのテンプレートを使用することができます。

このチュートリアルでは、引き続き"シンプルなお問い合わせフォーム「テンプレートそれは名前、Eメール、メッセージフィールドを自動的に追加.

フォームフィールドをクリックして編集することができます。

フォームフィールドをクリックすると、左側に "フィールドオプション"パネルで変更できます。

マウスでフィールドをドラッグ・アンド・ドロップすることでも順序を変更できます。

新しいフィールドを追加したい場合は、左の列で利用可能なフィールドから選択します。

フォームにドラッグするか、クリックすると自動的にフォームに追加されます。

フォームのカスタマイズが完了したら、必ず"保存ボタン.

WordPress のフォーム通知と確認の設定

コンタクトフォームが作成されたので、フォーム通知とフォーム確認オプションが正しく設定されていることが重要です。

フォーム承認とは、フォームを送信した後にウェブサイトの訪問者に表示されるものです。これはシンプルなお礼のメッセージであったり、ダウンロード可能なPDFとしてアップロードされたページであったり、どのようなものであってもかまいません。

フォーム通知WordPress サイトで誰かがコンタクトフォームを送信した後に管理者が受け取るメールです。

確認メッセージをカスタマイズするには、"セットアップ「をクリックします。認識タブ

すでにデフォルトのお礼メッセージがあります。

しかし、必要であれば、"確認メッセージ"ボックス "でこのアイテムをカスタマイズできます。

フォームの送信に成功した後、"" からのメッセージを表示する代わりにユーザーをリダイレクトさせたい場合。確認の種類「ドロップダウンメニューで、"URLへ".

次に、ユーザーをリダイレクトさせたいURLを入力します。

ここで何か変更を加える場合は、必ず"保存ボタン.

次に、フォーム通知が正しく設定されていることを確認します。同じ "セットアップ「をクリックします。通知"タブで十分です。

WPFormsの最も優れている点は、デフォルト設定がWordPress初心者にとって完璧であることです。通知設定に入ると、すべてのフィールドがダイナミックプリフィリング.

デフォルトでは、通知はサイト作成時に管理者が設定した管理者メールアドレスに送信されます。

に送る場合はカスタマイズされたメールアドレス複数のEメールアドレスに通知を送信したい場合は、各Eメールアドレスをカンマで区切ってください。複数のEメールアドレスに通知を送信したい場合は、各Eメールアドレスをカンマで区切ってください。

"メールの件名"事前に入力されたフォーム名"送信者名"フィールドにはユーザー名が自動的に入力されます。

フォームからの問い合わせに返信する場合、ユーザーがコンタクトフォームに記入したEメールに送信されます。

ここで変更が加えられた場合保存ボタンをクリックします。.

フォームメールの受信に問題がある場合は、ガイドを参照してください。WordPressでメールが送信されない場合の対処法.

WordPress のお問い合わせフォームをページに追加する方法

WordPress のコンタクトフォームが設定されたので、次のステップはそれをページに追加することです。

既存のコンタクトページまたはWordPressで新しいページを作成します。

新しいコンタクトフォームページを作成したい場合はページ「新しいページを追加そして、そのページに名前を付けます。

WPFormsブロックを使ってページにフォームを追加します。

をクリックしてください。プラス記号」はブロックボタンを追加します。で検索してください。WPForms「をクリックします。次に" "をクリックします。WPForms」ブロック.

WPFormブロックがページのコンテンツエリアに表示されるようになりました。

ドロップダウンメニューをクリックして以前に作成したフォームを選択.

WPFormsはエディタに読み込まれます。コンタクトフォームのプレビュー.現在では公開」または「更新」ボタンをクリックしてフォームを保存します。.

サイトのフロントエンドを訪問し、リフレッシュすることで、その動作を確認することができるようになりました。

下記はWordPressのお問い合わせページのサンプルフォームです：

ページにコンタクトフォームを追加したいだけなら、ここで完了です。

WPFormsにはWordPressのコンタクトフォームショートコードも付属しています。あなたはWPForms " すべてのフォームその後、フォームの横にあるショートコードをコピーしてご利用ください。

あとは、追加したいページを開いて"プラス記号」はブロックボタンを追加します。で検索してください。ショートコード".

次に、「」をクリックします。ショートコード」ブロック.

すると上記でコピーしたショートコードをボックスに貼り付けてください。.

をクリックしてください。更新「またはポスト"をクリックすると、上記のようにウェブサイトにお問い合わせフォームが表示されます。

WordPressのお問い合わせフォームをサイドバーに追加

WPFormsにはWordPressのコンタクトフォームウィジェットも付属しています。サイドバーもしかしたらワードプレスのテーマウィジェットを使用できるその他の領域。

譲渡外観」ウィジェットをクリックし、追加したいフォームをクリックします。ウィジェットエリアで "加号「ブロックアイコンを追加

次に"WPForms".

をクリックします。WPForms"ブロックでサイドバーに追加します。

その後、ドロップダウンメニューからお問い合わせフォームを選択.

これで自動的にフォームのプレビューが読み込まれます。

次に、「」をクリックします。更新」ボタン.

サイトのフロントエンドにアクセスし、サイドバーやその他のウィジェットエリアにリアルタイムでコンタクトフォームを表示することが可能になりました。