製品カタログに表示される情報の構成

Redwoodユーザー・エクスペリエンスの営業アプリケーションで製品カタログに表示される情報を構成する方法を説明します。製品グループと製品の両方を構成し、組織内でのロールに応じて異なるレイアウトを構成できます。

始める前に、製品カタログに製品、製品グループおよび公開する属性が含まれていることを確認します。空白になっている属性はUIに表示されません。

「製品カタログ」ページからVisual Builder Studioを開くと、そのページには構成対象である製品グループと製品が「最近」見出しの下に表示されています。

製品グループの構成

  1. 商談を開きます。
  2. 処理バーカタログと入力し、「カタログの参照」を選択します。

    「カタログの参照」オプションが強調表示されている、商談処理バーのスクリーンショット。
  3. 「製品カタログ」ページで、自分のプロファイルをクリックし、「設定およびアクション」>「Visual Builder Studioでページを編集」を選択して、Visual Builder Studio (VBS)を開きます。

    「設定およびアクション」メニュー
  4. VBSの中央パネルで、ページの「すべてのカテゴリ」見出しの下にある製品グループのいずれかをクリックし、Product Group Card Layoutの枠線を表示します(次のスクリーンショットのコールアウト1)。
  5. 右ペインの「ルール・セット」見出しの下で、Product Group Card Layoutのリンク(コールアウト2)をクリックします。

    選択された製品グループとルール・セットが強調表示されている、Visual Builder Studioのページ・デザイナのスクリーンショット。
  6. デフォルトのレイアウトを複製し、次のスクリーンショットで強調表示されている「開く」ボタンをクリックして開きます。

    表示ロジック・ページの「開く」ボタンが強調表示されている、Visual Builder Studioのページ・デザイナのスクリーンショット。
  7. 「フィールド」タブから追加のフィールドをドラッグできます。削除および順序変更することもできます。

    レイアウトに属性をドラッグする方法が強調表示されている、Visual Builder Studioのページ・デザイナのスクリーンショット。
  8. 「プレビュー」ボタンをクリックして、構成をプレビューします。

    これは、Visual Builder Studioの「プレビュー」ボタンのスクリーンショットです。
  9. 「公開」をクリックして、その構成を永続化します。

製品の構成

製品を構成するステップは、製品グループの構成と非常によく似ています。主な違いは、レイアウトを簡単に特定するために、製品カタログの「最近」見出しの下に製品を表示する必要があることです。これを行うには、カタログから商談に製品を追加し、さらに別の製品を追加します。

「最近」見出しの下に製品が表示されている製品カタログのスクリーンショットを次に示します。

「最近」見出しの下に製品が強調表示されている、商談の製品カタログのスクリーンショット。

次に詳細なステップをまとめます:

  1. 商談を開きます。
  2. 処理バーでカタログと入力し、「カタログの参照」を選択します。
  3. カタログから商談に製品を追加して保存します。
  4. 2つ目の製品を追加します。最初の製品が「最近」見出しの下に表示されるようになっています。
  5. 「製品カタログ」ページで、「設定およびアクション」>「Visual Builder Studioでページを編集」をクリックして、Visual Builder Studioを開きます。
  6. ページの「最近」見出しの下にある製品をクリックし、Product Card Layoutの枠線を表示します(次のスクリーンショットのコールアウト1)。
  7. 右ペインの「ルール・セット」見出しの下で、Product Card Layoutのリンク(コールアウト2)をクリックします。

    「最近」見出しの下の選択された製品と対応するレイアウト・ルール・セットが強調表示されている、Visual Builder Studioのページ・デザイナのスクリーンショット。
  8. 表示ロジック・ペインで、デフォルトのレイアウトを複製して開きます。
  9. 「フィールド」タブから追加のフィールドをドラッグします。フィールドの削除や順序変更もできます。
  10. 「プレビュー」ボタンをクリックして、構成をプレビューします。

  11. 「公開」をクリックして、その構成を永続化します。