2026年6月7日 星期日

如何利用 Google 試算表與 Apps Script 自訂多元線上訂購單與訂單查詢系統

在網路銷售(例如使用 LINE 群組或社群平台賣東西)的過程中,店家經常需要因應不同的節慶或行銷活動,調整訂購單的內容與優惠方案。例如:平時的活動是「買 10 包送 2 包」;每月 15 號則是「原味買百包送 40 包」;到了母親節或中秋節,又會推出不同的促銷組合。

為了讓商家能輕鬆切換不同的訂購單內容,本篇教學將介紹如何透過 Google 試算表結合 Apps Script,實現動態切換訂購頁面、接收訂單、發送郵件通知,並提供顧客即時查詢訂單狀態的功能。


步驟一:建立與整理 Google 試算表副本

首先,我們需要取得系統的 Google 試算表範本,並將其複製到自己的雲端硬碟中。

  1. 建立副本:開啟分享的試算表連結,將網址後方的 edit... 改為 copy,或直接點選「建立副本」。

  2. 清除測試資料

    • 在「訂單內容」工作表中,將原先測試用的訂單資料整列刪除。

    • 清除後,「訂單明細」與「訂單查詢」等分頁的暫存資料也隨之更新。

  3. 檢視店家設定:在「店家設定」工作表中,您可以設定店家名稱、目前要啟用的頁面名稱(例如:shopshop01shop02 等),以及設定特定促銷期間與訂單顯示筆數。


步驟二:部署 Apps Script 網頁應用程式

為了讓顧客能開啟訂購網頁,我們必須將試算表後台的程式碼部署為網頁應用程式。

  1. 在試算表上方選單點選 「擴充功能」 > 「Apps Script」

  2. 開啟 Apps Script 編輯器後,您會看到預設的 HTML 檔(如 shop.htmlshop01.html 等)與主程式。

  3. 點選右上角的 「部署」 > 「管理部署作業」

  4. 點選 「建立部署作業」(或點選設定圖示確保類型為「網頁應用程式」)。

  5. 調整設定:

    • 執行身份:選擇「您自己」(您的 Google 帳號)。

    • 誰可以存取:務必修改為 「所有人」,這樣外部顧客才能順利開啟網頁。

  6. 點選 「部署」

  7. 授予存取權

    • 系統會要求授權,點選「授予存取權」。

    • 選擇您的 Google 帳號,若出現警告畫面,點選「進階 (Advanced)」>「前往(不安全)」以繼續。

    • 勾選授權項目(例如發送電子郵件、管理試算表權限等),並點選「允許 (Continue)」。

  8. 部署完成後,複製畫面上產生的 「網頁應用程式網址」


步驟三:動態切換訂購網頁與後台設定

將複製的網頁應用程式網址貼至新分頁開啟,即可看到預設的訂購單畫面。

  • 動態頁面切換
    若您在試算表的「店家設定」中,將「目前使用頁面名稱」從 shop 改為 shop01(對應每月中秋或特定促銷網頁),接著回到訂購網頁重新整理,網頁的產品內容、促銷標題與價格計算邏輯便會即時更新,不需重新修改 Apps Script 程式碼。


步驟四:下單實測與顧客訂單狀態查詢

1. 顧客下單與通知

顧客在網頁上填寫姓名、電話、地址與備註,並選擇商品數量後,點選「送出」:

  • 系統會自動計算總金額(包含是否滿額免運費)。

  • 送出後,顧客可以選擇透過 LINE 傳送訂單明細(此功能在手機端支援度較佳)。

  • 同時,店家(或設定的電子信箱)會收到一封包含訂購細節的系統自動確認信。

2. 後台處理與訂單查詢

  • 店家收到訂單後,資料會自動同步寫入 Google 試算表的「訂單內容」中。

  • 顧客可透過網頁底部的 「訂單查詢」 按鈕,查看目前的處理進度。

  • 為避免前端資料遭到竄改,訂單狀態皆由店家在試算表後台進行管理。當店家在試算表中的「訂單狀態」欄位手動更新為「已確認,等待匯款」或「已出貨」,顧客端重新查詢時,狀態便會即時同步變更。


步驟五:利用「計價產生器」自訂專屬訂購單內容

如果您想要更換不同的商品菜單(例如改為麵線糊店家),可使用自訂的「計價產生器」工具來產生新的 HTML 原始碼。

  1. 開啟「計價產生器」工具頁面。

  2. 根據您的商品、價格、口味選項(如加不加香菜、辣度等)進行設定。

  3. 產生網頁後,先進行下單測試,確認計算邏輯無誤。

  4. 在網頁任意處按右鍵,點選 「檢視網頁原始碼」

  5. 使用快捷鍵 Ctrl + A 全選,並 Ctrl + C 複製所有原始碼。

  6. 回到您的 Google Apps Script 編輯器,在對應的 HTML 檔案中(例如 shop.html),將原有內容全選刪除,並貼上剛剛複製的新原始碼,接著存檔。

  7. 重新部署

    • 點選「部署」>「管理部署作業」。

    • 點選編輯按鈕(筆形圖示),並在版本下拉選單中選擇 「新增版本」(可備註例如「修改訂購單」)。

    • 點選「部署」完成更新。

  8. 重新整理訂購網頁,您的專屬新菜單訂購單即設定完成。


結語

透過這套結合 Google 試算表、Apps Script 與 HTML 計價產生器的系統,中小商家不需要繁雜的後台伺服器,也能建立具有彈性促銷方案的線上訂購平台。顧客下單、店家收信、後台資料處理與訂單狀態查詢,皆可在雲端協作工具中完成,提供了一個兼具便利性與低成本的微型電商處理解決方案。



沒有留言:

張貼留言

如何利用 Google 試算表與 Apps Script 自訂多元線上訂購單與訂單查詢系統

在網路銷售(例如使用 LINE 群組或社群平台賣東西)的過程中,店家經常需要因應不同的節慶或行銷活動,調整訂購單的內容與優惠方案。例如:平時的活動是「買 10 包送 2 包」;每月 15 號則是「原味買百包送 40 包」;到了母親節或中秋節,又會推出不同的促銷組合。 為了讓商家能...