YOUR BRAND STARTS HERE

好點子，
值得一間好商店。

歡迎來到你的新商店。從首頁設計到第一件商品，
跟著六個步驟，把想法變成自己的品牌。

開始打造商店前往後台設定

先做出第一版，再慢慢變成你喜歡的樣子。

A LITTLE IDEA. A NEW BEGINNING.

你的品牌，從這裡開始

MADE WITH YOUR IDEAS讓風格，有自己的位置。

下一步，由你創造設計 · 商品 · 品牌

THE FIRST SIX STEPS

開店，從這六件事開始。

不用一次全部完成。
先選一個步驟，開始就很好。

STEP 01 首頁設計

讓 AI 幫你，
做出品牌的第一眼。

把商店名稱、商品與喜歡的風格告訴 ChatGPT 等 AI，先做出一版首頁，再放進網站後台。

怎麼把設計放進網站？

複製右方提示詞，填好品牌資訊，交給你使用的 AI。
到後台「電商資訊設定」的頁面管理列表，找到「首頁」，點「設計與資源」。
確認目前編輯的是首頁，分別編輯既有 HTML、CSS、JS，貼入對應程式碼並按「儲存」。沒有 JavaScript 時可略過。
回到網站首頁重新整理，確認電腦與手機的顯示效果。

儲存新的首頁 HTML 會取代目前這份指南，建議先複製保留需要的說明。只調整首頁內容，頁首與頁尾可繼續沿用。

前往頁面管理

給 AI 的首頁設計提示詞填好就能用

請幫我設計一個繁體中文商店首頁。

【我的品牌】
商店名稱：
販售商品／服務：
品牌特色：
希望的風格與配色：
首頁需要的區塊：

【程式碼要求】
1. 分別提供 HTML、CSS、JavaScript 三段程式碼，方便貼到網站後台各自的編輯欄位。
2. HTML 只提供首頁內容，不含 html、head、body、style、script 標籤；不要製作頁首導覽與頁尾，網站已有共用的頁首與頁尾。
3. 將全部首頁內容包在 class 為 my-store-home 的容器內。CSS 選擇器都必須限定在這個容器內，不修改 body、全站按鈕或共用導覽樣式。
4. 支援電腦與手機，文字清楚、留白充足，有吸引人的主視覺。
5. JavaScript 只操作首頁容器；沒有必要時請說明「不需要 JavaScript」。
6. 不使用需要編譯的框架，不依賴外部套件。不要自行實作購物車、登入、付款或商品資料流程。
7. 不虛構價格、折扣、交期、聯絡資訊或服務承諾；不確定的內容請標示待填寫。
8. 圖片先使用清楚標示的圖片路徑占位，並列出需要準備的圖片。按鈕連結也請標示需要我填入的實際網址。

請先提供一版完整設計，再說明哪些文字、圖片路徑與連結需要我替換。

填入你的品牌資訊，再交給 AI。

圖片可在頁面編輯器的媒體區上傳，再將實際圖片路徑提供給 AI。

STEP 02

讓顧客，找到想看的。

建立清楚的 menu，把商品分類與資訊頁整理成容易瀏覽的入口。

查看導覽設定步驟

到「商品管理 → 分類與導覽」，點「新增主導覽」。
設定主導覽名稱，依需要建立下層分類。
使用「調整主導覽順序」，安排顯示順序。
資訊頁可在頁面管理中設定「掛在分類選單下」，連接到對應分類。

例如「商品系列」是主導覽，下方再依你的商品分成不同類別。

前往分類與導覽

STEP 03

每個選項，都說清楚。

尺寸、顏色或款式，先建立規格選項，再讓不同商品選用。

尺寸SML示意

查看商品規格設定步驟

到「商品管理 → 商品規格設定」，點「新增規格」。
建立尺寸、顏色等規格，設定名稱與顯示方式。
點「新增規格選項」，加入實際使用的選項並儲存。
回到商品的「規格、庫存與量價」，選用需要的規格，再設定價格與庫存。

前往商品規格設定

商品展示示意

STEP 04

上架你的第一件商品。

準備好名稱、照片與價格，讓顧客看見你的商品特色。

查看商品上架步驟

進入商品資訊設定，填寫商品名稱、介紹與基本資料。
新增商品圖片，選擇清楚呈現商品的照片。
到「規格、庫存與量價」，依商品需要設定規格、價格與庫存。
將「上架狀態」設為「上架」，點「確認存檔」。
回到前台，確認商品內容與選項是否正確。

前往商品資訊設定

材質與配色示意

STEP 05有需要再設定

加入加工，讓商品更有可能。

若有印刷或其他加工服務，再設定加工模組與商品適用的加工方式。

查看加工功能設定步驟

到「加工模組設定 → 新增加工模組」，設定你的加工服務內容與計價。
到「商品規格設定 → 商品加工標題設定」，建立商品使用的加工區域標題，例如正面、背面。
回到商品的「規格、庫存與量價 → 加工區域與方式」，新增加工區域並設定加工方式。
確認存檔後，到前台查看加工選項與價格。

若需要顧客在線上編輯圖稿，還需依加工服務設定編輯模組；一般商品可以先略過這一步。

前往加工模組管理

STEP 06

讓搜尋與分享，也有品牌的樣子。

設定每個頁面的標題、簡介與分享資訊，清楚介紹你的商店。可以先從首頁開始。

查看 SEO 設定步驟

到後台頁面管理列表，找到「首頁」，點「基本資料與 SEO」。
填寫「Meta Title」：用品牌名稱與商品特色，說明這個頁面的主題。
填寫「Meta Description」：簡短介紹販售內容與品牌特色，使用真實資訊。
設定「OG Title」、「OG Description」與「OG Image」，準備連結分享時使用的標題、介紹與圖片網址。
按「存檔」儲存。其他頁面也可在同一個列表中，分別設定自己的 SEO 資訊。

標題與簡介示意

【品牌名稱】｜【主要商品或服務】

探索【品牌名稱】的【商品系列】，認識我們的【品牌特色】，找到適合你的商品。

請將括號內容換成實際品牌資訊。這是文字示意，搜尋與分享平台的實際呈現可能不同。

前往頁面管理設定 SEO

START SMALL. MAKE IT YOURS.

第一件商品，就是好的開始。

不用等到一切完美。先完成一個小步驟，讓你的品牌慢慢成形。

開始設定商品

這是商店的預設開店指南。後台入口會另開新分頁，需使用店家帳號登入，可用功能依帳號權限與方案而定。

好點子，值得一間好商店。