建立用於報價範本的自訂模組
上次更新時間: 2026年5月26日
為報價範本建立自訂模組,以自訂外觀、內容和邏輯。自訂模組可用於根據您的業務需求,為您的買家量身打造報價。
開始使用前
在開始使用自訂模組之前,請事先瞭解應採取哪些步驟,以及該功能的限制和使用該功能的潛在後果。
瞭解需求
如果您不熟悉React、HTML、JavaScript 和 CSS,請與開發人員合作建立自訂模組。
限制與注意事項
-
使用API 不可能建立或新增自訂編碼的模組到報價。API 使用者可以選擇包含自訂模組的範本。
-
只存在一個拖放區域。不支援複雜的頁面佈局,例如將單一模組作為整個報價的旁白。
-
您必須使用報價的固定容器。可更新網站標題 HTML以修改拖放區域的寬度。
-
使用自訂 CSS 隱藏報價頂端的狀態列。
常見用例
自訂模組提供多種方式自訂報價範本的彈性。查看以下常見用例。
建立行項目表模組
建立符合您業務需求的自訂明細表。例如
-
新增區段:根據屬性在區段中顯示行項目。例如,將產品和服務或一次性和經常性明細項目分開區段。
- 自訂總計模組:顯示報價摘要或自訂計算。
- 顯示帳單排程:根據報價中的行項建立排程。
-
可選行項目:顯示可選行項目。買家可以使用無伺服器功能更新報價和交易金額。
-
斜坡:顯示行項價格隨著預定義排程所設定的時間而變動。例如,某產品第一年的價格為 5,000 美元,第二年為 10,000 美元。您也可以設定細列項目在前 3 個月打折,然後在第 4 個月增加至非折扣價格。
請注意: 自訂編碼模組除了尊重帳單開始日期之外,無法管理斜坡的帳單影響。
建立有條件的條款與條件模組
根據報價資料顯示不同的條款或內容。例如,您可以根據買家的國家顯示特定區域的法律語言,或在新增某些項目時包含特定產品的條款。
建立當事人部分
隱藏標準訂約方模組,並使用您自己的品牌和格式建立自訂模組。您也可以整合自訂資料,例如送貨地址或子公司屬性。
建立自訂導覽選單
新增導覽選單,協助買家瀏覽長篇報價。
要求確認部分
新增互動式自訂編碼模組,讓買家在接受報價前,先以核取方塊或按鈕確認特定模組。
請注意:這需要在網站標頭的 HTML中使用獨立的腳本,在確認核取方塊之前停用接受功能。
樣式模組
建立具有自訂圖片格式、陰影、圓角、品牌等功能的模組。
建立自訂模組
進一步瞭解如何建立自訂模組。