台灣製造業 B2B 電商導入 Shopify Plus：詢價表單到自動報價流程設定

在 Shopify Plus 上為台灣製造業建立 B2B 電商，核心流程是將傳統的詢價表單（RFQ）轉化為自動報價系統。透過 Shopify Plus 的 B2B 功能、Shopify Functions 與 Flow 自動化，製造商可以在不增加業務人力的前提下，讓詢價到報價的週期從平均 3–5 天縮短到即時回應。本教學將完整示範從環境建置、表單設計、價格邏輯設定到自動報價通知的全流程。

為什麼台灣製造業需要 B2B 電商自動化報價？

台灣製造業長期依賴 Email、LINE 與電話進行詢價，這在客戶遍布全球時會造成時區落差與回應延遲。根據 McKinsey 2024 年 B2B Pulse Survey，超過 70% 的 B2B 買家偏好數位自助服務管道完成採購流程。同時，Shopify 在 2024 年 Editions 中大幅強化了 B2B on Shopify 原生功能，包含公司帳號（Company Accounts）、客戶專屬目錄（Catalogs）與數量規則（Quantity Rules），這讓 Shopify Plus 首次成為製造業 B2B 電商的可行選項。

對於年營收在 5,000 萬到 5 億新台幣區間的中型製造商而言，自建 ERP 整合報價系統的成本過高，而 Shopify Plus 提供了一個可快速上線、且能逐步擴展的路徑。

導入前的先決條件與環境準備

在開始設定之前，請確認以下條件已備妥：

帳號與方案要求

• Shopify Plus 方案：B2B 功能（Company Accounts、Catalogs、Payment Terms）僅限 Plus 方案使用，月費 USD 2,300 起
• Shopify Payments 或第三方金流：台灣市場建議整合綠界（ECPay）或藍新（NewebPay）作為備用金流，但 B2B 訂單通常採用後付款（Net 30/60），可先不啟用線上刷卡
• 開發商店或沙盒環境：在 Shopify Partners Dashboard 建立開發商店進行測試

技術能力需求

• 基礎 Liquid 模板語言
• Shopify Flow 設定（無需程式碼）
• GraphQL Admin API 基礎（用於進階自動化）
• 選配：Node.js 或 Python 能力，用於部署自訂報價計算邏輯的後端服務

資料準備

• 產品目錄（含 SKU、基礎定價、MOQ 最低訂購量）
• 客戶分級規則（如 A/B/C 級客戶對應不同折扣比例）
• 價格公式或定價矩陣（例如：數量 100–499 → 9 折，500–999 → 85 折，1000+ → 8 折）

第一步：建立 B2B 公司帳號與客戶專屬目錄

Shopify Plus 的 B2B 架構以「公司」（Company）為核心單位，每家公司可設定多個據點（Locations）與聯絡人。

建立公司帳號

在 Shopify Admin 中，前往 Customers → Companies → Add company，填入公司名稱、統一編號（Tax ID）、付款條件等。

也可以透過 GraphQL API 批量建立：

1mutation companyCreate {
2  companyCreate(
3    input: {
4      company: {
5        name: "台北精密機械股份有限公司"
6        externalId: "TW-12345678"
7      }
8      companyLocation: {
9        name: "總部"
10        shippingAddress: {
11          address1: "台北市內湖區瑞光路 XXX 號"
12          city: "台北市"
13          zoneCode: "TW-TPE"
14          countryCode: TW
15        }
16        buyerExperienceConfiguration: {
17          paymentTermsTemplateId: "gid://shopify/PaymentTermsTemplate/1"
18        }
19      }
20    }
21  ) {
22    company {
23      id
24      name
25    }
26    userErrors {
27      field
28      message
29    }
30  }
31}

預期輸出：成功建立後回傳 company ID，後續用於關聯 Catalog。

建立客戶專屬目錄（Catalog）

前往 Products → Catalogs → Create catalog，設定步驟：

1. 命名目錄（例如「A 級客戶 - 精密零件目錄」）
2. 關聯公司或公司群組
3. 設定價格調整規則：可選「固定價格」或「百分比折扣」
4. 設定數量規則：最低訂購量（MOQ）、遞增單位

例如，一家製造沖壓件的客戶，MOQ 為 500 件、以 100 件為遞增單位，就在 Catalog 的 Quantity Rules 中設定 minimum: 500, increment: 100。

第二步：設計詢價表單（RFQ Form）

Shopify Plus 原生不包含詢價表單功能，需要透過以下方式實作：

方案 A：使用 Shopify App — Globo Request for Quote

Globo RFQ 是 Shopify App Store 上評分最高的詢價應用之一。安裝後可在產品頁新增「Request Quote」按鈕，取代或並存「Add to Cart」。

設定要點：

1. 安裝 Globo Request for Quote app
2. 在 App 後台啟用「Hide Price for B2B customers」
3. 設定表單欄位：公司名稱、聯絡人、數量、交期需求、特殊規格備註
4. 啟用 Email 通知模板，設定管理員通知與客戶確認信

方案 B：自建 Liquid + Metaobject 表單（進階）

若需要完全客製化，可使用 Shopify 的 Metaobjects 儲存詢價記錄，搭配 Liquid 表單與 Storefront API：

1<!-- sections/rfq-form.liquid -->
2<form action="/apps/rfq-handler" method="POST" id="rfq-form">
3  <input type="hidden" name="product_id" value="{{ product.id }}">
4  <input type="hidden" name="product_title" value="{{ product.title }}">
5  
6  <label for="company_name">公司名稱 *</label>
7  <input type="text" id="company_name" name="company_name" required>
8  
9  <label for="contact_email">聯絡信箱 *</label>
10  <input type="email" id="contact_email" name="contact_email" required>
11  
12  <label for="quantity">需求數量 *</label>
13  <input type="number" id="quantity" name="quantity" 
14         min="{{ product.metafields.b2b.moq | default: 1 }}" 
15         step="{{ product.metafields.b2b.increment | default: 1 }}" required>
16  
17  <label for="delivery_date">期望交期</label>
18  <input type="date" id="delivery_date" name="delivery_date">
19  
20  <label for="specs">特殊規格說明</label>
21  <textarea id="specs" name="specs" rows="4"></textarea>
22  
23  <button type="submit">送出詢價</button>
24</form>

表單提交後由 Shopify App Proxy 或 Shopify Functions 接收處理。

第三步：用 Shopify Flow 建立自動報價邏輯

這是整個流程的核心——將詢價轉化為自動報價。Shopify Flow 是 Plus 方案內建的自動化工具，可設定觸發條件、邏輯判斷與動作。

流程架構

整個自動報價流程分為三個階段：

1. 觸發：收到詢價表單提交（透過 App 或 Webhook）
2. 計算：根據客戶等級 × 數量區間套用定價公式
3. 輸出：產生報價單並發送通知

設定 Flow 工作流程

在 Shopify Admin 前往 Settings → Flow → Create workflow：

觸發器：選擇 Globo RFQ 的 trigger（若使用 Globo App），或選擇「Order created」搭配 Draft Order 模式。

條件判斷範例：

1IF customer.company.metafield.tier == "A"
2  AND rfq.quantity >= 1000
3THEN
4  discount_rate = 0.20
5ELSE IF customer.company.metafield.tier == "A"
6  AND rfq.quantity >= 500
7THEN
8  discount_rate = 0.15
9ELSE IF customer.company.metafield.tier == "B"
10  AND rfq.quantity >= 1000
11THEN
12  discount_rate = 0.15
13ELSE
14  discount_rate = 0.10

在 Flow 中，這透過巢狀的 Condition 節點實現。每個條件分支最後連接到一個「Create Draft Order」Action。

自動建立 Draft Order 作為報價單

使用 Flow 的 Send HTTP request action 呼叫 Admin API 建立 Draft Order：

1{
2  "draft_order": {
3    "line_items": [
4      {
5        "variant_id": 4567890123,
6        "quantity": 1000,
7        "applied_discount": {
8          "description": "A 級客戶 - 數量 1000+ 優惠",
9          "value_type": "percentage",
10          "value": "20.0",
11          "title": "B2B Tier-A Volume Discount"
12        }
13      }
14    ],
15    "customer": {
16      "id": 1234567890
17    },
18    "note": "自動報價 - 詢價單 #RFQ-20260115-001",
19    "payment_terms": {
20      "payment_terms_template_id": 1,
21      "payment_schedules": [
22        {
23          "due_at": "2026-02-15T00:00:00Z"
24        }
25      ]
26    }
27  }
28}

預期輸出：系統自動建立 Draft Order，狀態為「Open」，包含計算後的價格與付款條件。

第四步：自動發送報價通知

報價建立後，需要通知客戶。這裡有兩個選擇：

使用 Shopify 內建 Draft Order Invoice

在 Flow 中，建立 Draft Order 後接一個 Wait 節點（等待 1 分鐘確認建立成功），然後使用 Send Draft Order Invoice action。客戶會收到含報價明細與付款連結的 Email。

整合 LINE Notify 即時通知（台灣市場必備）

根據台灣資策會 2024 年調查，LINE 在台灣的企業通訊使用率超過 85%。因此建議同步透過 LINE 通知業務人員與客戶。

在 Flow 中加入 Send HTTP request action：

1Method: POST
2URL: https://notify-api.line.me/api/notify
3Headers:
4  Authorization: Bearer {YOUR_LINE_NOTIFY_TOKEN}
5  Content-Type: application/x-www-form-urlencoded
6Body: message=新詢價單已自動報價 \n客戶：{{customer.company.name}} \n產品：{{line_item.title}} \n數量：{{line_item.quantity}} \n報價金額：NT${{draft_order.total_price}} \n報價連結：{{draft_order.invoice_url}}

第五步：進階 — 用 Shopify Functions 實現動態定價

對於定價邏輯更複雜的製造商（例如需要考慮原物料即時成本、匯率波動、模具攤提），Shopify Functions 提供了在 Shopify 基礎架構內執行自訂邏輯的能力。

建立 Cart Transform Function

使用 Shopify CLI 初始化 Function 專案：

1shopify app init
2cd your-app
3shopify app generate extension --template cart_transform

在 src/run.rs（Rust）或 src/run.js（JavaScript）中撰寫定價邏輯：

1// src/run.js
2export function run(input) {
3  const operations = [];
4  
5  for (const line of input.cart.lines) {
6    const quantity = line.quantity;
7    const tierMetafield = input.cart.buyerIdentity?.customer?.metafield?.value;
8    
9    let discountPercentage = 0;
10    
11    if (tierMetafield === 'A') {
12      if (quantity >= 1000) discountPercentage = 20;
13      else if (quantity >= 500) discountPercentage = 15;
14      else discountPercentage = 10;
15    } else if (tierMetafield === 'B') {
16      if (quantity >= 1000) discountPercentage = 15;
17      else if (quantity >= 500) discountPercentage = 10;
18      else discountPercentage = 5;
19    }
20    
21    if (discountPercentage > 0) {
22      operations.push({
23        update: {
24          cartLineId: line.id,
25          price: {
26            adjustment: {
27              percentageDecrease: {
28                value: discountPercentage
29              }
30            }
31          }
32        }
33      });
34    }
35  }
36  
37  return { operations };
38}

部署後，在 Shopify Admin 的 Settings → Checkout → Cart Transform 啟用此 Function。

Branch8 實戰經驗：台灣扣件製造商案例

2025 年 Q3，我們的台北團隊為一家年出口額約 2 億新台幣的螺絲扣件製造商導入 Shopify Plus B2B 電商。該客戶原本使用 Excel 管理超過 8,000 個 SKU 的報價，業務團隊平均花費 4 小時回覆一份詢價。

我們在 10 週內完成以下工作：

1. 將 8,000+ SKU 透過 Shopify Admin API 批量匯入，並建立 5 個客戶等級的 Catalog
2. 使用 Globo RFQ 搭配客製 Liquid 表單，支援多品項同時詢價
3. 以 Shopify Flow 設定 12 個條件分支的自動報價邏輯，涵蓋材質、表面處理、數量三個維度
4. 整合 LINE Notify 通知業務人員，並透過 Shopify Email 發送正式報價

上線後第一個月，該客戶的詢價回應時間從 4 小時降至 15 分鐘（需人工審核的複雜訂單）或即時（標準品項），業務團隊將省下的時間轉投入開發東南亞新客戶。

疑難排解與常見陷阱

B2B 價格未正確顯示

• 症狀：登入的 B2B 客戶看到的是零售價而非 Catalog 價格
• 原因：客戶帳號未正確關聯至 Company，或 Catalog 未指派至該 Company
• 解法：在 Admin → Customers 確認該客戶的 Company association，並在 Catalog 設定中檢查公司指派

Flow 觸發但 Draft Order 未建立

• 症狀：Flow 記錄顯示 workflow 已觸發，但 Draft Orders 列表為空
• 原因：HTTP request 的 API 版本不符或認證 token 過期
• 解法：在 Flow 的 Run log 中檢查 HTTP response code，確認使用最新 API 版本（如 2025-01）並重新生成 Admin API access token

數量規則與 Cart 驗證衝突

• 症狀：客戶嘗試加入購物車時出現錯誤，即使數量符合 MOQ
• 原因：Catalog 的 Quantity Rules 與 Theme 的 cart validation 腳本衝突
• 解法：檢查 Theme 的 cart.js 或 cart-items.liquid 中是否有額外的數量驗證邏輯，確保與 Catalog 設定一致

從詢價到報價的下一步：報價轉訂單與 ERP 整合

自動報價只是起點。完整的 B2B 電商流程還需要：

• 報價審核機制：對於超過特定金額的報價，透過 Flow 觸發 Slack 或 Teams 通知主管審核
• 報價有效期管理：利用 Draft Order 的 expires_at 欄位設定報價到期日
• ERP 同步：透過 Shopify Webhook 將確認訂單同步至鼎新（Digiwin）、SAP Business One 或 Oracle NetSuite 等台灣製造業常用 ERP
• 多幣別支持：利用 Shopify Markets 設定 USD、EUR、JPY 等出口常用幣別的自動換算

根據 Statista 的 2025 年 B2B E-Commerce Report，全球 B2B 電商市場規模預計在 2027 年達到 USD 20.9 兆，亞太區佔比將超過 60%。台灣製造業若能在此階段完成數位通路建設，將在全球供應鏈重組的浪潮中佔據有利位置。

如果你的製造業公司正在評估 B2B 電商導入，或已有 Shopify Plus 但尚未啟用 B2B 功能，歡迎聯繫 Branch8 團隊。我們在台北與香港的技術顧問可以為你的產品線與客戶結構，規劃最適合的詢價到報價自動化流程。

Sources

• Shopify Plus B2B 官方文件
• Shopify Flow 文件
• Shopify Functions 開發文件
• McKinsey B2B Pulse Survey
• Statista B2B E-Commerce Report
• LINE Notify API 文件
• Globo Request for Quote App