> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 建立模板

> 從設計、視覺化區塊版面或內建代碼模板開始建立新模板，並使用您選擇的語言。

# 建立模板

![模板設定對話框](https://mintcdn.com/foliant-dev/nnNby4-r9e5xN6eK/templates/images/create-a-template.png?fit=max\&auto=format\&n=nnNby4-r9e5xN6eK\&q=85\&s=50e74531109b7c86a2a5f1594e83eb4a)

您可以從 **模板設定** 建立模板。您可以從專業設計的模板開始，也可以從視覺化編輯器中現成的區塊版面開始，或從以代碼編輯的內建模板開始。您一選好起點，Foliant 就會建立模板並在編輯器中開啟，接著詢問您要將它提供給誰。

## 開始之前

* **視覺化** 編輯器是否可用取決於您的方案。若無法使用，您可以從內建代碼模板開始。請參閱[方案與內容](https://foliant-help.iforiti.com/zh-Hant/billing-and-plans/plans-and-pricing.md)。
* 為**所有選取訂單產生一份文件**的模板（**揀貨單**、**訂單彙總**）是否可用取決於您的方案。若無法使用，其卡片上會顯示包含這些模板的方案。
* 您的方案可能會限制可保留的模板數量。若已達上限，Foliant 會請您升級。

## 建立模板

1. 前往 **模板**，然後點選 **建立模板**。
2. 在 **模板設定** 中，選擇開始方式：
   * **瀏覽設計** 會開啟設計庫。請參閱[免費試用設計](https://foliant-help.iforiti.com/zh-Hant/designs/try-a-design.md)。
   * 在 **您要製作什麼？** 下方，從網格中選擇一種文件類型。
3. 在 **編輯方式** 旁，選擇 **視覺化編輯器** 或 **代碼**：
   * **視覺化編輯器**：排列現成區塊並設定樣式，無需撰寫代碼。文字會依照文件的語言顯示。
   * **代碼**：以 HTML、CSS 和 Liquid 撰寫的內建模板。請先選擇 **語言**：模板的文字會翻譯成該語言。
4. 點選您要的文件卡片。Foliant 會建立模板並在編輯器中開啟。
5. 進行變更並儲存。請參閱[儲存變更並發布](https://foliant-help.iforiti.com/zh-Hant/template-editor/save-and-publish.md)。
6. 關閉編輯器後，會開啟模板的設定頁面，並顯示「已儲存「模板名稱」。接下來，請選擇要提供給誰，以及顧客可以在哪裡下載。」請選擇要在哪裡預先選取此模板，也可以視需要設定其傳送方式。請參閱[模板設定](https://foliant-help.iforiti.com/zh-Hant/templates/template-settings.md)。

在您做出選擇之前，新模板不會在任何地方預先選取，因此不會改變預設列印的內容。

## 視覺化區塊版面

使用 **視覺化編輯器** 編輯時，您可以從以下版面開始：

| 版面 | 包含內容 |
| - | - |
| **發票** | 頁首、發票號碼、地址、品項、總計、付款資訊及法律頁尾。若 VAT 發票需要，會加入稅額摘要。 |
| **折讓單** | 頁首、折讓單號碼、訂單參考、地址、品項、總計、稅額摘要及法律頁尾。 |
| **報價單** | 頁首、報價單號碼、地址、品項、總計及法律頁尾。若 VAT 發票需要，會加入稅額摘要。 |
| **出貨單** | 頁首、地址、運送資訊、不含價格的品項、條碼及感謝訊息。 |
| **退貨表單** | 頁首、條碼、退貨地址、顧客、退貨原因代碼，以及含原因與備註欄位的品項。 |
| **商業發票** | 出口商與進口商、含 HS 編碼、原產地與重量的品項、總計及簽名聲明。 |
| **採購單** | 收件地址，以及依廠商分組並附成本的品項，供您的供應商使用。 |
| **一般訂單文件** | 頁首、地址、品項、總計及感謝訊息。 |
| **揀貨單** | 所選訂單中要揀貨的品項加總，附儲位、您選擇的欄位及訂單條碼。 |
| **訂單彙總** | 將所選訂單列於同一表格，含日期、顧客、品項及各幣別總計。 |
| **運送標籤** | 4×6 吋熱感應標籤：大字收件地址、運送方式、訂單條碼及您的退貨地址。 |
| **收據** | 80 mm 收據：您的商店、品項、總計與付款資訊，以及一行感謝語。PDF 會在收據結尾處結束。 |

**運送標籤** 和 **收據** 版面已預先設定好紙張尺寸。

## 內建代碼模板

使用 **代碼** 編輯時，您可以從以下模板開始：

| 模板 | 說明 |
| - | - |
| **空白模板** | 從頭開始，使用 HTML、CSS 和 Liquid。 |
| **收據 / 發票** | 列出品項的發票，含稅額、付款及總計。 |
| **出貨單** | 要包裝的品項與數量，不含價格。 |
| **退貨表單** | 讓顧客標記要退貨的品項與原因。 |
| **草稿訂單報價單** | 顧客付款前可先查看的報價單。 |
| **退款 / 貸項通知單** | 記錄針對原始訂單的退款。 |
| **商業發票** | 用於出口：HS 編碼、原產地及申報價值。 |
| **採購單** | 代發貨時將訂單傳送給供應商。 |
| **揀貨單** | 將所選訂單的所有品項依儲位加總，在倉庫走一趟即可揀完。 |
| **訂單彙總** | 將所選訂單全部列在一張表上：可作為交給物流的清單或每日結算報表。 |
| **運送標籤** | 每筆訂單一張標籤：以大字顯示收件人、訂單條碼、運送方式及您的退貨地址。適用於 4×6 吋熱感應標籤。 |
| **地址標籤** | 將每筆所選訂單的地址印在貼紙標籤紙上：Avery Letter 和 A4 標籤紙，或您自訂的標籤尺寸。請參閱[列印運送標籤與地址標籤](https://foliant-help.iforiti.com/zh-Hant/printing/shipping-and-address-labels.md)。 |

## Foliant 為您設定的項目

* **名稱**：起始範本的名稱。若您已有同名模板，Foliant 會加上編號，例如「出貨單 #2」。您可以在模板設定中重新命名。
* **單據類型**：發票、折讓單和報價單的起始範本會設為 **發票**、**折讓單** 和 **報價單**，因此在開啟文件編號時會加上編號。其他起始範本則為 **其他（不編號）**。
* **產生方式**：**揀貨單**、**訂單彙總** 和 **地址標籤** 會為所有選取訂單產生一份文件。其他模板則為每筆訂單產生一份文件。
* **紙張**：**運送標籤** 代碼模板預設使用 **Label 4x6** 紙張。
* **分批出貨**：**出貨單** 和 **退貨表單** 代碼模板會為每批出貨列印一份文件。請參閱[模板設定](https://foliant-help.iforiti.com/zh-Hant/templates/template-settings.md)。

## 要從 Shopify Order Printer 移轉嗎？

在 **模板設定** 底部，點選 **匯入您的模板**，即可匯入 Shopify Order Printer 或 Order Printer Pro 的模板。請參閱[從 Order Printer 匯入模板](https://foliant-help.iforiti.com/zh-Hant/templates/import-from-order-printer.md)。

## 小提醒

* 若建立模板失敗，**模板設定** 頂端會出現橫幅，顯示「無法建立模板」，並在有原因時一併說明。
* 若之後想以起始範本取代現有模板的內容，請在編輯器中使用 **替換為起始範本…**。請參閱[在視覺化與代碼之間切換](https://foliant-help.iforiti.com/zh-Hant/template-editor/visual-and-code-modes.md)。

## 相關文章

* [模板設定](https://foliant-help.iforiti.com/zh-Hant/templates/template-settings.md)
* [從 Order Printer 匯入模板](https://foliant-help.iforiti.com/zh-Hant/templates/import-from-order-printer.md)
* [瀏覽設計庫](https://foliant-help.iforiti.com/zh-Hant/designs/designs-gallery.md)
* [開啟模板編輯器](https://foliant-help.iforiti.com/zh-Hant/template-editor/editor-overview.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.