ブランディングとテンプレートを使用して見積もりをカスタマイズ

ブランディングやテンプレートを使って見積もりをカスタマイズし、売り手と買い手の双方で標準化された見積もり体験を提供します。

• ブランディング: フォント、色、レイアウト、スタイルなど、見積もりのデザインをカスタマイズします。

• テンプレート:営業担当者が見積もりの作成を迅速化したり、買い手のために見積もりを標準化したりするために使用する見積もりテンプレート編集します。レイアウトを設定し、カバーレター、商品項目、条件、支払いオプション、承認方法を含む事前入力済みのモジュールを設定します。売り手はテンプレートを使用して、必要なセクションだけを更新すれば、購入者に送信することができます。

見積もりツールはHubSpot CPQの一部です。HubSpotのCPQツールの詳細をご確認ください。

要件を理解する

Commerce Hub シートが必要な機能については 、製品・サービスカタログで詳細をご確認ください。

見積もりのブランディングをセットアップ

1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
2. 左側のサイドバーメニューで、［オブジェクト］＞［見積もり］の順に進みます。
3. [ 見積もりのスタイルをカスタマイズ]をクリックします。
4. テーマエディター が開きます。
   
5. 左側のサイドパネルを使用して見積もりテーマを更新します。変更を行うたびにテーマが自動的に保存されます。気が変わったときに各セクション内のrefresh リセットアイコンをクリックして、テーマを既定の設定にリセットしてください。 
   • [コンテナー]では、引用のウィンドウとドキュメントコンテナーを編集できます。
     • ウィンドウ: [ウィンドウ ]をクリックして、ウィンドウコンテナーの色と透明度を調整します。
     • ドキュメント: [ドキュメント ]をクリックして、ドキュメントの塗りつぶしの色、線と罫線を調整します。
   • [基盤]で、見積もりのフォント、ボタン、リンクを編集できます。
     • フォント: [フォント ]をクリックして、基本フォント、見出し、本文、その他の要素(キャプションや大文字と小文字など)を調整します。これには、フォントのスタイル、色、行の高さの調整も含まれます。
     • ボタン: ボタンの形状、色、状態(default、hoverなど)、フォントを調整するために [ボタン ]をクリックします。
     • リンク: [リンク ]をクリックして、リンクの色と書式設定を調整します。

テンプレートを作成する

1. HubSpotアカウントにて、［コマース］＞［見積もり］の順に進みます。
2. [テンプレート ]タブをクリックします。
3. 右上の[テンプレートを作成]をクリックします。
   
   
4. 見積もりエディターで見積もりを編集するには、見積もりプレビューの各セクションをクリックするか、左側のサイドバーにあるモジュールエディターを使用します。モジュールエディターが表示されていない場合は、左上の見積もりテンプレートsiteTreeアイコンをクリックします。変更内容は、編集を行うたびに自動保存されます。
   
   
5. プレビューの上部にある デスクトップ または モバイル のアイコンをクリックすることにより、デスクトップまたはモバイルのプレビューで編集できます。
   
   
6. カバーレターを編集するには、見積もりプレビューで カバーレター モジュールをクリックします。
   • カバーレターのテキストを入力します。上部のフォーマットツールバーを使用して テキストをパーソナライズしたり、リンク、絵文字、 スニペットを追加したりします。 
   • breezeSingleStar Breezeアイコンをクリックすると、AIを使用してテキストを生成できます。
   • タイトルを変更するには、 カバーレターのタイトル をクリックしてタイトルを入力します。
   • カバー レター モジュールに添付ファイルを追加できます。添付ファイルについてもっと詳しく 。カバー レター モジュールに添付ファイルを追加するには、次の手順に従います。
     • 左側のサイドバーで カバーレター モジュールをクリックします。
     • [添付ファイル]セクションで[ 添付ファイルを追加 をクリックします。
       
       
     • 右側のパネルの検索バーを使用して、 ファイルツールにすでにアップロードされている ファイル を検索します。見つかったら、ファイルをクリックして選択し、[ファイルを挿入]をクリックして見積もりに追加します。
     • [最近更新]の下で、追加するファイルの横にあるチェックボックスをクリックします。[すべて表示 ]をクリックすると、すべてのファイルが表示されます。[Insert files(ファイルを挿入)]をクリックして、ファイルを見積もりに追加します。
     • [アップロード]をクリックしてデバイスからファイルをアップロードします。[Insert files(ファイルを挿入 )]をクリックして、ファイルを見積もりに追加します。
     • 添付ファイルを署名エンベロープに含める場合は、左側のサイドバーで[ 署名中 ]チェックボックスをオンにします。
     • 添付ファイルの名前を変更するには、[ アクション]をクリックし、[名前を変更]を選択します。ファイルツールでファイル名が変更されない。
     • 添付ファイルを削除するには、[ アクション]をクリックし、[削除]を選択します。ファイルは ファイルツールから削除されません。
     • 添付ファイルをダウンロードするには、[アクション]をクリックし、[ダウンロード]を選択します。ファイルはファイルツールに残ります。
   • カバーレターモジュールを見積もりから削除するには、左側のサイドバーdeleteカバーレターモジュールの横にある[削除]をクリックします。
     
     
7. エクゼクティブサマリーを編集するには、見積もりプレビューで エグゼクティブサマリーモジュールをクリックします。
   • エクゼクティブサマリーのテキストを入力します。上部のフォーマットツールバーを使用して テキストをパーソナライズしたり、リンク、絵文字、 スニペットを追加したりします。 
   • breezeSingleStar Breezeアイコンをクリックすると、AIを使用してテキストを生成できます。
   • タイトルを変更するには、「 エクゼクティブサマリー」のタイトル をクリックして、タイトルを入力します。
   • エグゼクティブサマリーモジュールに添付ファイルを追加できます。添付ファイルについてもっと詳しく 。カバー レター モジュールに添付ファイルを追加するには、次の手順に従います。
     • 左側のサイドバーで [Executive Summary]モジュールをクリックします。
     • [添付ファイル]セクションで[ 添付ファイルを追加 をクリックします。
       
       
     • 右側のパネルの検索バーを使用して、 ファイルツールにすでにアップロードされている ファイル を検索します。見つかったら、ファイルをクリックして選択し、[ファイルを挿入]をクリックして見積もりに追加します。
     • [最近更新]の下で、追加するファイルの横にあるチェックボックスをクリックします。[すべて表示 ]をクリックすると、すべてのファイルが表示されます。[Insert files(ファイルを挿入)]をクリックして、ファイルを見積もりに追加します。
     • [アップロード]をクリックしてデバイスからファイルをアップロードします。[Insert files(ファイルを挿入 )]をクリックして、ファイルを見積もりに追加します。
     • 添付ファイルを署名エンベロープに含める場合は、左側のサイドバーで[ 署名中 ]チェックボックスをオンにします。
     • 添付ファイルの名前を変更するには、[ アクション]をクリックし、[名前を変更]を選択します。ファイルツールでファイル名が変更されない。
     • 添付ファイルを削除するには、[ アクション]をクリックし、[削除]を選択します。ファイルは ファイルツールから削除されません。
     • 添付ファイルをダウンロードするには、[アクション]をクリックし、[ダウンロード]を選択します。ファイルはファイルツールに残ります。
     • 見積もりからエグゼクティブサマリーモジュールを削除するには、左側のサイドバーdeleteエグゼクティブサマリーモジュールの横にある[削除]をクリックします。
       
       
8. ヘッダーには、既定のロゴ(見積もりのブランディングによって設定)が表示されます。このテンプレートの既定のロゴを変更するには、次の手順に従います。
   • エディターでロゴ をクリックします。
   • 左側のサイドバーで、[ デフォルトのロゴを変更 ]スイッチをオンに切り替えます。
   • 画像を追加するには:
     • [画像を参照] をクリックして、ファイルツールにアップロードされた画像を表示します。右側のパネルで画像をクリックしてテンプレートに追加します。
     • デバイスから画像を追加するには、[ アップロード]をクリックし、コンピューターから画像を追加します。 
     • URL から画像を追加する場合、Adobe Express で画像をデザインするか、Canva で画像をデザインする場合は、[アップロード] ボタンの 下矢印をクリックしてオプションを選択します。 
9. [当事者]モジュールには、販売者の詳細、見積もりのコンタクトと会社が表示されます。[Parties(当事者)]モジュールのタイトルを編集するには、次の手順に従います。
   • 見積もりプレビューで [当事者 ]モジュールをクリックします。
   • 編集するタイトル をクリックし、 タイトルを入力します。
10. サマリー モジュールに、 有効日、 期間の長さ、 割引総額、および 合計契約額が表示されます。テンプレートの サマリー モジュールを編集するには、次の手順に従います。
    • 見積もりプレビューで [サマリー]モジュールをクリックします。
    • 左側のサイドバーで、[ 効果] ドロップダウンメニューをクリックし、次のいずれかのオプションを選択します。
      
      • 同意時: 既定の設定。これは、電子署名によって、またはユーザーが見積もりを署名済みにした日付によって、見積もりが 「承認済み」に移動された日付です。 
      • 開始の遅延（日）：決済時から請求を開始するまでの遅延を日数で指定します。このオプションを選択した後、[ 遅延日数]フィールドに 数値 を入力し、[ 保存]をクリックします。
      • 開始の遅延（月）：決済時から請求を開始するまでの遅延を月数で指定します。このオプションを選択した後、[ 遅延月数 ]フィールドに数値を入力し、[ 保存]をクリックします。
    • 見積もりの期間の長さを非表示にするには、[ 期間の長さを表示]チェックボックスをオフにします。
      • 期間は、全ての商品項目の請求開始日と終了日に基づいて自動的に計算されます。
      • 請求終了日は、請求頻度×決済数から請求開始日として計算されます。例えば、2025年6月1日から6決済の月払いの場合、請求終了日は2025年11月1日となります。
      • 全ての商品項目が[ キャンセルされるまで自動的に更新]に設定されている場合、期間の長さは [エバーグリーン]にマークされます。
    • [割引 ]ドロップダウンメニューをクリックし、次のいずれかのオプションを選択します。
      • 非表示: 割引を非表示にします。
      • 金額として表示:割引額を見積もりの通貨で表示します。
      • パーセンテージとして表示: 割引をパーセンテージで表示します。
      • パーセンテージおよび金額として表示: 割引率と見積もり通貨での金額を表示します。
    • 見積もりの合計契約額を非表示にするには、[ 合計契約額を表示]チェックボックスをオフにします。
11. テンプレートに追加された商品項目は、そのテンプレートを使用する見積もりに自動的に追加されます。例えば、見積もりごとにサービス手数料を請求する場合、その見積もりを商品項目としてテンプレートに追加できます。見積もりを作成するユーザーは、見積もり作成時に商品項目を追加できます。また、必要に応じて商品項目を削除することもできます。 
    • 商品項目 モジュールに商品項目を追加するには、[製品ライブラリーから選択]をクリックします。または、商品項目を追加する場合は、商品項目テーブルの右上にある[商品項目を追加]をクリックします。
    • 見積もりに追加する 製品の チェックボックスをオンにします。段階的な価格設定 の商品項目を選択する場合は、商品項目を追加する前に[ティアを表示 ]をクリックして、商品項目を追加する前に製品のさまざまなティアを表示します。
    • ［追加］をクリックします。
12. 条件を編集するには、見積もりプレビューで 条件 モジュールをクリックします。
    • 条件テキストを入力します。上部のフォーマットツールバーを使用して テキストをパーソナライズしたり、リンク、絵文字、 スニペットを追加したりします。 
    • breezeSingleStar Breezeアイコンをクリックすると、AIを使用してテキストを生成できます。
    • タイトルを変更するには、用語のタイトル をクリックしてタイトルを入力します。
    • 条件モジュールに添付ファイルを追加できます。添付ファイルについてもっと詳しく 。条件モジュールに添付ファイルを追加するには:
      
      • 左側のサイドバーで、[ 添付ファイル セクションで[ 添付ファイルを追加]をクリックします。
      • 右側のパネルの検索バーを使用して、 ファイルツールにすでにアップロードされている ファイル を検索します。見つかったら、ファイルをクリックして選択し、[ファイルを挿入]をクリックして見積もりに追加します。
      • [最近更新]の下で、追加するファイルの横にあるチェックボックスをクリックします。[すべて表示 ]をクリックすると、すべてのファイルが表示されます。[Insert files(ファイルを挿入)]をクリックして、ファイルを見積もりに追加します。
      • [アップロード]をクリックしてデバイスからファイルをアップロードします。[Insert files(ファイルを挿入 )]をクリックして、ファイルを見積もりに追加します。
      • 添付ファイルを署名エンベロープに含める場合は、左側のサイドバーで[ 署名中 ]チェックボックスをオンにします。
      • 添付ファイルの名前を変更するには、[ アクション]をクリックし、[名前を変更]を選択します。ファイルツールでファイル名が変更されない。
      • 添付ファイルを削除するには、[ アクション]をクリックし、[削除]を選択します。ファイルは ファイルツールから削除されません。
      • 添付ファイルをダウンロードするには、[アクション]をクリックし、[ダウンロード]を選択します。ファイルはファイルツールに残ります。
    • 見積もりから条件モジュールを削除するには、左側のサイドバーdelete条件モジュールの横にある[削除]をクリックします。
      
      
      
13. 請求と支払いのオプションを編集するには、次の手順に従います。
    
    • 見積もりプレビューで [決済]モジュールをクリックします。
    • 左側のサイドバーの [請求 ]タブで、請求オプションを設定します。
      • [支払い条件]ドロップダウンメニューをクリックし、支払い条件を選択します(請求書の期日は受領時と正味支払条件があるものがあります)。
      • 請求書とサブスクリプションの自動作成をオフにするには、[請求を有効にする]スイッチをオフにします。[請求を有効にする]をオンにすると、各請求日に購入者の支払い方法を使用して自動決済が処理されます。
    •  左側のサイドバーの[決済]タブをクリックして、支払いオプションを設定します。
      • 請求が有効になっている場合、[ オンライン決済 を受け入れる]スイッチはデフォルトでオンになります。この画面にあらかじめ入力されている選択肢は、支払い設定で セットアップされている内容を反映しています。
      • [利用可能な支払い方法]のチェックボックスをオン/オフにして、受け入れる支払いタイプを選択します。
      • [クレジットカードでの購入の請求先住所を収集する]チェックボックスをオンまたはオフにして、購入者の請求先住所を収集するかどうかを選択します。
      • [配送先住所を収集]チェックボックスをオンまたはオフにして、購入者の発送先住所を収集するかどうかを選択します。
      • [今後の 請求についてチェックアウト時に顧客の支払い詳細を回収する]チェックボックスをオフにすると、以降の請求のためにチェックアウト時に購入者の支払い詳細が収集されません。
    • 見積もりから決済モジュールを削除するには、左側のサイドバーで 決済モジュールの横にある[削除delete]をクリックします。
      
      
14. 「承認 セクションでは、購入者が見積もりを承認する方法を定義します。デフォルトの承認方法は電子署名です。HubSpotの決済機能を使用する場合は、電子署名が必要です。見積もりテンプレートの承認を編集するには、次の手順に従います。
    
    • 見積もりプレビューで[承認]モジュールをクリックします。
    • 左側のサイドバー の[承認方法]で、次のオプションから選択します。
      • 印刷して署名: 購入者が名前を印刷して署名するためのスペースを見積もりに残します。
      • 電子署名:電子署名を使用して 見積もりに署名します。このオプションを利用できるようにするには、署名する購入者を少なくとも1人選択する必要があります。
      • 署名なしで承認: click-to-accept、checkbox option、checkbox agreementとも呼ばれます。署名なしで見積もりを受け入れると、正式な電子署名がなくても見積もりを受け入れることができます。これは、発注書 (PO) など、正式な署名が不要な状況で役立ちます。このオプションは、見積もりでのオンライン決済の有無にかかわらず使用でき、コンタクトを見積もりに追加する必要はありません。
    • [副署名者] ドロップダウンメニューをクリックし、組織の 副署名者 を選択します。 
15. リッチ テキスト モジュールを見積もりに追加するには、次の手順に従います。
    • リッチテキストを追加する領域にマウスポインターを置き、左上の[ add 追加 ]をクリックします。
    • 左側のサイドバーで、[コンテンツ]セクション モジュールをクリックして見積もりにドラッグし、クリック解除して配置します。
      
16. モジュールを移動するには、プレビューウィンドウで モジュールをクリックし、新しい位置にドラッグします。
    
    
    
17. 顧客創出エージェント をオフにするには、右上にある[Closing agent is on をクリックします。右側のパネルで、[エージェントを閉じる]スイッチをオフに切り替えてから、[保存]をクリックします。
18. 言語またはロケールを変更するには:
    • 右上の[「設定」( 設定)]をクリックします。
    • [言語]ドロップダウンメニューをクリックし、言語を選択します。
    • [ロケール]ドロップダウンメニューをクリックして、ロケールを選択します。ロケールにより、見積もりの日付と住所の表示形式が変わります。見積もりの通貨形式は取引レコードの通貨から継承されるため、見積もりのロケール設定を変更しても通貨は更新されません。
19. テンプレートの準備ができたら、右上の [公開]をクリックして、ユーザーが見積もりに使用できるテンプレートを公開します。

テンプレートを編集

公開済みテンプレートを編集するには、次の手順に従います。

1. HubSpotアカウントにて、［コマース］＞［見積もり］の順に進みます。
2. [テンプレート ]タブをクリックします。
3. 編集するテンプレート をクリックします。
4. 右上の[非公開]をクリックします。[はい、非公開 にします]をクリックして確定します。公開を終了すると、テンプレートを使用して新しい見積もりを作成できなくなりますが、既存の見積もりには影響しません。
5. テンプレートに変更を加えます。変更内容は自動保存されます。
6. 変更が完了したら、[公開] をクリックします。 

テンプレートの管理

テンプレートは見積もりテンプレートのインデックスページで管理します。 

1. HubSpotアカウントにて、［コマース］＞［見積もり］の順に進みます。
2. [テンプレート ]タブをクリックします。
3. インデックスページからテンプレートを非公開にするには、次の手順に従います。
   • テンプレートの上にマウスポインターを置きます。
   • [アクション]をクリックし、[非公開]を選択します。
   • [はい、非公開 にします]をクリックして確定します。公開を終了すると、テンプレートを使用して新しい見積もりを作成できなくなりますが、既存の見積もりには影響しません。
4. テンプレートを削除するには、次の手順に従います。
   • テンプレートの上にマウスポインターを置きます。
   • [アクション]をクリックし、[削除]を選択します。
   • テンプレート名 を入力し、[はい、削除します ]をクリックして削除を確定します。

次のステップ

• 見積もりを設定します。
• 見積もりの承認を設定します。
• 見積もりを作成して送信します。
• 見積もりを管理します。
• 見積もりの承認を管理します。
• クロージングエージェントをセットアップして使用します。