WordPressのページにフォームを追加する方法[コーディングは不要]

WordPressのページにフォームを追加する方法を知りたいですか？

お問い合わせフォームは、潜在的な顧客が連絡を取るための非常に便利な方法ですが、ほとんどのWordPressテーマにはフォーム機能が組み込まれていません。 これは、サードパーティのフォームプラグインをインストールする必要があることを意味します。

しかし、それはまったく問題ありません。

この記事では、WordPressのページにフォームを簡単に追加する方法を正確に説明します。

準備？ さっそく飛び込もう！

最高のWordPressフォームプラグインはどれですか？

500万を超えるインストールと11,000人以上のユーザーから収集された5つ星のレビューにより、WPFormsは最高のWordPressフォームプラグインであると言わざるを得ません。

その他の人気のあるWordPressプラグインには、Formidable Forms、TypeForm、Ninjaフォーム、ContactForm7などがあります。

これらのプラグインも一般的には便利ですが、WPFormsは、その使いやすさ、柔軟性、無料のテンプレートの可用性、多数の追加機能などで際立っています。

完全な比較については、WordPressWebサイトのベスト7お問い合わせフォームプラグインのガイドをご覧ください。

WordPressのページにフォームを追加する方法

WPFormsの使用をお勧めするため、これはこのガイドで焦点を当てるWordPressフォームプラグインです。 ご覧のとおり、WPFormsは使いやすいです。

次の5つのステップでは、WPFormsを使用してWordPressで連絡フォームを作成する方法を学習します。

1.WPFormsプラグインをインストールします

まず最初に、WPFormsプラグインをインストールする必要があります。 無料のWPFormsプラグインであるWPFormsLiteを使用するか、プレミアムWPFormsサブスクリプションを使用するかを選択できます。

どちらを使用するかわからない場合は、WPFormsLiteとWPFormsProの比較を確認してください。

WPForms Proの有料ライセンスを使用することをお勧めします。これを、この記事で使用します。

WPForms Proは、電子メールサブスクリプションフォーム、複数ページの連絡フォーム、支払い統合、何百もの事前作成されたフォームテンプレート、条件付きロジック、フォームリビジョン、フォームの場所などの機能を提供します。

マーケティングとリードの最適化が重要な場合、WPFormsはWebサイト管理の不可欠な部分である必要があります。

開始するには、WPFormsProプランを購入する必要があります。 その後、WPFormsWebサイトのアカウント領域からプラグインをダウンロードできます。

プラグインのインストール方法がわからない場合は、WordPressプラグインをインストールするためのこのステップバイステップガイドで説明します。

2.フォームを作成します

WPFormsがインストールされたので、フォームを作成する準備が整いました。 WordPressダッシュボードで、下にスクロールして[ WPForms]» [AddNew]をクリックします。

これにより、フォームビルダー画面が開き、フォームに名前を付けてテンプレートを選択するように求められます。

フォームに名前を付けたら、テンプレートを選択して、フォームの作成をより速く、より直感的にすることができます。 SimpleContactFormテンプレートを使用します。

これを行うには、[ Simple Contact Form ]まで下にスクロールして、[ UseTemplate ]をクリックします。

これにより、左側にオプションパネルがあるフォームビルダーが開きます。

テンプレートはすでに完全に構​​築されているため、これ以上のアクションを実行する必要はありません。 [保存]をクリックすると、フォームを使用できるようになります。

フォームを最初から作成したい場合は、次のようにします。

テンプレートライブラリから、[空白のフォーム]をクリックします。

これにより、フォームビルダーが表示され、左側のパネルからフォームフィールドをドラッグアンドドロップできます。 これらのフィールドを移動して、カスタムの順序で並べ替えることができます。

気に入った場合は、[保存]をクリックするか、ページに埋め込みます。 次のステップでその方法を説明します。

3.フォームをページに追加します

フォームを作成したら、WPFormの非常に簡単な埋め込みツールを使用して任意のWordPressページにフォームを追加できます。

フォームを追加する前に、フォームをプレビューして、公開後にフロントエンドでどのように表示されるかを確認することをお勧めします。 プレビューボタンをクリックするだけでご覧いただけます。

フォームに満足したら、先に進んで公開できます。 上部にある[埋め込み]ボタンをクリックして、プロセスを開始します。

モーダルがポップアップし、選択可能な埋め込みオプションが表示されます。 フォームを新しいWordPressページに追加するか、サイトの既存のページに追加することができます。

このチュートリアルでは、フォームを新しいページに埋め込むことを前提としています。 [新しいページの作成]をクリックすると、新しいページに名前を付けるように求められます。 1つ入力して、[ Let'sGo]を選択します。

これで、フォームがすでに含まれているWordPressブロックエディターにリダイレクトされます。 他のWordPressページと同様に、このページの任意の部分を編集してプレビューし、準備ができたら公開することができます。

右上の[公開]ボタンを押すだけで、新しいWordPressページにフォームを追加できます。

これは、フォームがサイトのフロントエンドでどのように表示されるかを示しています。

優秀な！ フォームを埋め込んだので、最後にもう一度テストして、意図したとおりに機能していることを確認することをお勧めします。

4.お問い合わせフォームをテストします

これで、ほぼ完了です。 やるべきことがもう1つあります。それは、フォームが正常に機能することを確認することです。 これはフォーム検証と呼ばれ、次のステップで説明します。

最初に行うことは、Webサイトのフロントエンドに移動し、フォームを埋め込んだページにアクセスすることです。 すばやく検証するには、次の簡単なチェックリストに従ってください。

• すべてのフィールドが整っていますか？
• 強制フィールドは機能しますか？
• CAPTCHAは正しく読み込まれますか？
• 条件付きロジックは正しく機能しますか？
• フォームの送信はバックエンドで適切に受信されていますか？

フォーム検証の詳細なガイドについては、この詳細なフォームテストチェックリストを確認してください。

5. WPForms Pro機能を使用したフォームの拡張（オプション）

この時点で、シンプルで効果的なフォームを作成するために必要なすべてがわかっています。 しかし、あなたはもう少し心に留めているかもしれません。 たとえば、CAPTCHAフィールドをフォームに統合して、スパムエントリからフォームを保護したい場合があります。

または、条件付きロジックを使用して、特定の条件を満たすフォームのユーザー向けにさらに多くのオプションを作成することもできます。 WPFormsは、WordPressフォームを強化するのに役立つ多くの便利な機能を提供します。

WPForms有料プランを使用している場合、これらの機能の一部はデフォルトで有効になっており、その他の機能はWPFormsアドオンと簡単に統合できます。

これが私たちの超人気の機能の5つです：

カスタムキャプチャアドオン

スパムはWordPressフォームの一般的な問題です。 WPForms Captcha Addonは、これを回避するのに役立つ強力なツールです。 アドオンを効果的に使用するために、WordPressで連絡フォームのスパムを阻止するためのこのガイドをお読みください。

条件付きロジック

条件付きロジックを使用すると、特定の基準に基づいて追加のオプションを作成できます。

支払いの統合

支払いの統合により、フォームを使用して支払いを収集できます。 WPFormsは、PayPal、Square、Stripe、Authorize.netなどの主要な支払いゲートウェイをサポートしています。

フォームの場所

フォームの場所機能を使用すると、フォームを埋め込んだすべての場所を確認できます。 これは、Webサイトが非常に大きくなり、Webサイトのさまざまなページに多数のフォームがある場合に役立ちます。

アドオンの保存と再開

Save and Resumeアドオンを使用すると、ユーザーはデータを失うことなく、進行状況を簡単に保存してWebサイトを離れることができます。 彼らはいつでも戻って、以前に中断したところからフォーム入力を再開することができます。

他にも、本当に便利なWPFormsアドオンがたくさんあります。 見て、あなたのニーズに最も合うものを選んでください。

この投稿では、使用するWordPressフォームプラグイン、開始方法、およびフォームを強化するためのいくつかの非常に便利な機能について説明しました。

WordPressのページにフォームを追加する方法を学ぶために必要なのはこれだけです！

次に、SMTP設定を正しい方法で構成します

Webサイトにフォームを作成して埋め込むことは、リードの獲得と変換の最初のステップにすぎません。 これらのリードメールを送信することをお勧めしますが、正しく行わないと、注意が必要になる場合があります。 メールを送信するようにWordPressSMTP設定を構成するためのガイドで説明します。

始める準備はできましたか？ 100％返金保証を利用して、世界で最も人気のあるSMTPおよびPHPメーラープラグインを今すぐ始めましょう。

また、この記事が気に入った場合は、FacebookとTwitterでフォローして、無料のWordPressチュートリアルを入手してください。