お客さまへの大切なお知らせ：膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。

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

更新日時 2026年7月9日

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

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

始める前に

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

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

APIを使用してカスタムコードモジュールを作成したり見積もりに追加したりすることはできません。APIユーザーは、カスタムモジュールが含まれるテンプレートを選択できます。
ドラッグ＆ドロップ可能な領域は1つだけです。引用文全体をサイドバーとして表示する単一のモジュールなど、複雑なページレイアウトはサポートされていません。
見積もりの固定コンテナーを使用する必要があります。サイトヘッダーHTML を更新して、ドラッグ&ドロップエリアの幅を変更できます。
カスタムCSSを使用すると、引用文の上部にあるステータスバーを非表示にすることができます。

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

ビジネスニーズに合わせてカスタム商品項目テーブルを作成できます。以下に例を示します。

セクションを追加: プロパティーに基づいてセクション内に商品項目を表示します。例えば、製品とサービス、1回限りの商品項目と定期的な商品項目でセクションを分けることができます。
カスタム集計モジュール：見積書の概要やカスタム計算結果を表示します。
請求スケジュールを表示する：見積書の明細項目に基づいてスケジュールを作成します。
オプションの明細項目：を指定すると、明細項目がオプションとして表示されます。購入者は、のサーバーレス関数（）を使用して、見積額や取引金額を更新できます。
Ramps：では、あらかじめ定義されたスケジュールに基づいて設定された、品目ごとの価格の経時的な変動が表示されます。例えば、1年目が5,000ドル、2年目が10,000ドルの製品の場合。また、最初の3か月間は各明細行に割引を適用し、4か月目からは標準価格に戻すという方法もあります。

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

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

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

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

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

注: これには、チェックボックスが承認されるまで承認を無効にするための別個のスクリプトをサイトヘッダーHTML に含める必要があります。

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

この記事はお役に立ちましたか？

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