動的なポピュレーションは、Gravity Forms の際立った機能の 1 つです。これはもっと多くの人が使うべきものであり、この投稿ではそれを紹介します。その通り使い方。
では、なぜ動的人口を気にする必要があるのでしょうか?この機能は、異なるページに同じフォームがあり、送信を区別する方法が必要な場合に便利です。フォーム入力プロセスをパーソナライズして合理化するのにも役立ちます。
この投稿では、Gravity Forms のフォーム フィールドに事前入力する次の 4 つの方法を見ていきます。
- ショートコードの使用
- URL クエリ文字列パラメータの使用
- グーテンベルクブロック法
- フックとカスタムコードの使用
また、動的ポピュレーションの一般的な使用例についても説明し、この強力な機能に関してよくある質問に答えます。
準備ができて?始めましょう! 😁
Gravity Forms の動的ポピュレーションとは何ですか?
Gravity Forms の動的入力とは、フォーム内のフィールドに事前入力したり、複数選択フィールド (ドロップダウンなど) で値を事前に選択したりできる機能を指します。これは、通常のフィールドと管理/非表示フィールドに適用されます。
このデモを試して、動的人口がどのように機能するかを確認してください
弊社のデモサイトには寄付フォームがあります。以下のリンクのいずれかをクリックすると、選択した金額に基づいて「寄付金額」フィールドが事前に入力されます。さあ、試してみてください。 (実際の寄付ではありませんので、ご安心ください。)
- 500ドルを寄付する
- 250ドルを寄付する
- 100ドルを寄付する
💡プロのヒント:そうしているうちに、独自の無料デモ サイトにサインアップする、強力な Gravity Forms アドオンがすべてプリロードされています。
フォームのフィールドに事前に入力する必要があるのはなぜでしょうか?
フォームにフィールド値を事前に入力すると、ユーザー側で必要な労力が軽減され、作業が楽になるなど、さまざまな理由で役立ちます。また、同じフォームを使用してさまざまな情報を収集できるため、ワークフローが合理化されます。
たとえば、複数のランディング ページで同じサインアップ フォームを使用しており、ユーザーがどのページから来たのかを確認する方法が必要だとします。非表示のフォーム フィールドにページの名前を事前に入力し、それをユーザーの送信に含めることができます。
の構築方法に関するチュートリアルで、動的な人口の動作を確認できます。サポートチケットシステム重力フォームを使用します。
動的なフィールド入力を有効にする方法
Gravity フォームにフィールドを動的に設定するにはいくつかの異なる方法がありますが、最初のステップは常に同じで、フィールド自体で動的フィールドの設定を有効にすることです。
手順は次のとおりです。
- 動的入力を使用するフォームを編集します。
- 事前に入力したい特定のフィールドをクリックします
- フィールド設定パネルの「詳細」タブを開きます
- 「フィールドの動的入力を許可する」というチェックボックスをオンにします。
- ボックスにパラメータ名を入力し、フォームを保存します
パラメーター名は、値を変更するためにそのフィールドをターゲットにする方法であるため、重要です。パラメータ名は何でも構いません。以下に例を示します。
動的入力を有効にしたので、以下のいずれかの方法を使用してフォームフィールドに事前入力できます。それぞれの方法を 1 つずつ見てみましょう。
1. ショートコードを使用してフィールドに動的に入力する
のGravity Forms のショートコードWeb サイト上の任意の場所にフォームを表示できます。ショートコードは、次のことを可能にする多くのパラメータも受け入れます。Ajaxを有効にする、タイトル/説明を表示し、フィールドに動的に入力します。
この場合、関心のあるパラメータはフィールド値
パラメータ。このパラメータを含む場合のショートコードの例を次に示します。
[gravityforms id=“21” field_values=“text_field=こんにちは、地球人!”]
ご覧のとおり、フィールド値
パラメーターの後にフィールドに指定したパラメーター名が続き、フィールドに入力する値が続きます。複数のフィールドにデータを入力したい場合は、「&」を使用して複数のフィールド値を追加します。それは次のようになります。
[gravityforms id=“21” field_values=“text_field=こんにちは、地球人!&another_field=私は平和に来ました”]
出力は次のようになります。
注意することが重要です。ID
パラメータは常に必須です。フォーム ID は、「フォーム」ページの右側の列で確認できます。
ショートコード方式を使用する場合
ショートコード メソッドは、同じフォームを異なるページに表示したいが、フォームがどのページにあるかに基づいたカスタム値が必要な場合に便利です。このメソッドは、ブロックではなくショートコードを使用してフォームを埋め込みたい場合にも便利です。
2. URL クエリ文字列パラメーターを使用した動的な入力
Gravity Forms でフィールドに動的に値を入力するもう 1 つの方法は、URL パラメーターを使用することです。これを行うには、次のように、フィールド パラメーターと値をキーと値のペアとして URL の末尾に追加します。
https://example.com/event-registration/?event_name=Charity%20fun%20run
この例では、イベント名
パラメータには「Charity fun run」が入力されます。インターネットブラウザは URL 内のスペースを受け入れないため、スペースを表すために「%20」を使用していることに注意してください。実際、すべての特殊文字 (感嘆符など) は適切なエンコーディングが必要です。やり方がわからない場合は、こちらをご覧くださいこの無料オンラインツール。
この方法を使用する場合
あなたが複数の店舗を持つ小売業を経営しており、各店舗にお問い合わせフォームへのリンクがあるとします。店舗ごとに個別のフォームを作成する代わりに、クエリ パラメーターを使用して、単一の問い合わせフォームのフィールドに店舗名を事前に入力することで、ユーザーがどの店舗に問い合わせたいかを知ることができます。
3. Gravity Forms ブロックの使用
Gravity Forms Gutenberg ブロックを使用すると、フィールド値を事前に入力することもできます。まず、WordPress ブロック エディターを開いて Gravity Forms ブロックを検索し、ページまたは投稿にブロックを追加する必要があります。
次に、ドロップダウン メニューからフォームを選択します。その後、エディター内に読み込まれたフォームのプレビューが表示されるはずです。
動的フィールド入力を構成するには、右側のブロック設定を開き、「詳細」まで下にスクロールして、「フィールド値」テキスト ボックス内にフィールド パラメータ名とそれに入力する値を入力します。フォーム プレビューがエディター内で更新され、フィールド内の値が表示されます。
この方法を使用する場合
Gravity Forms を WordPress ブロックの代わりに使用して表示したい場合は、[重力フォーム]
ショートコードでは、このメソッドはフィールド値を事前に入力する簡単な方法を提供します。
フックの使用 (開発者向け)
カスタム PHP コードを WordPress テーマに追加することに慣れている場合は、フックを使用して Gravity Forms のフォーム フィールドに動的に値を入力できます。この方法の詳細については、以下を参照してください。Gravity Forms のドキュメントに関してgform_field_value_$parameter_name
フィルター。
この方法は 4 つの方法の中で最も強力で柔軟性がありますが、WordPress コードの基本的な知識も必要です。
Gravity Forms の非表示フィールドに動的に値を入力する
入力することもできます隠しフィールドこの記事で説明したのと同じ方法を動的に使用してください。では、なぜ動的にデータを入力する必要があるのでしょうか。隠れたとにかくフィールド?理由はいくつかあります。これを実行する必要がある場合の例をいくつか示します。
- サイトにログイン ユーザー用のお問い合わせフォームがあります。非表示フィールドにユーザーの電子メール アドレスを事前に入力し、それを電子メール通知の「返信先」アドレスとして使用できます。
- フォーム入力の送信元を追跡したいので、ユーザーの送信元に関する情報を非表示フィールドに動的に入力します。
- サイトには、ユーザーがさまざまなイベントに登録できるイベント登録フォームがあります。ユーザーがアクセスしていたランディング ページ、またはユーザーがクリックしたリンクに基づいて、非表示フィールドにイベント情報を事前に入力できます。これにより、ユーザーが指定しなくても、どのイベントに興味があるのかがわかります。
ドロップダウンまたはチェックボックスフィールドでオプションを事前に選択する
ここまで、Gravity Forms でテキスト フィールドに事前入力する方法を説明しましたが、ドロップダウン、チェックボックス、またはラジオ ボタン フィールドでオプションを事前に選択する必要がある場合はどうすればよいでしょうか?まあ、それも可能であり、方法はほぼ同じです。
フォームにフィールドを追加したら、「詳細」タブを開き、「フィールドの動的入力を許可する」チェックボックスをオンにして、パラメーター名を設定します。
次に、「一般」を開きます [フィールド設定] タブで [選択肢の編集] をクリックし、[値を表示] チェックボックスをオンにして、フィールドの各オプションの値を設定します。の価値フィールドに自動入力するために使用する必要があるものです。
たとえば、最初のオプション「オプション 1」を事前に選択したい場合は、次のようにフィールド パラメーター名を使用し、値「第一選択」を渡します。
[gravityforms id="21" field_values="my_dropdown=第一選択"]
ご覧のとおり、これはテキスト フィールドに事前に入力する方法とほぼ同じです。価値フィールドオプションの。
ボーナス: フィールドの選択肢を動的に入力する
これまで、Gravity Forms でフィールド値を動的に入力する方法について説明しましたが、動的にフィールド値を入力したい場合はどうすればよいでしょうか。選択肢ドロップダウン、ラジオボタン、または複数選択フィールドのどれですか?
これは、サードパーティのアドオンを使用して行うことができます。何でも入力グラビティ・ウィズ著。 Populate Anything を使用すると、フィールドの選択肢に投稿、ユーザー、分類法、用語、Gravity Forms エントリ、データベースなどを入力できます。
重力がダイナミックな集団を形成する: 最終的な考察
フィールド値を自動入力する機能は、Gravity Forms の強力な機能です。 Gravity Forms のフィールドに動的にデータを入力するには、次の 4 つの異なる方法があります。1) ショートコードを使用する。 2) URL クエリパラメータを使用する。 3) カスタム コードをサイトに追加する。 4) Gravity Forms ブロックを使用します。
また、Gravity Wiz の Populate Anything の「特典」を使用して、ドロップダウン、ラジオ ボタン、および複数選択フィールドのフィールド選択肢を動的に入力することもできます。
さらに役立つヒントやコツについては、当社の包括的なガイドをお読みください。グラビティフォームの使い方または私たちをチェックしてください重要な Gravity Forms アドオンのツールキット。
役立つヒントがあなたの受信箱に届きます。
ヒントや特別オファーなどを入手するには、隔週のニュースレターを購読してください。
役立つヒントがあなたの受信箱に届きます。
ヒントや特別オファーなどを入手するには、隔週のニュースレターを購読してください。