建立自訂模組，以便在報價模板中使用

為報價模板建立自訂模組，以自訂外觀、內容和邏輯。利用這些模組，根據您的業務需求自訂報價模板。

開始之前

在開始使用自訂模組之前，請先了解應預先採取的步驟，以及此功能的限制與使用時可能產生的後果。

了解需求

若您不熟悉React、HTML、JavaScript 及 CSS，請與開發人員合作來建立自訂模組。

限制與注意事項

• 無法透過API 建立或將自訂程式碼模組新增至報價單。API 使用者只能選擇已內建自訂模組的範本。

• 系統僅提供一個拖放區域。複雜的頁面佈局（例如將單一模組作為整個報價單的側邊欄）不被支援。

• 您必須使用報價單的固定容器。可透過更新網站頁首的 HTML來調整拖放區域的寬度。

• 您可以使用自訂 CSS 來隱藏報價單頂部的狀態列。

常見使用情境

自訂模組提供多種方式來靈活自訂報價單範本。請參閱以下常見使用情境。

建立明細表模組

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

• 新增區段：根據屬性將明細項目分區顯示。例如，將產品與服務，或一次性與定期明細項目分別歸類至不同區段。

• 自訂總計模組：顯示報價摘要或自訂計算結果。

• 顯示計費時程表：根據報價單中的明細項目建立時程表。

• 可選明細項目： 將明細項目設為可選項目。買方可透過 無伺服器函式 更新報價單及交易金額 。

• 階梯式定價： 根據預先定義的時程表，顯示明細項目隨時間變動的價格。例如，某產品第一年定價為 5,000 美元，第二年為 10,000 美元。您也可以對明細項目在前三個月套用折扣，並於第四個月恢復標準價格。

  請注意：自訂 編寫的模組無法處理漸進式定價所衍生的計費影響，僅能確保遵守計費起始日期。

建立條件式條款與細則模組

根據報價資料顯示不同的條款或內容。例如，您可以根據買家的國家顯示特定地區的法律條款，或在新增特定明細項目時加入產品專屬條款。

建立「當事方」區塊

隱藏標準的「當事方」模組，並建立具有您自有品牌標識與格式設定的自訂模組。您亦可整合自訂資料，例如寄送地址或子公司屬性。

建立自訂導覽選單

新增導覽選單，協助買家瀏覽冗長的報價單。

要求確認各章節

新增帶有核取方塊或按鈕的互動式自訂程式碼模組，讓買家在接受報價前，必須先確認特定模組。

請注意：此功能需在網站頁首的 HTML中加入獨立腳本，以確保在買家勾選所有核取方塊前，系統將暫停接受報價的選項。

模組樣式設定

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