如何設定 Chopin 網路商店

2020-08-05 • 3 min read

chopin   documentation   ecommerce   google   google-sheet   telescope   tutorial   waitress   website   教學   網路開店

建立了 Chopin 商店後,接下來需要 1) 抽換商品目錄 google sheet 中的範例資料成你想販賣的商品,並且 2) 客製商店外觀和加上其他細節設定。這篇文章會手把手教你 google sheet 每個儲存格代表的意思,以及所有我們支援的設定,讓你輕鬆完成一個適合自己的商店!

📚 此篇教學將不再更新,請至 docs 瀏覽最新教學 →

🛍️ 還沒有 Chopin Store? 跟著這篇教學建立商店

🛍️ 參考常見問題

更新商品目錄

如果你跟著我們的教學,並且使用提供的範例資料建立商店,你的商店目前應該會長的像這樣

我相信你應該捨不得賣出 Cool Cat 和 Funny Cat,接下來請按照以下說明更新商品目錄 Google Sheet,更新過程中內容會即時反映在網路商店。

各儲存格對應的內容:

  • name: 每個產品的獨立編碼 (product id),英文開頭並只能使用英文、數字、連接號(-)或底線(_),不能有空格
  • nickname: 顯示在網站的產品名稱,支援任何語言文字或表情符號。
  • description (非必須): 產品敘述。*支援 Markdown 語法編輯格式
  • image_url: 產品圖片網址。每個產品可以有多個圖片,將網址以逗號 (,)分隔即可。 *如何取得圖片網址
  • price: 產品價錢,不需輸入金錢符號 ($)。
  • max_qty (非必須):: 每個顧客可購買的上限,如果設定 max_qty 為0, 會顯示 Coming Soon
  • category (非必須): 不同的產品分類。每個產品可以有多個分類,以逗號相隔 (,)。
  • hide: 在這格打上 “x” (或是其他字母符號),該產品即不會顯示在網站上。
  • no_tax: 在這格打上 “x” (或是其他字母符號),該產品不會被計算稅。

範例:

如果想要將產品加上多個尺寸顏色選項,你會需要手動新增以下四個欄位:

  • option:name
  • option:size
  • option:flavor
  • option:color

範例:

⚠️ 注意:

  1. 每列之間不得穿插空白列。
  2. 若有產品沒有出現,代表 nameprice 欄位有錯。

如果有問題或是錯誤訊息,可以參考常見問題自行除錯,或是聯絡客服


客製化你的商店

接下來是從 Chopin app 進到商店的設定頁面,除了商店名稱與 Waitress APIs 這兩個欄位外,其他設定都可以隨時更改,存檔後更新網路商店頁面即會看到更新內容。

⚠️ 編輯小幫手:

  1. 點擊 (儲存符號) 存檔更新內容。點擊 (垃圾桶符號) 可刪除這間網店(刪除後無法回復)。
  2. 點選 (加號) 添加新資訊。也可以按 (減號) 刪除資訊。
  3. 如果需要編輯,只要點選同一個選項,輸入新的內容後再按加號,即會更新。

商店資訊 (Store Information)

外觀 (Layout)

  • Store Background Image url (非必須): 背景圖案連結。
  • Store Background Color (非必須): 可以從調色盤選取顏色或輸入 hex code
  • [NEW] Page Header Height: 調整點進網站背景圖所佔螢幕的比例。
  • Message to show when the product has max_qty = 0 (非必須): 當商品目錄中的 max_qty 欄位為0時,該商品在網站上會自動顯示 “Coming Soon!” 但你也可以在此欄位填入其他適合的字樣,例如 “Out of Stock” 或是 “Back in October” 等等。

訂單設定 (Order Settings)

網站貨幣

  • [NEW] Store Currency: 預設為 USD (美元),亦可從下拉式選單選取欲套用的貨幣代碼

訂購人資料

  • Required Input in Order Form: 預設只有規定顧客一定要填寫 Email 才能成立訂單,可以選擇其他必填欄位,包括顧客名、聯絡電話和地址。
    • Customer Name
    • Customer Phone Number
    • Customer Address
  • Remove Customer Address Field: 如果你販賣虛擬商品或是只提供取貨選項,可以移除訂單中的地址欄位。
  • Add Optional Note Section: 可以新增一欄位供顧客填寫備註資訊。 我們建議你請客人於此提供客製商品資訊(像是蛋糕上的糖霜字樣),而非用來與客人聯繫寄送細節

最低消費

  • Set Order Minimum: 輸入顧客成立訂單的最低消費金額。

訂單確認信

  • Send Order Confirmation: 點選此功能,顧客將在下單成功後收到 email 確認信。如果你沒有在建立商店時提供此權限,可以到 Post-it app 另行設定。

    📫 訂單確認信內容有什麼?

  • Order Confirmation Email Subject: 自訂訂單確認信件主旨,輸入 <store_name><order_number> 顯示你的店名與訂單編號。

    預設主旨是 “Your Order from <store_name> [<order_number>]”, 顯示如下:

    假設將主旨替換成 “🎁 <store_name> has a surprise for you! Order number: <order_number>",則變成:

聯絡方式與社群媒體 (Contact Information)

  • Email: 預設是你登入使用的google email。但若希望網站上顯示另一個 email,或是希望訂單確認信從另一個帳號寄出,也可以在這裡更改。 *若更改email,記得要到 Post-It授權該帳號,才可以成功寄送確認信
  • Facebook: Facebook 專頁或社團的網址 (例:https://www.facebook.com/apiobuild
  • 電話: 請包含+號和國碼(美國即為 +1),不用輸入連接號(-)或括號 (例:+17181234567)
  • LINE: LINE 的個人或群組專屬網址。*如何取得LINE網址?
  • Instagram: Instagram 的帳號 (非網址),不用輸入 @ (例:apiobuild)
  • Phone Number: 電話號碼前請加國碼 (美加: +1),不需加其他符號分隔 (例: +17181234567)
  • [NEW] Twitter: Twitter 的帳號 (非網址),不用輸入 @ (例:apiobuild)
  • [NEW] WhatsApp: WhatsApp 號碼並加上國碼, 不需加 + 或其他符號分隔 (例:12121234567)

付款方式 (Payment Methods)

每個付款方式會以按鈕的方式呈現,如果沒有新增任何付款方式,預設會是以 “Submit Order” 按鈕送出訂單。可以添加兩種以上的付款方式。

可以到範例商店實際體驗不同付款方式的流程。如果有其他付款方式的需求,歡迎聯絡我們

線上支付

目前支持以 Stripe 處理信用卡付款。 於開通帳號後,聯絡我們即可!

平台手續費約2.9% + 30¢,會直接從你的營收裡扣款,apio 並不經手你的營收,可參考以下連結了解 Stripe 平台詳細收費方式:

*Stripe 和 PayPal 該選哪個?

若您使用線上支付平台,Chopin 可以自動幫您對帳,確認客人是否付款成功並將結果顯示在訂單 google sheet 上。

手動付款

我們也提供以下手動付款選項,這些交易會是在 Chopin 網路商店外線下發生。雖然此類交易無法自動對帳,但我們仍會將顧客選用的付款方式記錄在訂單 google sheet 上,以利您人工對帳。

  • [NEW] PayPal.Me: 填入 PayPal.Me 連結,範例: https://www.paypal.me/youraccount。這是唯一一個雖是手動付款卻仍能幫客人產生訂單總額的選項,建議使用。 *如何設定PayPal.Me
  • Zelle: 填入 Zelle 帳號(電子信箱或電話號碼)。
  • Venmo: 填入 Venmo 帳號。
  • E-transfer: 填入 e-transfer 帳號。
  • Pay at Pick-Up: 勾選此選項,會出現店取付款選項。
  • [NEW] Collect on Delivery: 勾選此選項,會出現貨到付款選項。

運費 (Shipping)

  • Shipping Option: 可以設立不同的運費選項,也可以用此設定不同的取貨安排(日期、地點)。
  • Free Shiping: 可設定免運金額標準。
  • Delivery Zipcode: 如果你只配送到某些區域,可在此輸入該區域 zipcode 串並以逗號 (,) 分開。顧客填寫地址時,若 zipcode 不在這些範圍時即無法成立訂單。

折扣 (Discount)

  • Discount Type: 可以選擇要滿額折價 (dollar) 或是打折 (percentage)。
  • Discount Category: 如果只想針對某分類產品打折,可以在此填入商品目錄中的分類 (category)。
  • Discount Threshold: 設定購物須滿多少額度才享有折扣。

稅 (Tax)

填入你所在城市的消費稅率。如果將 Tax Rate 設為0,即不會顯示稅率。

若有商品不適用消費稅,可在商品目錄 google sheetno_tax 欄位註記,即不會被計算稅率。

Waitress API

這些是建立商店時自動填入的,如果需要將商品目錄或訂單 google sheet 更新為新試算表,請聯絡我們

總結

新功能持續開發中,並會更新於此篇文章中。如果你有建議或是想客製部分功能,歡迎寫信或是使用 Facebook 訊息聯絡我們。不論預算大小, apio 團隊致力於為您提供合適的客製軟體服務 🚀

comments powered by Disqus