跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

建立用於報價範本的自訂模組

上次更新時間: 2026年5月26日

需要權限 超級管理員管理報價模板 建立和設定報價模板需要權限。

報價範本建立自訂模組,以自訂外觀、內容和邏輯。自訂模組可用於根據您的業務需求,為您的買家量身打造報價。

開始使用前

在開始使用自訂模組之前,請事先瞭解應採取哪些步驟,以及該功能的限制和使用該功能的潛在後果。

瞭解需求

如果您不熟悉React、HTML、JavaScript 和 CSS,請與開發人員合作建立自訂模組。

限制與注意事項

  • 使用API 不可能建立或新增自訂編碼的模組到報價。API 使用者可以選擇包含自訂模組的範本。

  • 只存在一個拖放區域。不支援複雜的頁面佈局,例如將單一模組作為整個報價的旁白。

  • 您必須使用報價的固定容器。可更新網站標題 HTML以修改拖放區域的寬度。

  • 使用自訂 CSS 隱藏報價頂端的狀態列。

常見用例

自訂模組提供多種方式自訂報價範本的彈性。查看以下常見用例。

建立行項目表模組

建立符合您業務需求的自訂明細表。例如

  • 新增區段:根據屬性在區段中顯示行項目。例如,將產品和服務或一次性和經常性明細項目分開區段。

  • 自訂總計模組:顯示報價摘要或自訂計算。
  • 顯示帳單排程:根據報價中的行項建立排程。
  • 可選行項目:顯示可選行項目。買家可以使用無伺服器功能更新報價和交易金額。

  • 斜坡:顯示行項價格隨著預定義排程所設定的時間而變動。例如,某產品第一年的價格為 5,000 美元,第二年為 10,000 美元。您也可以設定細列項目在前 3 個月打折,然後在第 4 個月增加至非折扣價格。

    請注意: 自訂編碼模組除了尊重帳單開始日期之外,無法管理斜坡的帳單影響。

建立有條件的條款與條件模組

根據報價資料顯示不同的條款或內容。例如,您可以根據買家的國家顯示特定區域的法律語言,或在新增某些項目時包含特定產品的條款。

建立當事人部分

隱藏標準訂約方模組,並使用您自己的品牌和格式建立自訂模組。您也可以整合自訂資料,例如送貨地址或子公司屬性

建立自訂導覽選單

新增導覽選單,協助買家瀏覽長篇報價。

要求確認部分

新增互動式自訂編碼模組,讓買家在接受報價前,先以核取方塊或按鈕確認特定模組。

請注意:這需要在網站標頭的 HTML中使用獨立的腳本,在確認核取方塊之前停用接受功能。

樣式模組

建立具有自訂圖片格式、陰影、圓角、品牌等功能的模組。

建立自訂模組

進一步瞭解如何建立自訂模組

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助