開設戰隊商店

從 Fourthwall 商店到網站上的商店頁面:連結、選商品、發布。

適用戰隊擁有者與管理員 · 7 個步驟

事前準備

  • 你的戰隊有網站訂閱。免費戰隊的管理區會顯示取得網站,而不是商店。
  • 一個你擁有的 Fourthwall 商店,已在 Fourthwall 上線,而且至少有一項商品已在那裡發布。在 Fourthwall 上仍設為「Coming soon」的商店,或仍設為隱藏的商品,不會出現在你的網站上。
  • **還沒有商店?**先到 Fourthwall 建立一個,Spawnfront 無法幫你建立。Fourthwall 的指南建立你的 Fourthwall 帳號會一步步帶你完成。
  • 你是戰隊的擁有者或管理員。

步驟

  1. 步驟 1:在 Fourthwall 讓商店上線

    在 Fourthwall 上發布至少一項商品,並把商店設為上線。這是在 Fourthwall 自己的網站上操作,不是在 Spawnfront。第一次用 Fourthwall?先看建立你的 Fourthwall 帳號,再看你在 Fourthwall 的第一週,了解怎麼新增商品和上線。

    你應該會看到:你的商品出現在商店自己的 Fourthwall 網址上。

  2. 步驟 2:在戰隊管理區開啟商店

    在 Spawnfront 中,從側邊欄開啟你的戰隊,然後按 商店。

    你應該會看到:標題為「商店」的頁面。如果商店還沒連結,頁面會顯示三個欄位:Storefront 權杖、結帳網域和 Webhook 密鑰。

    你的戰隊管理區,側邊欄的「商店」已框出。
  3. 步驟 3:連結你的商店

    從 Fourthwall 商店的開發者設定貼上 Storefront 權杖、結帳網域 和 Webhook 密鑰,然後按 連結。

    你應該會看到:一張寫著你商店名稱的卡片,附上可以複製的 webhook 網址。如果你的商店已經連結過,就跳過這一步。

    商店頁面的連結表單已填好,「連結」按鈕已框出。
  4. 步驟 4:選擇要販售的商品

    在你商店的商品清單中,為每項想放上網站的商品開啟 在商店顯示。

    你應該會看到:每項你開啟的商品都加入下方的清單,順序就是商店頁面顯示的順序。

    你的商店商品,球衣旁的「在商店顯示」開關已框出。
  5. 步驟 5:儲存精選商品

    按精選商品旁的 上移 或 下移,把精選商品排成你要的順序,並勾選最多四項設為 精選,讓它們顯示在首頁。然後按 儲存精選商品。

    你應該會看到:「已儲存精選商品」。精選商品會存成草稿,訪客還看不到。

    已選的商品,球衣標為「精選」,「儲存精選商品」按鈕已框出。
  6. 步驟 6:發布你的網站

    按側邊欄的 發布。檢查上次發布後的變更底下的清單,按 發布(如果你曾讓網站下線,按鈕會顯示 發布並上線),然後在開啟的視窗中按 立即發布。

    **這一步才會把商店放上你的網站。**在你發布之前,精選商品都只是草稿。

    你應該會看到:全部已上線。

    發布頁面列出商店的變更,「發布」按鈕已框出。
  7. 步驟 7:檢查你的網站

    開啟你的網站。選單中現在有 商店,旁邊還有購物車。

    你應該會看到:你在商店頁面選的商品,依你的順序排列。

    你的戰隊網站,選單中的「商店」已框出。

如何確認成功

  • 網站選單顯示商店和購物車。
  • 商店頁面依你的順序列出你選的商品。
  • 加入購物車會把商品放進購物車,結帳會開啟 Fourthwall 的付款頁面。到這裡就停,下單會花真的錢。

看起來不太對?

我的網站顯示「商店即將推出」

商店要同時具備兩個條件才會開啟:已連結的商店,以及已發布網站中至少一項精選商品。儲存精選商品後要按發布(步驟 6)。如果你已經發布,請檢查你的商店是否已在 Fourthwall 上線(步驟 1)。

我還沒有 Fourthwall 商店

Spawnfront 不會建立商店,你要在 Fourthwall 建立商店,再到這裡連結。依照 Fourthwall 的建立你的 Fourthwall 帳號操作,發布一項商品,把商店設為上線,然後回到步驟 2。

商店裡的商品清單是空的

只有在 Fourthwall 上已發布的商品才會出現。隱藏或草稿商品不會出現,請先在 Fourthwall 發布,再重新載入商店頁面。

連結時顯示權杖錯誤

從 Fourthwall 商店的開發者設定複製 storefront 權杖,不是 Open API 密碼,並確認結帳網域是你自己商店的網址。

結帳頁面很難閱讀

結帳會開啟 Fourthwall 自己的付款頁面,位在你商店的 Fourthwall 網址上。它的顏色來自你在 Fourthwall 的商店主題,不是來自你的 Spawnfront 網站,所以請到 Fourthwall 後台的商店設計設定修改。你的 Spawnfront 商店和購物車會跟著網站的顏色,請參閱選擇範本和外觀。

「發布」按鈕是灰色的

有未通過的檢查時,就無法發布。發布頁面上的檢查項目清單會說明是哪一項,以及怎麼修正。

還是卡住了?聯絡客服或寄信至 support@spawnfront.com,告訴我們你所在的頁面和步驟編號。