メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

見積もりテンプレートで使用するカスタムモジュールを作成する

更新日時 2026年9月7日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

アクセス権限が必要 見積テンプレートの作成および設定を行うには、「スーパー管理者」または「見積テンプレートの管理の権限が必要です。

見積もりテンプレートカスタムモジュール を作成して、表示形式、コンテンツ、ロジックをカスタマイズします。これらを活用して、自社のビジネス要件に合わせて見積書テンプレートをカスタマイズしてください。

始める前に

カスタムモジュールの作業を開始する前に、どのような手順を事前に実行しておく必要があるか、機能の制限、およびカスタムモジュールを使用した場合に想定される結果を理解してください。

要件を理解する

React、HTML、JavaScript、CSSに詳しくない場合は、開発者と協力して カスタムモジュールを作成してみましょう。

制限事項と考慮事項

  • APIを使用してカスタムコードモジュールを作成したり見積もりに追加したりすることはできません。APIユーザーは、カスタムモジュールが含まれるテンプレートを選択できます。

  • ドラッグ&ドロップ可能な領域は1つだけです。引用文全体をサイドバーとして表示する単一のモジュールなど、複雑なページレイアウトはサポートされていません。

  • 見積もりの固定コンテナーを使用する必要があります。サイトヘッダーHTML を更新して、ドラッグ&ドロップエリアの幅を変更できます。

  • カスタムCSSを使用すると、引用文の上部にあるステータスバーを非表示にすることができます。

一般的な使用事例

カスタムモジュールでは、見積もりテンプレートを複数の方法で柔軟にカスタマイズできます。以下の一般的な使用例をご確認ください。

商品項目テーブルモジュールを作成する

ビジネスニーズに合わせてカスタム商品項目テーブルを作成できます。例えば、次のような使い方が考えられます。

  • セクションを追加: プロパティーに基づいてセクション内に商品項目を表示します。例えば、製品とサービス、1回限りの商品項目と定期的な商品項目でセクションを分けることができます。

  • カスタム集計モジュール:見積書の概要やカスタム計算結果を表示します。

  • 請求スケジュールを表示する:見積書の商品項目に基づいてスケジュールを作成します。

  • オプションの商品項目:を指定すると、商品項目がオプションとして表示されます。購入者は、のサーバーレス関数を使用して、見積額や取引金額を更新することができます

  • Ramps:は、あらかじめ定義されたスケジュールに基づいて設定された、商品項目ごとの価格の経時的な変化を表示します。例えば、1年目が5,000ドル、2年目が10,000ドルの製品の場合。また、最初の3か月間は各商品項目に割引を適用し、4か月目からは標準価格に戻すという方法もあります。

    注: カスタムコードモジュールでは、請求開始日を尊重する以外に、ランプが請求に与える影響を管理することはできません。

条件付きの契約条件モジュールを作成する 

見積もりデータに基づいて異なる用語またはコンテンツを表示します。例えば、購入者の国に基づいて地域固有の法律上の文言を表示したり、特定の商品項目を追加するときに製品固有の条件を含めたりできます。

パーティーセクションを作成

標準の関係者モジュール を非表示にして、独自のブランディングおよび書式設定を使用してカスタムモジュールを作成します。また、発送先住所や 子会社プロパティーなどのカスタムデータを連携することも可能です。

カスタムナビゲーションメニューを作成する

長い見積もりの処理に役立つナビゲーションメニューを追加します。

セクションの同意が必要

チェックボックスやボタンが付いたインタラクティブなカスタムコードモジュールを追加することで、購入者が見積もりを受け入れる前に特定のモジュールを承認できるようになります。

スタイルモジュール

カスタム画像書式設定、シャドウ、四角い角、ブランディングなどを使用してモジュールを作成できます。

カスタムコーディングされたモジュールを削除する

開発者プロジェクトから、カスタムコーディングされたモジュールを削除することができます。以下では、モジュールを削除することが見積書や見積書テンプレートにどのような影響を与えるかについて詳しく説明します。

見積もりモジュールの削除による影響

開発者プロジェクトからカスタムコーディングされたモジュールが削除されると、そのモジュールは新しい見積書や見積書テンプレートでは使用できなくなります。

引用表示

  • 見積書の草案:見積書の草案を編集して保存すると、削除されたモジュールとその内容は削除されます。
  • 公開された引用文:モジュールの内容は保持されます。 
  • 呼び出された引用:引用を呼び出した後、編集して保存すると、削除されたモジュールとその内容は削除されます。更新後に公開される引用文には、そのモジュールやその内容は含まれません。

HubSpotから「カスタムモジュールが削除されました」というアラートが表示され、削除されたモジュールの一覧(「見積概要」と「署名ブロック」)と「詳細はこちら」ボタンが表示されています。

引用テンプレートの動作

  • 未公開のテンプレート:未公開の見積書テンプレートを編集して保存すると、削除されたモジュールとその内容が削除されます。

    未公開の見積書テンプレートから「カスタムモジュールが削除されました」というHubSpotのアラートが表示され、削除されたモジュール(「見積書概要」と「署名欄」)が一覧表示され、「詳細はこちら」ボタンが付いています。

  • 公開済みのテンプレート:テンプレートの公開が解除されるまで、モジュールとそのコンテンツは保持されます。

    公開済みの見積書テンプレートから「カスタムモジュールが削除されました」というHubSpotのアラートが表示され、削除されたモジュール(「見積書概要」と「署名欄」)が一覧表示され、「詳細を見る」ボタンが付いています。

削除されたモジュールを復元する

削除されたモジュールの復元について、詳しくはこちらをご覧ください。

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。