WordPressでページにフォームを追加する方法をお探しですか？
お問い合わせフォームは、見込み客に連絡を取ってもらうのにとても便利な方法ですが、ほとんどのWordPressテーマにはフォーム機能が組み込まれていません。そのため、サードパーティのフォームプラグインをインストールする必要があります。
でも、それはまったく問題ない。
この記事では、WordPressでページにフォームを追加する簡単な方法をご紹介します。
準備はいいかい？さっそく始めよう！
WordPressでページにフォームを追加する方法
私たちは WPForms を使うことを推奨しているので、このガイドではこの WordPress Form プラグインに焦点を当てます。WPForms の使い方は簡単です。
次の5つのステップでは、WPFormsを使ってWordPressでコンタクトフォームを作成する方法を学びます。
この記事で
1.WPFormsプラグインをインストールする
まず最初に、WPFormsプラグインをインストールする必要があります。無料のWPFormsプラグインであるWPForms Liteを使用するか、プレミアムWPFormsサブスクリプションを使用するかを選択できます。
どちらを使うか迷ったら、WPForms LiteとWPForms Proの比較をご覧ください。
私たちはWPForms Proの有料ライセンスをお勧めします。
プラグインのインストール方法がわからない場合は、WordPressプラグインのインストール方法をご覧ください。
2.フォームの作成
WPFormsをインストールしたら、フォームを作成する準備ができました。WordPressのダッシュボードを下にスクロールし、WPForms " Add New をクリックします。
これでフォームビルダー画面が開き、フォームの名前とテンプレートの選択を求められます。
フォームに名前をつけたら、フォームをより速く直感的に作成するためのテンプレートを選択します。ここではシンプルなコンタクトフォームの テンプレートを使います。
これを行うには、シンプルコンタクトフォームまでスクロールダウンし、テンプレートを使うをクリックします。
フォームビルダーが開き、左側にオプションパネルが表示されます。
テンプレートはすでに完全に構築されているので、これ以上何もする必要はありません。保存をクリックすると、フォームが使用できるようになります。
フォームをゼロから作りたい場合は、次のようにする：
テンプレート・ライブラリから「 Blank Form」をクリックします。
左側のパネルからフォームフィールドをドラッグ＆ドロップすることができます。左側のパネルからフォームフィールドをドラッグ＆ドロップすることができます。
気に入ったら、保存をクリックするか、ページに埋め込むだけです。次のステップでその方法をご紹介します。
3.フォームをページに追加する
フォームを作成したら、WPFormの超簡単な埋め込みツールを使ってWordPressのどのページにも追加することができます。
フォームを追加する前に、フォームが公開されたときにフロントエンドでどのように表示されるかをプレビューすることをお勧めします。プレビューボタンをクリックしてご覧ください。
フォームが完成したら、公開しましょう。上部にある埋め込みボタンをクリックして、プロセスを開始します。
モーダルがポップアップし、埋め込みオプションが表示されます。新しい WordPress ページにフォームを追加するか、サイト上の既存のページにフォームを追加することができます。
このチュートリアルでは、フォームを新しいページに埋め込むことを想定します。新しいページの作成をクリックすると、新しいページに名前をつけるよう促されます。名前を入力し、Let's Goを選択します。
WordPressのブロックエディターにリダイレクトされ、フォームがすでに含まれています。他のWordPressページと同じように、このページの任意の部分を編集し、プレビューし、準備ができたら公開することができます。
右上の公開ボタンを押すだけで、フォームが新しいWordPressページに追加されます。
これがあなたのサイトのフロントエンドでフォームがどのように見えるかです。
素晴らしい！フォームを埋め込んだら、最後にもう一度テストして、意図したとおりに動作していることを確認しましょう。
4.コンタクトフォームのテスト
さて、これでほぼ完了です。あと1つだけやることがあります。それは、フォームがあるべき形で動作することを確認することです。これはフォームバリデーションと呼ばれるもので、次のステップで説明します。
まず最初に行うことは、あなたのウェブサイトのフロントエンドに移動し、フォームを埋め込んだページにアクセスすることです。簡単な検証のために、この簡単なチェックリストに従ってください：
- すべてのフィールドは整然としているか？
- 強制畑は有効か？
- CAPTCHAは正しく読み込まれますか？
- 条件ロジックは正しく機能しているか？
- フォーム送信はバックエンドで適切に受信されていますか？
フォームバリデーションの詳細については、こちらの詳細なフォームテストチェックリストをご覧ください。
5.WPForms Pro の機能でフォームを強化する (オプション)
この時点で、あなたはシンプルで効果的なフォームを作成するために必要なことをすべて知っています。しかし、もう少し考えていることがあるかもしれません。WPFormsは非常に充実したプラグインで、様々な方法でワークフローを簡素化し、効率を向上させるために使用することができます。私たちのWPFormsレビューは、中小企業にとって優れた価値を提供するその最高の機能のいくつかを深く掘り下げています。
例えば、WPFormsのスパム対策機能を使い、フォームにCAPTCHAフィールドを追加してスパム入力をブロックしたい場合があります。
あるいは、条件ロジックを使って、特定の条件を満たしたフォームのユーザーにより多くの選択肢を作りたいと思うかもしれません。WPFormsはあなたのWordPressフォームをパワーアップさせる便利な機能の数々を提供します。
WPFormsの有料プランを使用している場合、これらの機能のいくつかはデフォルトで有効になっており、他の機能はWPFormsアドオンで簡単に統合できます。
ここでは、私たちの超人気機能の5つをご紹介します：
カスタムCaptchaアドオン
WordPressのフォームでスパムはよくある問題です。WPForms Captchaアドオンはこの問題を回避するための強力なツールです。アドオンを効果的に使用するために、WordPressのコンタクトフォームスパムを阻止するためのガイドをお読みください。
条件論理
条件ロジックは、特定の条件に基づいて追加のオプションを作成することができます。
ペイメント・インテグレーション
ペイメント・インテグレーションを使用すると、フォームを使用して支払いを収集することができます。WPFormsはPayPal、Square、Stripe、Authorize.netなどの主要な決済ゲートウェイをサポートしています。
フォームの場所
フォームの場所機能では、フォームを埋め込んだすべての場所を確認することができます。これはあなたのウェブサイトが大きくなり、ウェブサイトの様々なページにたくさんのフォームがある場合に役立ちます。
保存と再開アドオン
Save and Resumeアドオンを使用すると、ユーザーがデータを失うことなく、簡単に進行状況を保存してウェブサイトを離れることができます。ユーザーはいつでも戻って、前回中断したところからフォーム入力を再開することができます。
他にも便利なWPFormsアドオンがたくさんあります。あなたのニーズに合ったものを選んでください。
この記事では、どの WordPress フォームプラグインを使うべきか、どのように始めるべきか、そしてフォームを強化するための便利な機能をご紹介します。
WordPressでページにフォームを追加する方法を学ぶのに必要なのは、本当にこれだけです！
さらに、コーディングの知識がなくても使えるツールをお探しなら、WordPressのベスト・ノーコード・ツールのまとめをご覧ください。
次に、WPFormsの通知配信を確実にする
WPFormsはユーザーがフォームを送信するたびに通知を送信します。しかし、あなたのウェブサイトにメール配信の問題がある場合、あなたは見逃してしまうかもしれません。 WPFormsのEメール問題を修正するガイドをチェックして、通知を正常に動作させましょう。
また、SMTPを使用してlocalhostからメールを送信するガイドにも興味があるかもしれません。また、WooCommerceをご利用の場合は、WooCommerceのメールがスパムになってしまった場合のトラブルシューティングガイドをご覧ください。
始める準備はできましたか？100％返金保証を利用して、世界で最も人気のあるSMTPとPHPメーラープラグインを今すぐ始めましょう。
この記事が気に入ったら、Facebookや TwitterでWordPressの無料チュートリアルをフォローしてください。
