1. ［一覧表示］： データが表のような形式で整然と並んで表示されます。1行に1件のデータが、1列に1項目が対応します。列の並び順や、列にどの項目を表示するかはカスタマイズ可能です。なお、データ一覧（ビュー）を活用すると、特定の条件に合致するデータのみを抽出して表示できます。詳細については、 こちら をご参照ください。
   
2. ［かんばん表示］： カード形式のデータが、ステータスや種類ごとに分類されて表示されます。分類基準としては、選択リスト項目を指定できます。たとえば、見込み客をデータ元別に表示したり、商談をステージ別に表示したりすることが可能です。かんばん表示の詳細については、 こちら の記事をご参照ください。
   
3. ［キャンバス表示］： あらかじめ キャンバス機能 で作成しておいたテンプレートに従って、データを表示できます。テンプレートの作成においては、一覧にどの項目や処理を表示するかだけでなく、スタイル（色、大きさ）や配置場所などを細かく指定できます。また、画像、アイコン、図形、テキストなどを挿入することも可能です。キャンバス表示の種類としては、 ［一覧表示］、［タイル表示］、［表形式表示］ の3種類があります。以下では、データ一覧用のテンプレートの種類、活用例、作成方法などについてご紹介します。
4. ［クエリー］：Zoho CRMや外部サービスから取得したデータを表示できます。取得したデータを個々に詳細表示のキャンバスに表示したり、まとめて一覧表示のキャンバスに表示したりすることが可能です。この要素では、設定内容に基づいて関連データを動的に表示できます。
   
1. 一覧表示のキャンバスでは、一度に複数のデータをまとめて表示できます。また、関連性のあるデータを組み合わせて表示することが可能です。たとえば、連絡先の一覧表示において、表示されている個々の連絡先に関する取引先の詳細を取得し、一覧表示内に同時に表示することが可能です。
   
   キャンバスでのクエリーの設定方法や関連付け方法については、こちらをご参照ください。

データ一覧用のテンプレートの種類

一覧表示

タイル表示

タイル表示では、データがタイルのように上下左右に敷き詰められて並びます。画像をメインにデータを表示したい場合に適しています。また、縦方向にスクロールしなくても一度にたくさんのデータを表示できるというメリットもあります。データの表示欄の大きさは自由に指定できます。

表形式表示

キャンバス表示の活用例

また、タイル表示は、不動産会社の顧客向けポータルで、物件情報を一覧表示する際にも便利です。顧客は、ずらりと並んだ物件の画像と、そこに添えられた基本情報をもとに、条件に合いそうな物件の当たりを付けることができます。なお、Zoho CRMのポータル機能の詳細については、 こちら をご参照ください。

利用条件

必要な権限

［データ一覧の管理］ の権限を持つ管理者またはユーザーのみが、キャンバス表示用のテンプレートを作成、編集できます。

チームタブ管理者は、自分が管理するチームタブでこの機能を利用できます。

各プランの機能と制限を確認する 

データ一覧用のテンプレートの概要

1. ［データ］ ：タブの項目（ルックアップ項目によって関連付けられているタブの項目を含む）、関連リスト、ボタン、処理などを追加できます。追加するには、データの部品をドラッグ＆ドロップの操作で編集欄（キャンバス）の上に配置します。
   
2. ［表示要素］ ：セクション、テキスト（1行）、表、画像、アイコン、線、ボタンなどを挿入できます。情報をすっきりと見やすく整えるのに便利です。
   
3. ［スタイル］ ：表示欄や表示要素に適用するスタイルをカスタマイズできます。具体的には、背景色、枠の色や太さ、角の丸み具合、影などの効果、内側と外側の余白の広さなどを指定可能です。また、カーソルを重ねていない場合と重ねている場合で別々のスタイルが適用されるように設定できます。
   

メモ：
キャンバス表示のデータの一覧ページには、ルックアップ項目によって関連付けられているタブの項目を3件まで追加できます。

テンプレートの作成と管理

データ一覧用のテンプレートを作成するには：

1. Zoho CRMの組織の管理者アカウントでサインインします。
   
2. 設定 アイコンをクリックし、 ［カスタマイズ］ の欄にある ［キャンバス］ を選択します。 データ一覧用のテンプレートの一覧ページが表示されます。
   
3. 画面右上の ［一覧表示を新しく作成する］ を選択します。
   
4. テンプレートの作成画面 で、タブと種類を選択します。
   種類の選択欄で ［プレビュー］ をクリックすると、テンプレートのサンプルを確認できます。
   
5. ［作成する］ をクリックします。
   
6. テンプレートの選択ページ が表示されます。
   
1. 標準テンプレートを利用する場合：利用するテンプレートを選択すると、プレビューが表示されます。プレビュー画面で ［選択する］ をクリックすると、対象のテンプレートが編集画面に適用されます。
   
   
2. テンプレートを一から作成したい場合： ［空のテンプレートを作成する］ をクリックします。
   
3. 組織内で過去に作成されたテンプレートを利用する場合： ［自分の組織のキャンバス］ を選択し、テンプレートを選択します。
   
7. 編集画面で以下の手順を実施します。
   
1. 右上の欄にテンプレートの名前を入力します。例： 商品一覧（画像付き）
   
2. 表示欄の背景には、単色、グラデーション、画像などを設定できます。表示欄の背景をカスタマイズするには、以下の手順を実施します。
   
1. 編集画面の左側のメニューで ［スタイル］ をクリックします。
   
2. メニュー上部で ［通常］ が選択された状態で、色コードを指定します。また、色見本をクリックすると、パレットから色を選択できます。
   色を選択すると、編集欄にも反映されます。特に、種類が［一覧］または［タイル］の場合、選択した背景色は、データ一覧内のすべてのデータに対して適用されます。
3. 表示欄の背景に画像を設定するには：
   
1. ［背景］の欄で ［画像］ のチェックボックスを選択し、［画像をアップロードする］をクリックします。表示された画面で、画像をアップロード／選択するか、画像のURLを指定します。
   
   
2. ［画像のサイズ］としては、初期設定では、縦横比を維持する設定が選択されます。 ［元のサイズ］で表示する設定や、［全体に表示する］設定を選択することも可能です。
   
   
3. ［画像の繰り返し］の欄では、画像を横、縦、両方のどの方向に繰り返し表示するかを選択できます。
   
   
4. グラデーション のチェックボックスを選択すると、背景色にグラデーションを適用できます。
   
1. 円 内に表示されている針を回転させると、グラデーションの方向を変更できます。
   
2. スライダー（横軸）上で丸印を クリックすると、グラデーションの開始色と終了色を指定できます。
   
3. 丸印を左右に動かすと、グラデーションの分岐点を変更できます。
   
   
5. ［内側の余白］ のチェックボックスを選択し、余白のサイズを指定します。［すべての面の内側の余白を同じにする］設定を選択することも可能です。
   
   
   
6. 表示欄の［高さ］と［幅］を指定できます。
   
   
7. 編集メニューの上部で［カーソルを合わせたとき］を選択すると、表示欄にカーソルを合わせた場合のスタイルを設定できます。
   
   
3. ［表示要素］を追加して表示欄を見やすく整えるには：
   
1. 編集画面の左側のメニューで ［表示要素］ をクリックします。
   
2. セクション、テキスト（1行）、画像、アイコン、線などを ドラッグ＆ドロップ の操作で編集欄に追加します。
   
3. 左側の編集メニューを利用して、追加した要素のスタイルをカスタマイズできます。
   
   
4. 表示欄にデータの要素を追加するには：
   
1. 編集画面の左側のメニューで ［データ］ をクリックします。
   
2. 表示欄に配置したい項目や処理を、編集メニューから右側の編集欄にドラッグ＆ドロップの操作で移動します。
   
3. 編集メニューで、フォントの種類、サイズ、色、大文字／小文字、配置、背景色などを指定できます。
   
5. キャンバスでのクエリーの追加方法や関連付け方法については、こちらをご参照ください。
8. 編集が完了したら、［保存する］をクリックしてテンプレートを保存します。
   同様の手順によって、他のタブや種類のテンプレートを作成することも可能です。

Ziaによるテンプレートの生成

現在、この機能を利用できるのは、Zoho CRMのいずれかの有料プランを利用中であり、かつ米国のデータセンターを利用中のユーザーのみです。