WordPressでフォームを自動入力するために動的フィールドの入力を使用する方法

WordPressの動的フィールドを使用して、サイトのフォームに自動入力したいですか？

ダイナミックフィールドポピュレーションを使用すると、ユーザーの選択、クエリー文字列、またはフィールドタイプに基づいてフォームフィールドを自動的に埋めることができます。これにより、フォームがスマートになり、ユーザーの時間を節約し、より良いユーザーエクスペリエンスを提供し、最終的にフォームの完了率を向上させます。

この投稿では、WordPressで動的フィールドポピュレーションを使用してフォームを自動入力する方法を紹介します。

ダイナミック・フィールド・ポピュレーションとは何か？

ダイナミックフィールドポピュレーションは、サイトオーナーがユーザーの選択、フォームタイプ、クエリー文字列、または条件ロジックに基づいてフォームフィールドを自動的に埋めることができるテクニックです。

例えば、eコマースストアは、WooCommerceや他のeコマースソフトウェアの既存の製品を使用して、フォーム内の製品フィールドが動的に入力されるフォームを作成することができます。

同様に、不動産サイトは、アポイントメントフォームやリードジェネレータフォームに、リスト、エージェント、物件タイプのフィールドを自動的に入力することができます。

上級ユーザーや開発者は、URLパラメータを使用して、メールマガジンや他のサイトからのスマートリンクを使用してフォームフィールドに動的に入力することもできます。

とはいえ、WordPressでダイナミック・フィールド人口を簡単に使う方法を見てみよう。

WordPressでダイナミック・フィールドを使用する方法

まず、WPFormsプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドを参照してください。

WPFormsは市場で最高のWordPressお問い合わせフォームプラグインです。ドラッグ＆ドロップで簡単にオンラインフォームを作成できます。

また、ダイナミックフィールドポピュレーション、条件付きロジック、アドバンスドフォームフィールドも搭載しています。これらの機能により、サイト上でよりスマートでインタラクティブなフォームを作成することができます。

詳しくはWPFormsのレビューをご覧ください。

プラグインを有効化したら、WPForms ” 設定ページにアクセスしてライセンスキーを入力する必要があります。この情報はWPFormsサイトのあなたのアカウントの下にあります。

次に、WPForms ” 新規追加で最初のフォームを作成します。

フォームの名前を入力し、テンプレートを選択して開始します。

数多くのフォームテンプレートから選ぶことができます。このチュートリアルでは、請求書/注文フォームテンプレートを使用します。

WPFormsはあらかじめ選択されたフィールドでフォームを読み込むようになりました。クリックしてフォームフィールドを編集したり、ドラッグ＆ドロップ機能を使ってフィールドを上下に移動することができます。また、クリックするだけでフォームフィールドを追加、削除することができます。

新しいフォーム・フィールドを追加して、動的な選択肢を入力してみましょう。

ドロップダウン、マルチプルチョイス、またはチェックボックスのフィールドをフォームに追加して、動的な選択オプションを使用することができます。左のカラムからフィールドをクリックし、ドラッグするだけでフォームに追加できます。

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

左のカラムから詳細メニューに切り替えるだけです。

ここから「ダイナミック・チョイス」を選択する必要がある。

WPFormsはWordPressサイトに登録されている投稿タイプとタクソノミーに対応しています。

このチュートリアルでは、動的な選択肢として「投稿タイプ」を、動的な投稿タイプのソースとして「商品」を選択します。

WPFormsはフォームプレビューでフィールドを自動的にロードして表示するようになりました。

フォームを埋め込むには、フォームビルダーの上部にある「埋め込み」ボタンをクリックするだけです。ここから、フォームを埋め込む既存のページを選択するか、新しいページを作成することができます。

また、WPFormsブロックを使ってWordPressの投稿やページにフォームを追加することもできます。フォームを追加したい投稿やページを編集してください。

WordPressのコンテンツエディターに入ったら、投稿編集エリアにWPFormsブロックを追加します。その後、ドロップダウンメニューから先ほど作成したフォームを選択してください。

投稿やページを保存できるようになりました。

次に、あなたのサイトにアクセスして、動的なフィールド値を持つフォームを実際に見てみましょう。

URLパラメータを使ってフォームフィールドを自動的に埋める

WPFormsではURLパラメータを使ってフォームフィールドを動的に埋めることもできます。この機能により、自動的にフォームに情報を渡すスマートリンクを作成し、ユーザーが送信できるように入力することができます。

まず、WPForms で新規フォームを作成するか、既存のフォームを編集する必要があります。フォームの作成が完了したら、左カラムの設定タブに切り替え、’一般’タブを選択します。

この画面で、「URLによるプリフィルを有効化」オプションのトグルをクリックする必要があります。

これでフォームを保存し、フォームビルダーを終了することができます。これでフォームに URL パラメータを使って動的にフィールドを入力する準備ができました。

URLパラメータを使ったリンクの作成

WPFormsは特定の形式でURLパラメータを通して渡される動的なフォームフィールドを受け入れます。

https://example.com/contact/?wpf15_1=value

それを分解してみよう。

• URLのクエスチョンマーク’?’の前の部分は、フォームがあるページのURLです。お問い合わせフォームのページなどです。
• .wpf– WPFormフォームフィールドパラメータの開始を示します。
• 15– フォームのID
• 1– フィールドID
• =value– = フォームに渡したい値の先頭を示し、その後に実際のフィールド値が続く。

以下は、商品タイトルをテキストフィールドとしてフィードバックフォームに渡すURLの例です。

https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase

商品タイトルの単語間のスペースに%20を使っていることに注目してください。

WPFormsでフォームとフィールドのIDを見つける

URLパラメータを作成するには、フォームとフィールドのIDを知る必要があります。これらの値を見つける方法を以下に示します。

フォームを編集するだけで、ブラウザーのアドレスバーにフォームIDが表示されます。

同様に、フォーム・フィールドIDを見つけるには、クリックして編集する必要がある。

左カラムにフォームフィールドのプロパティが表示され、上部にフィールドIDが表示されます。

では、サブフィールドに値を渡したい場合はどうするのか？

次のように、URLのフィールドIDの後にサブフィールド識別子を追加するだけです：

https://example.com/contact/?wpf15_3_city=london

詳細については、WPForms開発者ドキュメンテーションを参照してください。WPForms開発者ドキュメンテーションでは、すべてのタイプのフォームフィールドに異なるパラメータを使用する例をより多く示しています。

この機能をCRMソフトウェアや メールマーケティングサービスと組み合わせて、スマートフォームリンクをユーザーに送信することができます。ほとんどのマーケティングプラットフォームには独自のパーソナライズされたMERGEタグが付属しており、スマートURLに追加することでフォームに個人情報を自動的に入力することができます。

Formidable Forms やGravity Forms などの他のフォームプラグインでも動的フィールド追加機能を使うことができます。しかし私たちは WPForms を使うことを推奨します。WPForms はすべてのプロセスを簡単にしてくれますし、私たちはこの製品を作ったのでよく知っています。

詳しくはWPForms vs Formidable Forms vs Gravity Forms の比較をご覧ください。

この投稿が、WordPress で動的フィールド人口を使用してフォームを自動入力する方法を学ぶのにお役に立てば幸いです。WordPress でフォームの放棄を追跡し、削減する方法についての投稿や、専門家が選ぶ中小企業に最適なライブチャットソフトウェアもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.