Zoho CRM を導入したものの、「項目が多すぎて見づらい」「営業とサポートで見たい情報が違うのに、画面は全員同じ」といった声が現場から上がることは少なくありません。この課題を、コードを書かずに解決するのが **Canvas（キャンバス）** です。

本記事では、Canvas の機能概要から具体的な設定手順、エディションごとの制限、導入時の注意点までを整理して解説します。

Canvas とは何か

Canvas は、Zoho CRM の画面そのものをドラッグ&ドロップで設計できる **ノーコードのデザインスタジオ** です。Zoho はこれを「業界初の CRM デザインスタジオ」と位置づけています。

通常の Zoho CRM は、ページレイアウト機能で「どの項目を表示するか」「どの順番に並べるか」を調整できます。しかし、レイアウト機能でできるのはあくまで項目の並び替えとセクション分けまでです。

一方の Canvas は、その一段上のレイヤーを扱います。

- 背景色・グラデーション・画像の指定

- 任意のテキスト、アイコン、画像、罫線の配置

- タブによる情報のグルーピング

- フォント、余白、枠線、影といった細かなスタイル指定

- ボタン（アクション）の自由配置

つまり **「CRM のデータを、Web ページのように自由にデザインする」** 機能です。HTML や CSS の知識は不要で、すべてエディター上の操作で完結します。

Canvas でデザインできる画面

Canvas が対象とする画面は、大きく分けて次の4種類です。

レコード詳細ページ（Detail View）

商談や取引先など、1件のレコードを開いたときの画面です。Canvas の中心的な用途で、最も自由度が高い部分です。

配置できる要素は以下のとおりです。

- **Elements（要素）**：セクション、タブ、テーブル、テキスト、画像、アイコン、ライン、フレックス、グリッド

- **Data（データ）**：CRM の項目、関連モジュールの項目、関連リスト、リンク、アクション（ボタン）、Kiosk

- **Style（スタイル）**：背景色、パディング、マージン、ボーダー、シャドウ、角丸、フォント、テキスト配置

「フレックス」「グリッド」といった、Web 制作でおなじみのレイアウト概念がそのまま使える点が特徴です。

レコード作成フォーム

レコードの新規作成画面も Canvas 化できます。入力項目の多いモジュールで、入力順序や視認性を整理したい場合に有効です。

モバイルアプリの画面

iOS / Android 版 Zoho CRM アプリの画面も、PC のデザインスタジオから設計できます。ただし **モバイル対応は詳細ページのみ** です。作成フォームのモバイル対応は現時点では提供されていません（モジュールページへの拡張は開発予定とアナウンスされています）。

設定手順

レコード詳細ページを作成する

1. **設定（⚙）> カスタマイズ > Canvas > 詳細ビュー** を開く

2. **［レコード詳細ページを作成］** をクリック

3. 対象のモジュールとページレイアウトを選択

4. テンプレートギャラリーから既存デザインを選ぶか、白紙のキャンバスから作成

5. 左パネルの Elements / Data / Style を使って、ドラッグ&ドロップで配置・装飾

6. 保存

モジュールビュー（リストビュー）を作成する

1. **設定（⚙）> カスタマイズ > Canvas > リストビュー** を開く

2. **［新しいリストページを作成］** をクリック

3. モジュールとビュータイプ（リスト／タイル／テーブル）を選択

4. 既存デザインまたは白紙から作成

5. 名前を入力し、背景（色・グラデーション・画像）を設定

6. 各コンポーネントを配置して保存

プロファイルへの割り当て

Canvas の実用性を大きく左右するのが、**プロファイル単位での割り当て** です。

作成した Canvas は、プロファイルごとに「標準（デフォルト）ビューを使うか、作成した Canvas ビューを使うか」を選択して適用します。割り当てたプロファイルのユーザーにのみ、そのデザインが表示されます。

これにより、次のような運用が可能になります。

- 営業担当：商談金額・次回アクション・活動履歴を大きく配置

- サポート担当：契約内容・問い合わせ履歴を中心に配置

- 経営層：KPI とサマリー情報のみを簡潔に表示

同じデータベースを、役割ごとに最適化された別々の画面で見せられる、という点が Canvas の最大の価値です。

必要な権限

Canvas の作成・編集には権限が必要です。

- **詳細ページ**：モジュールのカスタマイズ権限（Module Customization）

- **リストビュー**：管理者、またはカスタムビュー管理権限（Manage Custom View）

権限を持たないユーザーは、割り当てられたレイアウトを **閲覧できるのみ** で、作成・編集はできません。

運用面での便利な機能

- **テンプレートのエクスポート／インポート**：作成したデザインを別の組織へ移行できます（エクスポートキーは一度に最大10個、有効期限7日）

- **サンドボックス対応**：本番環境に反映する前に、検証環境でデザインを試せます

- **プリセット**：スタイルやレイアウトを再利用できるため、複数モジュールで統一感のあるデザインを短時間で構築できます

- **Canvas Rules**：条件に応じて要素の表示を切り替えられます

どんなケースで導入を検討すべきか

Canvas が特に効果を発揮するのは、次のような状況です。

- **入力項目が多く、画面が縦に長くなりすぎている**：タブで分割し、必要な情報だけを最初に見せられます

- **部署によって必要な情報が大きく異なる**：プロファイル別の出し分けで解決します

- **CRM の定着率が低い**：「見づらいから使われない」が理由であれば、画面設計の改善は直接的な打ち手になります

- **顧客や取引先に画面を見せる機会がある**：ブランドカラーやロゴを反映した画面にできます

逆に、ユーザー数が少なく項目数もシンプルな運用であれば、標準のページレイアウト機能で十分なケースも多くあります。Canvas の設計・維持にも工数はかかるため、**「画面の見づらさが実際に業務のボトルネックになっているか」** を判断基準にすることをおすすめします。

まとめ

Zoho CRM の Canvas は、CRM の画面をノーコードで自由に設計できる機能です。

- 詳細ページ、リストビュー、作成フォーム、モバイル画面をデザインできる

- すべての有料エディションに標準搭載、追加費用なし

- ただし作成可能なビュー数はエディションで大きく異なり、本格運用は Enterprise 以上が前提

- プロファイル単位で出し分けができ、役割ごとに最適な画面を提供できる

- モジュール間でレイアウトを流用できないなど、設計上の制約は事前確認が必要

CRM の定着は、機能の多さよりも「使いやすさ」に左右されます。Canvas は、その使いやすさをコードなしで作り込める数少ない手段です。まずは利用頻度の高い1モジュールから試してみてください。