你會得到

  • 一個內嵌字型與圖片的 HTML 檔,或 Next.js、React、Vue、Astro 移植版
  • 首頁、可篩選的商品目錄、商品頁、系列、購物車與示範結帳
  • 尺寸指南、配送、FAQ、聯絡、關於、電子報、法律與 404 頁面
  • 檢查連結、結構、離線安全與殘留範例名稱的驗證工具
  • 可選:PopNow 生成的搭配商品照與形象照,每次執行前先報價

適合

  • 球鞋、鞋類與運動服飾品牌
  • 想要廣告形象風格的小型服飾品牌
  • 串接真正購物車前,先交給工程師的商店原型

不適合

  • 現在就要收真實款項:串接金流前,結帳只是示範
  • 數百件商品、需要資料庫的目錄
  • 張揚、深色或霓虹風的品牌識別

怎麼用

在 Claude 或 ChatGPT 裡

用 PopNow 的技能「球鞋商店網站範本」(sneaker-store-website)幫我做這件事:幫 Northfold 做一個商店,這是一個以 EUR 販售五款鞋的小型越野跑鞋品牌,滿 120 EUR 免運,30 天內可退貨。

在程式 Agent 裡

/popnow-sneaker-store-website 幫 Northfold 做一個商店,這是一個以 EUR 販售五款鞋的小型越野跑鞋品牌,滿 120 EUR 免運,30 天內可退貨。

接著試試

把 ./photos 裡的商品照放到商店背景上,先報價給我。

把商店移植到我的 Next.js 專案,結帳維持示範模式。

需要準備

  • 商品名稱、價格、配色與尺寸
  • 二到四個系列,以及你的配送與退貨政策
  • 商品照片,或用來生成照片的 PopNow API 金鑰
  • 如果有實體店面,請提供地址與營業時間

類似技能

查看全部 →

常見問題

結帳會收取真實款項嗎?

不會。它會驗證表單、依配送方式更新總額並顯示確認畫面,但會明確停在付款之前。串接金流服務是真實專案中的另一個步驟。

可以用我自己的商品照嗎?

可以。放進來後,技能會直接使用;或在你核可並看過點數報價後,用 PopNow 把照片放到商店統一的背景上或去背,讓格狀列表看起來一致。

可以用在服飾,而不是鞋子嗎?

可以。尺寸會改成字母尺碼,尺寸指南變成量身尺寸表,鞋寬選項變成版型。系列和產品線可以改名或移除。

如果我沒有 PopNow API 金鑰呢?

商店照樣能做出來。商品會使用標註好的預留圖塊或你自己的照片,回覆中也會列出哪些位置還需要圖片。