キャンバスのフォームテンプレート

キャンバスのフォームテンプレートは、現在、一部のアカウントでのみ利用できます。今後、すべてのデータセンターを対象として、有料プランのアカウントで段階的に利用可能になります。

Zoho CRMでは、キャンバスを使用して、見込み客、連絡先、商談などの各タブのフォーム表示をデザインできます。しかし、複数のタブで同じデザインを使用する場合、タブごとにフォーム表示を作成して管理するのは手間がかかります。キャンバスのフォームテンプレートを使用すると、共通のデザインを1つ作成し、複数のタブやレイアウトに適用できます。テンプレートのデザインを変更すると、関連付けられている各タブのフォーム表示にも変更が反映されます。

キャンバスのフォームテンプレートとは

キャンバスのフォームテンプレートでは、フォーム表示の基本デザインを1つ作成し、複数のタブやレイアウトに関連付けることができます。タブごとに同じフォーム表示を一から作成する必要がなく、共通のデザインをまとめて管理できます。

この共通の基本デザインをテンプレートと呼びます。

利用例：不動産会社で、すべてのフォーム（見込み客、連絡先、商談）に同じブランドデザインを使用するとします。ヘッダー、セクションのデザイン、項目の配置を統一する必要があります。管理者は、タブごとに別々のキャンバスのフォーム表示を作成して管理する代わりに、1つの基本テンプレートを作成し、3つのタブを関連付けます。その後、ブランドロゴの変更やセクションの並べ替えなどをテンプレートで行うと、3つすべてにすぐに反映されます。

このように、1つのテンプレートで複数のタブの表示デザインを管理できます。管理者は次のことができます。

色、ロゴ、セクションのスタイルなど、同じブランドデザインを複数のタブに適用できます。
共通する情報のセクションについて、レイアウト構成を統一できます。
タブごとに独立したフォーム表示を管理する必要はありません。共通のテンプレートを1つ管理することで、同じデザインを繰り返し作成する手間を減らすことができます。
基本テンプレートの変更を、関連付けられているすべての表示に自動的に反映できます。

かんたんガイド

テンプレートの作成：目的に応じて、フォームレイアウトをデザインします。空白のキャンバスから作成することも、用意されているテンプレートを選択して作成時間を短縮することもできます。
タブへの関連付け：このテンプレートを使用するZoho CRMのタブ（連絡先、見込み客、商談など）を選択します。
設定とカスタマイズ：公開する前にタブごとのスタイルも調整できるため、統一感を保ちながら柔軟に設定できます。
公開：この処理を実行すると、タブごとにテンプレートをもとにした個別の表示が作成されます。

キャンバスのテンプレートと複製の違い

別のタブ向けにフォーム表示を複製する方法と、フォームテンプレートを作成して他のタブに関連付ける方法の違いについて説明します。

フォーム表示を複製すると、元のフォーム表示とは独立したコピーが作成されます。複製後、2つのフォーム表示に関連性はありません。一方、キャンバスのフォームテンプレートでは、すべてのタブが1つの共通デザインに関連付けられます。最初の見た目が同じになるだけでなく、その後もまとめて管理できます。

機能	複製	キャンバスのフォームテンプレート
コピーの作成	○	○
コピー間の関連付けの維持	×	○
一元管理	×	○
変更内容の共通反映	×	○
適した用途	1回限りの複製	複数のタブでデザインを統一する場合

キャンバスのフォームテンプレートを理解するため、画面で使用される主な用語を確認します。

［テンプレート］タブ

基本テンプレートを管理する場所です。テンプレートのもとになっているタブとレイアウトが表示されます。テンプレートのデザインはいつでも変更できます。

他のキャンバス表示のデザイン画面と同様に、［テンプレート］タブの左側には次の4つの要素があります。

データ：レイアウト内に表示する内容です。項目、サブフォーム、カスタムボタンなどがあります。
要素：レイアウトを構成する部品です。セクション、タブ、表、テキスト、画像、アイコン、線などがあります。
スタイル：フォント、フォントサイズ、背景色、枠線、影、角の丸み、内側の余白、外側の余白、背景画像などの表示設定です。キャンバス内で対象の要素を選択して変更します。利用できる設定は、選択した要素によって異なります。要素に設定したスタイルを設定集として保存し、後から再利用することもできます。
再利用する要素：以前のキャンバスから保存した要素、スタイル、データです。保存後は複数のタブで再利用できます。項目は自動的に関連付けられます。

［関連付け］タブ

関連付けられている各タブのレイアウトを管理する場所です。テンプレートにタブを関連付けた後、公開前にここで内容を確認し、項目やタブ固有のスタイルを調整します。フォームのデザイン、項目の配置、表示構成はそのまま維持され、データ元だけが変わります。初期設定では、関連付けたタブの項目がシステムによって自動的に割り当てられます。

［関連付け］タブには、次の要素があります。

スタイルの編集

基本テンプレートを変更せずに、特定のタブだけ見た目を少し調整する場合は、［スタイルを編集する］を使用します。デザインの80%はテンプレートで統一し、残りの20%だけをタブごとに調整するような使い方ができます。

たとえば、［連絡先］タブだけセクションの背景色や項目間の余白を変える場合、［スタイルを編集する］を使用すると、テンプレートとの関連付けを維持したまま、そのタブのスタイルだけを上書きできます。対象の表示の横にある［スタイルを編集する］アイコンをクリックします。

メモ：

関連付けられている表示では、要素を追加、削除できません。要素の追加や削除はテンプレートからのみ行えます。要素を表示しない場合は非表示にします。非表示にした要素は［スタイル］で確認できます。
公開後にテンプレートから項目を削除すると、関連付けられているすべての表示で対応する項目が「N/A」と表示されます。各表示で、その項目を再度手動で関連付ける必要があります。

［プロパティ］パネル

列の幅、項目の高さ、余白などをタブごとに少し調整する場合、テンプレートとの同期を解除する必要はありません。テンプレート内で対象のタブのスタイルだけを上書きできます。基本デザインは共有したまま、調整した部分だけをタブ固有の設定にできます。

上書きされたスタイルを強調する：関連付けられているタブのレイアウトで、基本テンプレートと異なるスタイルが設定されている要素を強調表示できます。［関連付け］タブの［プロパティ］パネルでこの設定を有効にすると、保存や公開の前に、タブ固有のスタイル変更をすばやく確認できます。
スタイルを元に戻す：現在選択している要素またはセクションのスタイル変更を取り消し、変更前または初期設定のスタイルに戻します。
すべてのスタイルを元に戻す：ページまたはレイアウト全体に設定したスタイルのカスタマイズを取り消し、全体のデザインを初期設定のスタイルに戻します。

メモ：［上書きされたスタイルを強調する］は、確認用の表示設定です。有効／無効を切り替えても、スタイルの変更が適用、削除、保存されることはありません。

表示の操作

パネル右上の操作を使用して、作業中のテンプレートの表示方法を調整できます。

拡大／縮小：キャンバスの表示倍率を変更します。レイアウトを詳しく確認したり、画面内により広い範囲を表示したりできます。
プレビュー：テンプレートを保存または公開する前に、実際の表示を確認できます。
全画面表示：作業領域を画面全体に広げ、テンプレートの確認や編集に使用できる領域を広くします。

テンプレートの公開

テンプレートを公開すると、関連付けられているタブの表示ごとに個別のキャンバスが作成されます。そのため、タブ間でデザインを統一しながら、必要に応じてタブごとの項目を細かく調整できます。

関連付けられている表示を確認または変更した後、［[タブ]を保存する］をクリックして変更内容を保存します。次の表示に移る前に、その表示の設定が保存されます。関連付けられているすべての表示を確認して個別に保存すると、各表示に緑色の印が付きます。すべてに緑色の印が付いた後、［公開する］をクリックしてテンプレートを公開できます。公開すると、保存した表示を利用できるようになります。

フォームテンプレートの作成

フォームテンプレートを作成するには：

［設定］→［キャンバス］→［テンプレート］に移動します。
［フォームテンプレートを作成する］をクリックします。
テンプレートの設定に使用するサンプルのタブとレイアウトを選択し、［作成する］をクリックします。
用意されているテンプレートから1つ選択してプレビューと編集を行うか、［空白のキャンバスを作成する］をクリックして最初から作成します。
左側のパネルを使用してレイアウトを作成し、テンプレートをデザインします。
テンプレート名を入力し、［保存する］をクリックします。
テンプレートに関連付けるタブを選択するかどうかを確認するメッセージが表示されます。［はい、タブを選択します］をクリックします。
タブとそのレイアウトを選択し、［関連付けに進む］をクリックします。

タブを関連付けると、［関連付け］タブが表示されます。

メモ：

最初に選択するタブは、実際の項目を使用してテンプレートを設定するためのサンプルです。このタブを使ってテンプレートを設定できますが、テンプレートとの同期対象にするには、タブを関連付ける際に同じタブをもう一度選択する必要があります。
テンプレートを保存すると、上部のパネルに［関連付け］タブが追加され、関連付けられているタブが表示されます。
［テンプレート］タブは、関連付けられているすべてのタブと並んで表示されます。比較やスタイルの調整に利用できます。

［関連付け］タブでは、選択したすべてのタブとレイアウトが左側のパネルに表示されます。変更が必要な場合は、タブのレイアウトをクリックして内容を確認し、調整します。

初期設定では、タブ間の対応する項目が自動的に関連付けられます。必要に応じて、対象の項目を右クリックして関連付けを変更できます。

背景色や項目間の余白など、特定のタブだけ見た目を少し変更する場合は、［スタイルを編集する］を使用します。
変更後、関連付けられている各表示を開き、それぞれのタブで［[タブ]を保存する］をクリックして個別に保存します。
すべての表示に緑色の印が付いていることを確認します。この手順が完了した後に、テンプレートを公開して各表示を利用できます。
現在または後からタブやレイアウトを追加する場合は、［関連付け］タブの［関連付けられているタブ］の横にある［+］アイコンをクリックして追加します。
すべてのタブを保存して緑色の印が付いたら、［公開する］をクリックします。関連付けられているタブごとに、利用可能なキャンバスのフォーム表示が作成されます。

メモ：タブの重複にかかわらず、テンプレートは最大10件まで作成できます。

テンプレートの管理

基本テンプレートの変更

基本テンプレートのタブを変更する場合は、［テンプレート］タブでタブ名の横にある編集アイコンをクリックします。

基本テンプレートのタブを変更する場合

業務上の要件が変わり、別のタブの方がテンプレートに適している場合に変更します。
例：営業チームが、新しい問い合わせを受け付けるために、見込み客タブをもとにキャンバスのフォームテンプレートを作成したとします。その後、見込み客をフォームに入力する前に審査する運用に変わり、すべての送信内容を連絡先に直接登録するようになりました。フォームを最初から作り直す代わりに、次の操作を行えます。

テンプレートのタブを見込み客から連絡先に変更します。
対応するレイアウトを選択します。
それまでの編集内容を引き継いで作業を続けます。

関連付けられている表示で利用できる項目を最大限にするには、項目数が最も多いタブを基本テンプレートとして選択することをおすすめします。
例：［見込み客］タブに10件の項目がありサブフォームがなく、［連絡先］タブに20件の項目と1件のサブフォームがあるとします。見込み客を基本テンプレートに選択すると、基本テンプレートに対応するサブフォームがないため、連絡先の表示でサブフォームを関連付けることができません。このような場合は、必要なすべての項目と要素に対応しているタブへ基本テンプレートを変更する必要があります。