CONCEPT · 情境設計 · booking · 2026

Gather Workshop

工作坊 × 課程報名系統

報名、付款、通知——一個頁面,三分鐘搞定

/ 假想挑戰

假想情境:Gather Workshop 每月開 4–6 場手作課,用 Google 表單收報名、LINE 手動確認、銀行帳號 ATM 收款,再手動核對付款截圖。報名一個人,業主要花 10 分鐘確認流程;退款或改期,要一一私訊溝通。課程越受歡迎,行政負擔越重。

/ 設計思路

一個獨立的課程報名頁:左側呈現課程資訊(老師介紹、課程亮點、剩餘名額)、右側是報名卡。報名即時選場次 + 線上付款,完成後自動發 Email 確認 + LINE 提醒。業主後台看即時名單、一鍵匯出、改期後自動通知所有學員。行政流程從 10 分鐘壓到 0 分鐘。

eventregistration.com
陶藝工作坊 · 2026 春季

手拉坯
陶藝入門課程

兩個半小時,從一塊泥土開始,親手做出一件屬於自己的陶器。不需要任何經驗,工作坊帶你走完拉坯、修坯到完成的全程。

入門友善材料全包8 人小班親子可
課程流程
共 2.5 小時
1
報到 & 暖身
10 min
2
揉土 & 置中
15 min
3
手拉坯 成形
60 min
4
修坯 & 收尾
30 min
5
成品 拍照
10 min
6
窯燒 登記
10 min
陳雨晴 老師
10 年陶藝經驗,國立工藝研究發展中心認證
課程費用
NT$ 1,600
含材料費 + 窯燒費,帶走 2 件成品
選擇場次
5 / 10 (六) 14:00剩 2 位
5 / 17 (六) 14:00推薦
5 / 24 (六) 14:00尚有空位
5/17 場次僅剩 3 個名額
線上刷卡 · 免手續費
/ 課程頁 · 老師介紹 + 場次選擇 + 立即報名
§ 01 · 報名流程

手機上三分鐘完成報名付款,不需要截圖傳帳號

選場次 → 填資料 → 選付款方式 → 送出,全程在同一個頁面完成。結帳完成即收到 Email 確認和 LINE 通知,不需要等業主手動回覆。首次優惠、人數折扣在結帳頁面自動計算。

報名確認
Gather 陶藝工作坊
🏺
手拉坯入門課程
5 / 17(六)14:00–16:30 · 台北大安
已選擇
參加者資料
姓名
林子晴
Email
ziqing@example.com
手機
0912-345-678
人數
1
2
3
付款方式
💳信用卡
💚LINE Pay
🏧ATM 轉帳
手拉坯入門課程 × 2NT$ 3,200
首次優惠− NT$ 200
合計NT$ 3,000
付款後即刻收到確認 Email + LINE 通知
/ 手機報名 · 場次 + 人數 + 付款 + 即時確認
/ 設計決策
Decision · 01

報名和付款在同一步

先填表後匯款的流程每一步都是流失點。整合線上付款讓「報名完成」等於「已付款」——業主不需要等截圖、學員不需要記帳號。

Decision · 02

剩餘名額即時顯示

每個場次顯示剩餘名額,不需要業主手動更新 Google 表單的說明欄位。名額滿了自動關閉報名、開啟候補選項——不需要任何手動操作。

§ 02 · 金流串接

已有合作金流?提供資料就能串;從零開始?我們陪你走完申請

系統支援信用卡(Visa / Mastercard / JCB)、ATM 轉帳、超商代碼、LINE Pay、街口支付——讓學員用任何習慣的方式付款,不需要記帳號、不需要 App。如果已經有綠界(ECPay)或藍新(NewebPay)帳號,只需要提供商家編號和 API 金鑰,兩個工作天內完成串接測試。還沒有金流帳號的客戶,我們協助準備申請文件(公司登記或個人賣家資料)、填送審核表單,全程陪跑到帳號開通,不需要自己摸索規則。付款結果透過 Webhook 即時回傳,不靠前端輪詢——就算學員付完款立刻關掉瀏覽器,系統也能正確收到付款通知、鎖定名額、發出確認信。

報名確認
Gather 陶藝工作坊
🏺
手拉坯入門課程
5 / 17(六)14:00–16:30 · 台北大安
已選擇
參加者資料
姓名
林子晴
Email
ziqing@example.com
手機
0912-345-678
人數
1
2
3
付款方式
💳信用卡
💚LINE Pay
🏧ATM 轉帳
手拉坯入門課程 × 2NT$ 3,200
首次優惠− NT$ 200
合計NT$ 3,000
付款後即刻收到確認 Email + LINE 通知
/ 結帳畫面 · 信用卡 / LINE Pay / 超商代碼 任選
/ 設計決策
Decision · 01

協助申請,不只是串接

金流開戶對非技術客戶是最容易卡關的一步:文件格式要求多、審核週期不固定、測試環境和正式環境設定不同。我們有完整的申請陪跑 SOP,從準備文件到沙盒測試到正式上線,減少來回往返。

Decision · 02

Webhook 確保付款狀態不遺漏

前端輪詢「有沒有收到款?」的方式在網路不穩時容易漏單。我們用金流服務商主動推送的 Webhook 接收付款結果,搭配冪等處理防止重複扣款,確保付款狀態和報名名單永遠一致。

Decision · 03

支援多種金流,學員自選

強制只能刷卡會流失不習慣網路刷卡的長輩學員;只接 ATM 又讓年輕族群覺得麻煩。同時提供信用卡、ATM 轉帳、超商代碼,讓不同年齡層的學員都能順利完成付款。

§ 03 · 技術棧

這個方案會用的工具

  • Next.js 15
  • Supabase (PostgreSQL)
  • ECPay
  • LINE Messaging API
  • Resend
  • Google Calendar API
  • Vercel
CONCEPT · Gather Workshop

想把這個方案變成你的?
直接聊聊

預約免費諮詢
24 小時內回覆提供正式報價與合約支援遠端合作繁中 · English