ホームページ >CMS チュートリアル >&#&プレス >無料のプラグインを使用してWordPressでお問い合わせフォームを作成する

無料のプラグインを使用してWordPressでお問い合わせフォームを作成する

王林
王林オリジナル
2023-09-16 23:29:011208ブラウズ

今日は、さまざまな種類のフォームを簡単に作成できる WordPress 用の Formidable Forms プラグインについて説明します。具体的には、このプラグインを使用して Web サイトのお問い合わせフォームを作成する方法を見ていきます。まず、このプラグインによって提供される基本設定を調べてから、このプラグインを使用して問い合わせフォームを構築する実際の例を見ていきます。

Web サイト所有者は、サービスについてユーザーや顧客からフィードバックを受け取りたいと思うかもしれません。これは、より良いサービスを提供するのに役立ちます。したがって、ウェブサイト上の問い合わせフォームは、ユーザーのフィードバックを収集するために必須の機能の 1 つです。

あなたが WordPress 開発者であるか、趣味として WordPress を使用して Web サイトを構築している場合は、WordPress が考えられるほぼすべての機能に対応する大量のプラグインを提供しており、どれを使用するかを選択するのが難しいことをすでにご存知でしょう。この記事では、このカテゴリで最高のフォームの 1 つである強力なフォームを選択しました。このチュートリアル全体でその使用方法を説明します。

この記事では、WordPress 5.1 を使用しており、Formidable Forms プラグインのバージョンは 3.06 です。この記事を参考にしたい場合は、インストールすることをお勧めします。 Formidable Forms プラグインをインストールするには、標準のインストール プロセスに従うだけです。

次のいくつかのセクションでは、Formidable Forms プラグインの基本とセットアップ プロセスについて説明します。次に、プラグインの使用法を示す実際の例を構築します。同時に、コンタクトフォームだけでなく、データを収集できるさまざまなタイプのフォームを作成できるプラグインのいくつかの重要な側面についても説明します。

パワフルなフォームとは何ですか?

Formidable Forms プラグインは、ユーザー情報を収集するためのさまざまなタイプのフォームを作成できる強力なフォーム ビルダー プラグインです。バックエンドにドラッグ アンド ドロップ インターフェイスが提供され、プロセス全体が簡単になります。実際、このプラグインを使用すると、問い合わせフォームだけでなく、考えられるあらゆるタイプのフォームを作成できます。

提供する機能を簡単に見てみましょう:

  • ドラッグ アンド ドロップの連絡先フォーム メーカーとフォーム ビルダー
  • 電子メール通知と自動応答をサ​​ポート
  • 組み込みのスタイラーを使用して問い合わせフォームの外観と操作性をカスタマイズする
  • MailChimp、Constant Contact、Salesforceなどと統合
  • モバイルフレンドリーで応答性が高い

  • ###スパム保護###
  • 他にもあります
  • ご覧のとおり、このプラグインは、Web サイト上に素晴らしいフォームを構築するために使用できる多くのエキサイティングな機能を提供します。また、拡張可能でもあり、開発者にプラグインの特定の側面や中心となる動作を変更する機会を与えるため、これは重要な機能です。

次のセクションでは、プラグインを効果的に使用するために理解することが重要な、プラグインのいくつかのコア要素について説明します。

設定の探索

Formidable Forms プラグインをインストールすると、左側のサイドバーにリンクが追加されます。各セクションを簡単に見てみましょう。

シート

このセクションでは、新しいフォームの作成、既存のフォームの編集、作成されたフォームのリストの表示を行うことができます。

新しいフォームを作成する 3 つの異なる方法が提供されます。ドラッグ アンド ドロップ インターフェイスを使用してフォームを最初から作成できます。または、組み込みのフォーム テンプレートから選択して、新しいフォームの作成を開始することもできます。最後に、XML ファイルからフォームをインポートすることもできます。いずれにせよ、最終的にはショートコードを使用してフロントエンドに表示されるフォームを作成することになります。

###エントリ###

これは、フロントエンドによって送信されたすべてのレコードをリストするエントリ リスト ページです。フォームの種類ごとにレコードをフィルターできるフィルターがあります。リストに加えて、フォーム詳細ビューでエントリの詳細を表示できます。最後に、古いレコードを消去したい場合に使用できる削除オプションがあります。

###スタイル###

このセクションでは、フロントエンドに表示されるフォームのスタイルを設定するために使用できるさまざまなフォーム スタイルを管理できます。

フォーム スタイルを使用すると、フォーム タイトル、フィールド ラベル、ボタンなどのフォームのさまざまな要素の表示方法を構成およびカスタマイズできます。要件に応じて使用およびカスタマイズできるデフォルトのスタイルがすでに用意されています。あるいは、フォーム スタイルを使用したくない場合は、スタイルを無効にしてカスタム CSS を使用することもできます。

インポートとエクスポート

このセクションでは、このプラグインによって作成されたフォームをインポートおよびエクスポートできます。これは、異なる WordPress インストール間でフォームを移動する場合に非常に便利な機能です。

たとえば、ローカル設定でいくつかのフォームを作成し、それらのフォームをライブ サイトに移動したい場合、ライブ サイトで再度フォームを作成しますか?実際、これらのフォームを XML または CSV 形式でエクスポートし、この機能を使用してライブ インストールにインポートすることができます。これは必須の機能だと思います!

###全体設定###

このセクションでは、すべてのフォームにグローバルに適用する設定を構成できます。このプラグインのさまざまな側面を構成できます。例:

  • ユーザーの権利
  • reCAPTCHA設定
  • デフォルトのフロントエンドメッセージ
  • IPストレージ

次のセクションでは、デモンストレーションとして実用的な例を構築します。

強力なフォームを使用して問い合わせフォームを構築する

このセクションでは、Formidable Forms プラグインを使用して Web サイト上に問い合わせフォームを作成する方法を示す実際の例を構築します。

続行する前に、続行する場合は、WordPress サイトに Formidable Forms プラグインがインストールされていることを確認してください。

このプラグインに付属する組み込みのお問い合わせフォームを使用できますが、プロセスを説明するために新しいフォームを最初から作成します。バックエンドの左側のサイドバーにある Powerful>Forms リンクに進みます。これにより、システム内のすべての既存のフォームがリストされるはずです。 Add New ボタンをクリックして新しいフォームを作成すると、次の 3 つのオプションのいずれかを選択するよう求められます。

無料のプラグインを使用してWordPressでお問い合わせフォームを作成する

これら 3 つのオプションについてはよく知っているはずです。これらについては前のセクションで説明したばかりです。 [Create Blank Form] をクリックしてフォームを最初から作成すると、次のインターフェイスが表示されます。

無料のプラグインを使用してWordPressでお問い合わせフォームを作成する

ご覧のとおり、フォーム ビルダーのインターフェイスは非常に直感的です。右側のサイドバーのリストからフォームに任意の数のフィールドを追加できます。

まず、フォームの名前を入力しましょう。 ここにタイトルを入力してくださいフィールドに「お問い合わせ」と入力します。

この例では、次のデータのフィールドを追加します:

    ###名前### ###Eメール### ###電話### ###テーマ### ###情報### ###検証コード###
  • 右側のサイドバーのフィールド リストから
  • Text
  • フィールドをドラッグし、
  • Add Field
  • Here
  • というタイトルのコンテンツ領域にドロップします。フォームに新しいフィールドが追加されます。
  • フィールドを追加した後、そのフィールドに対して特定の設定を構成する必要があります。新しいテキスト フィールドを追加したばかりなので、それが
Name

フィールドになるように構成する方法を見てみましょう。 ご覧のとおり、フィールド設定

セクションでは、必須かどうか、ラベルの位置、フィールド サイズなどのフィールドを構成できます。名前フィールドの構成を続けます。

次に、同じドラッグ アンド ドロップ インターフェイスを使用して、

EmailPhone

、および

Subject無料のプラグインを使用してWordPressでお問い合わせフォームを作成する フィールドを追加します。これまでに追加したフィールドは

text

フィールドです。 次に、フォームのメッセージ フィールドとして機能する

段落

フィールドを追加します。これは 段落タイプになります。 最後に、スパムを防ぐために reCAPTCHA フィールドを追加します。 reCAPTCHA スパム保護を有効にするには、強力な >グローバル設定> reCAPTCHA セクションで

サイト キー

秘密キー を次のように設定する必要があります (以下のスクリーンショットを参照)。

すべてのフィールドを追加すると、フォームは次のスクリーンショットのようになります: もちろん、これは単なるバックエンドのプレビューです。フロントエンドにフォームを表示するにはショートコードを使用する必要があります。フォームリストページからフォームのショートコードをコピーできます。

作成したばかりのフォームのショートコードを取得します。このショートコードは、投稿またはサイドバーなど、このフォームを表示したい場所ならどこでも使用できます。 無料のプラグインを使用してWordPressでお問い合わせフォームを作成する

次のようになります:

無料のプラグインを使用してWordPressでお問い合わせフォームを作成する#テストのためにフォームの送信を続けます。送信されたエントリは、

強力>エントリ

セクションで確認できます。

つまり、ショートコードを使用して、フォームを作成し、フィールドを追加し、最終的にフロントエンドに表示することができます。実際、Formidable Forms はより多くの機能を提供するため、より多くのことができるようになります。このプラグインが提供する他の設定を試してみることをお勧めします。楽しいはずです。

高度なフォームプラグイン

無料のプラグインを使用してWordPressでお問い合わせフォームを作成する上で示したように、Formidable Forms は WordPress フォームを構築するための優れた無料ソフトウェア パッケージです。 Web サイトでより高度な機能が必要な場合は、CodeCanyon が提供するプロ仕様のフォーム ビルダーをいくつかチェックしてください。これらのプラグインは、低コストで多くの作業を節約し、WordPress Web サイトを次のレベルに引き上げることができます。

  • 無料のプラグインを使用してWordPressでお問い合わせフォームを作成する無料のプラグインを使用してWordPressでお問い合わせフォームを作成する アシュラフ・ハティベラガル地址> ワードプレス
  • 無料のプラグインを使用してWordPressでお問い合わせフォームを作成する無料のプラグインを使用してWordPressでお問い合わせフォームを作成する ノーナ・ブラックマン地址> ワードプレス
  • フォーム ビルダーの選択: 7 つの最高の WordPress フォーム ビルダーの比較

    WordPress Web サイトを所有している場合、ある時点で Web サイトを作成することになります。フォームは必須です。それまでは、WordPress フォームビルダープラグインが最良の選択肢となるでしょう…
    無料のプラグインを使用してWordPressでお問い合わせフォームを作成する ノーナ・ブラックマン地址> ワードプレス
###結論は###

今日は、WordPress の Formidable Forms プラグインを使用して問い合わせフォームを作成する方法について説明しました。また、このプラグインの詳細な概要を提供し、そのさまざまな側面についても説明します。

以下のフィードを使用して、ご意見やフィードバックをお気軽に共有してください。ウェブサイトで使用した他のコンタクト フォーム プラグインの経験を共有したい場合は、ぜひご連絡ください。

以上が無料のプラグインを使用してWordPressでお問い合わせフォームを作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。