評価フィールドの使用

評価フィールドは基本的な機能です

評価フィールドやその他の強力な機能のロックを解除して、ビジネスを成長させましょう。

WPForms Basicを入手する

ユーザーがフォームに評価を送信できるようにしますか? WPFormsの評価フィールドを使用すると、ユーザーは使いやすいアイコンセットを通じて意見を共有できます。

このチュートリアルでは、WPFormsの評価フィールドの使用方法を説明します。

このフォームデモをお試しください!

評価フィールドの実用的なユースケースを確認するには、従業員指名フォームテンプレートをご覧ください。


まず、WPFormsがサイトにインストールされ、有効化されていることを確認してください。次に、ライセンスを認証(まだ行っていない場合)し、新しいフォームを作成するか、既存のフォームを編集してください。

フォームに評価フィールドを追加する

フォームビルダーを開いたら、**Fancy Fields**セクションの下にある**Rating**フィールドを探します。フィールドをクリックするか、プレビューエリアにドラッグアンドドロップしてフォームに追加します。

フォームに評価フィールドを追加する

フィールドをフォームに追加したら、プレビューエリアのフィールドをクリックして、フィールドオプションパネルを開きます。

評価フィールドのフィールドオプションパネルを開く

評価フィールドオプションのカスタマイズ

フィールドオプションパネルでは、評価フィールドにラベルと説明を追加できます。

評価フィールドのラベルと説明を追加する

最大評価値を調整するには、**Scale**ドロップダウンをクリックします。ここでは、評価フィールド内に2から10までのアイコンを表示することを選択できます。

評価スケールのオプション

また、ユーザーがフォームを送信する前に評価を選択するようにするには、**Required**設定をオンにすることもできます。

評価フィールドを必須にする

高度な評価フィールドオプションのカスタマイズ

評価フィールドのアイコンシンボル、サイズ、色をカスタマイズするには、フィールドオプションパネルの**Advanced**タブをクリックします。

評価フィールドの詳細オプションにアクセスする

アイコン

デフォルトでは、評価フィールドには星のアイコンが表示されます。ただし、**Icon**ドロップダウンを使用して、以下の一覧からいずれかのオプションを選択できます。

  • ハート
  • サム
  • スマイリーフェイス
高度なフィールドオプションで評価アイコンを選択する

これらのアイコンがフロントエンドにどのように表示されるかは次のとおりです。

評価フィールドのアイコンオプション

アイコンサイズ

デフォルトでは、**Icon Size**は**Medium**に設定されています。必要に応じて、SmallまたはLargeに変更できます。

高度なフィールドオプションでアイコンサイズを選択する

サイズオプションがフロントエンドでどのように比較されるかは次のとおりです。

評価フィールドのアイコンサイズオプション

スコアラベルと位置

**Advanced**タブには、評価スケールの下に表示されるラベルをカスタマイズするためのオプションもあります。

  • 最低スコアラベル:スケールの最初のアイコンの下に表示されるテキスト。たとえば、「低い」や「最低」とラベル付けできます。
  • 最高スコアラベル:スケールの最後のアイコンの下に表示されるテキスト。たとえば、「素晴らしい」や「最高」とラベル付けできます。
  • ラベルの位置:アイコンに対するラベルの表示位置を制御します。スケールのまたはに表示することを選択できます。

アイコンの色

デフォルトでは、アイコンの色はオレンジに設定されます。カラーボックスをクリックしてカラーピッカーツールを使用することで、簡単にカスタマイズできます。

高度なフィールドオプションで画像のカラーを選択する

評価データの収集

注意:統計の表示、レポートの生成など、評価フィールドの潜在能力を最大限に引き出すには、アンケート&投票アドオンをぜひチェックしてください。

ユーザーが評価フィールドに入力すると、選択した評価が少し拡大され、色が濃く表示されます。

評価フィールドでの選択

フォームが送信されると、エントリ一覧でアイコンと数値の両方で評価が表示されます。

エントリーページに表示される評価

注意:表示方法の詳細については、WPFormsでのエントリの完全ガイドをご覧ください。

評価のための条件付きロジックの有効化

必要であれば、条件付きロジックを使用して、特定の評価を共有したユーザーからさらに多くの情報を収集することもできます。

例として、1つまたは2つの星の評価を共有したすべてのユーザーに、追加の詳細を尋ねます。

これを設定するには、まず段落テキストフィールドを追加します。次に、フィールドラベルを「あなたの経験を改善するために何ができますか?」に変更します。

次に、このフィールドがユーザーが低い評価を共有した場合にのみ表示されるように、条件付きロジックルールを設定します。これを行うには、段落テキストフィールドのフィールドオプションパネルにあるスマートロジックタブをクリックします。

フィールドオプションパネルのスマートロジックタブを開く

次に、条件付きロジックを有効にするオプションをオンにします。

段落テキストフィールドの条件付きロジックの有効化

これにより、段落テキストフィールドが表示されるタイミングを決定するためのルールを設定するドロップダウンセットが表示されます。例では、ロジックを「評価が3未満の場合、このフィールドを表示」と設定します。

評価フィールドに基づく条件付きロジックルール

注:条件付きロジックルールの設定でお困りですか?WPFormsでの条件付きロジックの使用に関する初心者向けチュートリアルには、すべての詳細が記載されています。

変更を保存すると、ユーザーが評価フィールドで1つまたは2つの星を選択しない限り、段落テキストフィールドは非表示のままになります。

これで完了です!これで、フォームに評価フィールドを追加してカスタマイズできます。

次に、ユーザーからのレビューを表示する方法を知りたいですか?詳細については、ユーザーの声の収集と表示に関する記事をぜひチェックしてください。

最高のWordPressドラッグアンドドロップフォームビルダープラグイン

簡単、高速、安全。WPFormsを信頼する600万人以上のウェブサイト所有者に加わりましょう。