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

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

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

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

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

要件を理解する

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

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

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

テンプレートを作成する

1. HubSpotアカウントにて、［コマース］＞［見積もり］の順に進みます。
2. 上部にある[ テンプレート ]タブをクリックします。
3. [見積もりテンプレート]で、[見積もりテンプレートを作成]をクリックします。
4. 見積もりエディターで見積もりを編集するには、見積もりプレビューの各セクションをクリックするか、左側のサイドバーにあるモジュールエディターを使用します。モジュールエディターが表示されていない場合は、左上の見積もりテンプレートsiteTreeアイコンをクリックします。変更内容は、編集を行うたびに自動保存されます。
5. テンプレートでセクションを表示または非表示にすることができます。例えば、カバーレターのセクションを非表示にすることができます。テンプレートを使用している場合、カバーレターのセクションは非表示になります。ユーザーは 見積もりの作成時にもう一度表示することを選択できます。テンプレートのセクションを表示または非表示にするには、左サイドバーメニューで次の操作を行います。
   • セクションを非表示にするにはview 表示 アイコンをクリックします。 
   • セクションを表示するにはhide 非表示 アイコンをクリックします。
6. デスクトップまたはモバイルのプレビューで編集するには、プレビューの上部にある デスクトップ または モバイル アイコンをクリックします。
7. カバーレターを編集するには、見積もりプレビューで カバーレター モジュールをクリックします。
   • カバーレターのテキストを入力します。上部のフォーマットツールバーを使用してテキストをパーソナライズしたり、リンク、絵文字、 スニペットを追加したりします。 
   • breezeSingleStar Breezeアイコンをクリックすると、AIを使用してテキストを生成できます。
   • タイトルを変更するには、 カバーレターのタイトル をクリックしてタイトルを入力します。
   • カバー レター モジュールに添付ファイルを追加できます。添付ファイルについてもっと詳しく 。カバー レター モジュールに添付ファイルを追加するには、次の手順に従います。
     • 左側のサイドバーで カバーレター モジュールをクリックします。
     • [添付ファイル]セクションで[ 添付ファイルを追加 をクリックします。
     • 右側のパネルの検索バーを使用して、 ファイルツールにすでにアップロードされている ファイル を検索します。見つかったら、ファイル をクリックして選択し、[ ファイルを挿入 ]をクリックして見積もりに追加します。
     • [最近更新]の下で、追加するファイルの横にあるチェックボックスをクリックします。[すべて表示 ]をクリックすると、すべてのファイルが表示されます。[Insert files(ファイルを挿入)]をクリックして、ファイルを見積もりに追加します。
     • [アップロード ]をクリックして、デバイスからファイルをアップロードします。[Insert files(ファイルを挿入)]をクリックして、ファイルを見積もりに追加します。
     • 添付ファイルを署名エンベロープに含める場合は、左側のサイドバーで[ 署名中 ]チェックボックスをオンにします。
     • 添付ファイルの名前を変更するには、[ アクション]をクリックし、[名前を変更]を選択します。ファイルツールでファイル名が変更されない。
     • 添付ファイルを削除するには、[ アクション]をクリックし、[削除]を選択します。ファイルは ファイルツールから削除されません。
     • 添付ファイルをダウンロードするには、[アクション]をクリックし、[ダウンロード]を選択します。ファイルはファイルツールに残ります。
   • カバーレターモジュールを見積もりから削除するには、左側のサイドバーdelete カバーレター モジュールの横にある[削除]をクリックします。
8. エクゼクティブサマリーを編集するには、見積もりプレビューで エグゼクティブサマリーモジュールをクリックします。
   • エクゼクティブサマリーのテキストを入力します。上部のフォーマットツールバーを使用してテキストをパーソナライズしたり、リンク、絵文字、 スニペットを追加したりします。 
   • breezeSingleStar Breezeアイコンをクリックすると、AIを使用してテキストを生成できます。
   • タイトルを変更するには、「 エクゼクティブサマリー」のタイトル をクリックして、タイトルを入力します。
   • エグゼクティブサマリーモジュールに添付ファイルを追加できます。添付ファイルについてもっと詳しく 。カバー レター モジュールに添付ファイルを追加するには、次の手順に従います。
     • 左側のサイドバーで [Executive Summary]モジュールをクリックします。
     • [添付ファイル]セクションで[ 添付ファイルを追加 をクリックします。
     • 右側のパネルの検索バーを使用して、 ファイルツールにすでにアップロードされている ファイル を検索します。見つかったら、ファイル をクリックして選択し、[ ファイルを挿入 ]をクリックして見積もりに追加します。
     • [最近更新]の下で、追加するファイルの横にあるチェックボックスをクリックします。[すべて表示 ]をクリックすると、すべてのファイルが表示されます。[Insert files(ファイルを挿入)]をクリックして、ファイルを見積もりに追加します。
     • [アップロード ]をクリックして、デバイスからファイルをアップロードします。[Insert files(ファイルを挿入)]をクリックして、ファイルを見積もりに追加します。
     • 添付ファイルを署名エンベロープに含める場合は、左側のサイドバーで[ 署名中 ]チェックボックスをオンにします。
     • 添付ファイルの名前を変更するには、[ アクション]をクリックし、[名前を変更]を選択します。ファイルツールでファイル名が変更されない。
     • 添付ファイルを削除するには、[ アクション]をクリックし、[削除]を選択します。ファイルは ファイルツールから削除されません。
     • 添付ファイルをダウンロードするには、[アクション]をクリックし、[ダウンロード]を選択します。ファイルはファイルツールに残ります。
     • 見積もりからエグゼクティブサマリーモジュールを削除するには、左側のサイドバーで エグゼクティブサマリーモジュールの横にある[削除delete ]をクリックします。
9. ヘッダーには、既定のロゴ(見積もりのブランディングによって設定)が表示されます。このテンプレートの既定のロゴを変更するには、次の手順に従います。
   • エディターでロゴ をクリックします。
   • 左側のサイドバーで、[ デフォルトのロゴを変更 ]スイッチをオンに切り替えます。
   • 画像を追加するには:
     • [画像を参照] をクリックして、ファイルツールにアップロードされた画像を表示します。右側のパネルで画像をクリックしてテンプレートに追加します。
     • デバイスから画像を追加するには、[ アップロード]をクリックし、コンピューターから画像を追加します。 
     • URL から画像を追加する場合、Adobe Express で画像をデザインするか、Canva で画像をデザインする場合は、[アップロード ] ボタンの down do 下矢印 をクリックしてオプションを選択します。 
10. [当事者]モジュールには、販売者の詳細、見積もりのコンタクトと会社が表示されます。[Parties(当事者 )]モジュールのタイトルを編集するには、次の手順に従います。
    • 見積もりプレビューで [当事者 ]モジュールをクリックします。
    • 編集するタイトル をクリックし、 タイトルを入力します。 
11. サマリー モジュールに、 有効日、 期間の長さ、 割引総額、および 合計契約額が表示されます。テンプレートの サマリー モジュールを編集するには、次の手順に従います。
    • 見積もりプレビューで [サマリー ]モジュールをクリックします。
    • 左側のサイドバーで、[ 効果] ドロップダウンメニューをクリックし、次のいずれかのオプションを選択します。
      • 同意時: 既定の設定。これは、電子署名によって、またはユーザーが見積もりを署名済みにした日付によって、見積もりが 「承認済み」に移動された日付です。 
      • 開始の遅延（日）：決済時から請求を開始するまでの遅延を日数で指定します。このオプションを選択した後、[ 遅延日数]フィールドに 数値 を入力し、[ 保存]をクリックします。
      • 開始の遅延（月）：決済時から請求を開始するまでの遅延を月数で指定します。このオプションを選択した後、[ 遅延月数 ]フィールドに数値を入力し、[ 保存]をクリックします。
    • 見積もりの期間の長さを非表示にするには、[ 期間の長さを表示]チェックボックスをオフにします。
      • 期間は、全ての商品項目の請求開始日と終了日に基づいて自動的に計算されます。
      • 請求終了日は、請求頻度×決済数から請求開始日として計算されます。例えば、2025年6月1日から6決済の月払いの場合、請求終了日は2025年11月1日となります。
      • 全ての商品項目が[ キャンセルされるまで自動的に更新]に設定されている場合、期間の長さは [エバーグリーン]にマークされます。
    • [割引 ]ドロップダウンメニューをクリックし、次のいずれかのオプションを選択します。
      • 非表示: 割引を非表示にします。
      • 金額として表示:割引額を見積もりの通貨で表示します。
      • パーセンテージとして表示: 割引をパーセンテージで表示します。
      • パーセンテージおよび金額として表示: 割引率と見積もり通貨での金額を表示します。
    • 見積もりの合計契約額を非表示にするには、[ 合計契約額を表示]チェックボックスをオフにします。
12. テンプレートに追加された商品項目は、そのテンプレートを使用する見積もりに自動的に追加されます。例えば、見積もりごとにサービス手数料を請求する場合、その見積もりを商品項目としてテンプレートに追加できます。見積もりを作成するユーザーは、見積もり作成時に商品項目を追加できます。また、必要に応じて商品項目を削除することもできます。 
    • 商品項目 モジュールに商品項目を追加するには、[製品ライブラリーから選択]をクリックします。または、商品項目を追加する場合は、商品項目テーブルの右上にある[商品項目を追加]をクリックします。
    • 見積もりに追加する 製品の チェックボックスをオンにします。段階的な価格設定 の商品項目を選択する場合は、商品項目を追加する前に[ティアを表示 ]をクリックして、商品項目を追加する前に製品のさまざまなティアを表示します。
    • ［追加］をクリックします。

13. 商品項目テーブルに対して 商品項目プロパティー を追加または削除することで、購入者が見積もりで表示される商品項目情報をカスタマイズできます(ベータ版)。商品項目テーブルには最大7列まで含めることができます。追加のプロパティーは、商品項目テーブルの下の行として表示できます。スーパー管理者は、アカウントをベータにオプトインする方法をご確認ください。表示されるプロパティーをカスタマイズするには、次の手順に従います。

    • 商品項目テーブル をクリックすると、左側のパネルが開きます。
    • 左側のパネルで、次の操作を行います。
      • プロンプトが表示されたら、[商品項目テーブルをアップグレード]をクリックします。
        
        
      • 既存のプロパティーは[テーブル列 ]と[項目行]に表示されます。 
      • プロパティーのラベルとその配置を編集するには、edit 編集アイコンをクリックします。表示形式(Display as)で、テーブル列(Table column )または項目行(Item row)を選択します。[[配置]ラベル ]フィールドに、labelの名前を入力します。 [戻る ]をクリックして変更を保存します。
      • 削除するプロパティーの横にある[X ]をクリックします。
      • プロパティーを追加するには、[商品項目 プロパティーを追加 ]ドロップダウンメニューをクリックし、プロパティーを選択します。 
      • プロパティーを並べ替えるには、dragHandleドラッグハンドルを使用して プロパティーをクリックし、ドラッグします。
    • 選択したプロパティーは、テンプレートの商品項目テーブルに列と行として表示されます。
      
      

14. 購入者への割引や税額を含む見積もりの合計の内訳をテンプレートに追加します。内訳を表示するには、エディターで 商品項目 モジュールをリックします。左側のパネルで、次の操作を行います。

    • [合計]タブをクリックします。
      
      

    • [合計]スイッチをオンに切り替えます。

    • 小計金額は、同じ発効日に開始される全ての1回限りの商品項目と定期的な商品項目の合計正味料金(割引後)です。表示方法をカスタマイズするには、[小計]で次の操作を行います。
      • [形式 ]ドロップダウンメニューをクリックし、形式を選択します。内訳を含む小計 では、同じ発効日を持つ1回限りの商品項目と定期的な商品項目の内訳が表示されます。
      • [ラベル ]フィールドに、金額の横に表示する テキスト を入力します。
    • 小計金額には、同じ発効日から開始される全ての1回限りの商品項目と定期的な商品項目について計算される合計割引額が含まれます。例：
      • 商品項目1:100ドル
      • 商品項目2:50ドルに50%の割引(25ドルを適用)。
      • 割引前の合計: 150ドル
      • 割引適用後の小計: 125ドル
      • 割引率合計: 17%(25/150)
        
    • [小計に含まれる割引]で、次の操作を行います。
      • [形式 ]ドロップダウンメニューをクリックし、 形式を選択します。
      • [ラベル ]フィールドに、割引の合計の横に表示する テキスト を入力します。
      • 小計で割引を非表示にするには、[ 小計に含まれる割引]スイッチをオフに切り替えます。
        
    • 合計税額は、同じ発効日から開始される全ての1回限りの商品項目と定期的な商品項目について計算されます。[税金] ラベルフィールドに、 合計税の横に表示する テキスト を入力します。 小計で税金を非表示にするには、[ 税金]スイッチをオフにします。
      
    • 有効日に支払うべき合計金額は、発効日に支払うべき税後の合計金額です。後日開始される支払いは含まれません。[発効日の期限]の日付:
      • [ラベル ]フィールドに、有効日期限の合計の横に表示する テキスト を入力します。
      • [説明 ]フィールドに、購入者に 有効な日付の合計を説明する説明を入力します。
    • 合計契約額(合計契約額)は、契約期間の合計額であり、請求期間が定義されているすべての1回限りの料金と繰り返し料金が含まれます。合計契約額には無期限に請求される定期請求は含まれません。 合計契約額(合計契約額)の ラベル フィールドに、合計契約額の横に表示する テキスト を入力します。合計契約額を非表示にするには、[ 合計契約額(合計契約額)] スイッチをオフにします。
15. 条件を編集するには、見積もりプレビューで 条件モジュールをクリックします。
    • 条件テキストを入力します。上部のフォーマットツールバーを使用してテキストをパーソナライズしたり、リンク、絵文字、 スニペットを追加したりします。 
    • breezeSingleStar Breezeアイコンをクリックすると、AIを使用してテキストを生成できます。
    • タイトルを変更するには、用語のタイトル をクリックしてタイトルを入力します。
    • 条件モジュールに添付ファイルを追加できます。添付ファイルについてもっと詳しく 。条件モジュールに添付ファイルを追加するには:
      • 左側のサイドバーで、[ 添付ファイル セクションで[ 添付ファイルを追加]をクリックします。
      • 右側のパネルの検索バーを使用して、 ファイルツールにすでにアップロードされている ファイル を検索します。見つかったら、ファイル をクリックして選択し、[ ファイルを挿入 ]をクリックして見積もりに追加します。
      • [最近更新]の下で、追加するファイルの横にあるチェックボックスをクリックします。[すべて表示 ]をクリックすると、すべてのファイルが表示されます。[Insert files(ファイルを挿入)]をクリックして、ファイルを見積もりに追加します。
      • [アップロード ]をクリックして、デバイスからファイルをアップロードします。[Insert files(ファイルを挿入)]をクリックして、ファイルを見積もりに追加します。
      • 添付ファイルを署名エンベロープに含める場合は、左側のサイドバーで[ 署名中 ]チェックボックスをオンにします。
      • 添付ファイルの名前を変更するには、[ アクション]をクリックし、[名前を変更]を選択します。ファイルツールでファイル名が変更されない。
      • 添付ファイルを削除するには、[ アクション]をクリックし、[削除]を選択します。ファイルは ファイルツールから削除されません。
      • 添付ファイルをダウンロードするには、[アクション]をクリックし、[ダウンロード]を選択します。ファイルはファイルツールに残ります。
    • 見積もりから条件モジュールを削除するには、左側のサイドバーdelete 条件 モジュールの横にある[削除]をクリックします。
      
      
16. 請求と支払いのオプションを編集するには、次の手順に従います。
    • 見積もりプレビューで [支払い ]モジュールをクリックします。
    • 左側のサイドバーの [請求 ]タブで、請求オプションを設定します。
      • [支払い条件]ドロップダウンメニューをクリックし、支払い条件 を選択します(請求書の期日は受領時と正味支払条件があるものがあります)。
      • 請求書やサブスクリプションの自動作成を無効にするには、[請求を有効にする ]スイッチをオフに切り替えます。[請求を有効にする ]をオンにすると、各請求日に購入者の支払い方法を使用して自動決済が処理されます。
    • 支払いオプションを設定するには、左側のサイドバーの[支払い]タブをクリックします。
      • 請求が有効になっていると、[ オンラインの支払いを受け入れる ]スイッチがデフォルトでオンになります。この画面に事前入力されている選択項目は、支払い設定の内容を反映しています。
      • [利用可能な支払い方法] のチェックボックスをオン/オフにして、受け入れる支払いタイプを選択します。
      • [クレジットカードでの購入の請求先住所を収集する]チェックボックスをオンまたはオフにして、購入者の請求先住所を収集するかどうかを選択します。
      • [配送先住所を収集 ]チェックボックスをオンまたはオフにして、購入者の発送先住所を収集するかどうかを選択します。
      • [今後の 請求についてチェックアウト時に顧客の支払い詳細を回収 する]チェックボックスをオフにすると、 以降の請求のためにチェックアウト時に購入者の支払い詳細が収集されません。
    • 見積もりから支払いモジュールを削除するには、左側のサイドバーdelete 支払い モジュールの横にある[削除]をクリックします。
      
      
17. 「承認」 セクションは、購入者が見積もりを承認する方法を定義します。デフォルトの承認方法は電子署名です。HubSpotの決済機能を使用する場合は、電子署名が必要です。見積もりテンプレートの承認を編集するには、次の手順に従います。
    • 見積もりプレビューで[承認 ]モジュールをクリックします。
    • 左側のサイドバー の[承認方法]で、次のオプションから選択します。
      • 印刷して署名: 購入者が名前を印刷して署名するためのスペースを見積もりに残します。
      • 電子署名: 電子署名 を使用して見積もりに署名します。このオプションを利用できるようにするには、署名する購入者を少なくとも1人選択する必要があります。
      • 署名なしの承認: click-to-accept、checkbox option、checkbox agreementとも呼ばれます。署名なしで見積もりを受け入れると、正式な電子署名がなくても見積もりを受け入れることができます。これは、発注書 (PO) など、正式な署名が不要な状況で役立ちます。このオプションは、見積もりでのオンライン決済の有無にかかわらず使用でき、コンタクトを見積もりに追加する必要はありません。
    • [副署名者] ドロップダウンメニューをクリックし、組織の 副署名者 を選択します。 
18. リッチ テキスト モジュールを見積もりに追加するには、次の手順に従います。
    • リッチテキストを追加する領域にマウスポインターを置き、左上の[ add 追加 ]をクリックします。
    • 左側のサイドバーで、[コンテンツ]セクション モジュールをクリックして見積もりにドラッグし、クリック解除して配置します。
19. モジュールを移動するには、プレビューウィンドウで モジュール をクリックし、新しい位置にドラッグします。
20. 決済エージェント をオフにするには、右上の[決済エージェントがオン になっています]をクリックします。右側のパネルで、[エージェントを閉じるのをオフにする ]スイッチをオフに切り替えてから、[保存]をクリックします。
21. 言語またはロケールを変更するには:
    • 右上の[ 「設定」(設定 )]をクリックします。
    • [言語 ]ドロップダウンメニューをクリックし、言語を選択します。
    • [ロケール] ドロップダウンメニューをクリックして 、ロケールを選択します。ロケールにより、見積もりの日付と住所の表示形式が変わります。見積もりの通貨形式は取引レコードの通貨から継承されるため、見積もりのロケール設定を変更しても通貨は更新されません。
22. テンプレートの準備ができたら、右上の [公開 ]をクリックして、ユーザーが見積もりに使用できるテンプレートを公開します。

テンプレートを管理

1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
2. 左側のサイドバーメニューで、［オブジェクト］＞［見積もり］の順に進みます。
3. 上部にある[テンプレート ]タブをクリックします。
4. テンプレートにマウスポインターを置き、[アクション]をクリックし、オプションを選択します。
   
   • 編集:テンプレートを編集します。下書き テンプレートまたは公開済み テンプレートは編集できます。
     • 公開済みテンプレートを編集している場合は、右上の[ 非公開]をクリックします。[はい、非公開 にします]をクリックして確定します。公開を終了すると、テンプレートを使用して見積もりを新規作成できなくなりますが、既存の見積もりには影響しません。
     • テンプレートに変更を加えます。変更内容は自動保存されます。
     • 変更が完了したら[公開 ]をクリックしてテンプレートを公開します。または、[ 戻る ]をクリックしてテンプレートを下 書き 状態のままにします。 

1. • 複製: テンプレートを複製します。ダイアログボックスに新しいテンプレート の名前 を入力し、[複製]をクリックします。
   • 非公開: テンプレートを非公開にします。公開を終了すると、テンプレートを使用して新しい見積もりを作成できなくなりますが、既存の見積もりには影響しません。

1. • 削除：テンプレートを削除します。ダイアログボックスにテンプレート名 を入力し、[はい、削除します ]をクリックして削除を確定します。

次のステップ

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