設定好金流及物流與發票後,接著就可以上傳您的第一件商品囉!因上架商品會套用預設的「商品內容頁」版型,故上架商品之前請先確認編輯「商品內容頁」版型
一、商品內容頁
什麼是「商品內容頁」? 商品內容頁 是針對不同商品類型所設計的展示版型,讓您能快速為不同品項套用對應的排版樣式,提升上架效率與頁面一致性。
meepShop後台 提供「商品內容頁」功能,您可以依照商品特性(如服飾、飾品、食品等),建立多組版型範本:
-
服飾商品 → 可設定包含尺寸表、穿搭圖的版型
-
飾品商品 → 可設定強調材質細節的圖文版型
這樣在上架商品時,只需套用對應版型,即可完成排版,不需每次重新設計,節省大量作業時間。
後台預設提供一組「商品頁版型」,當您第一次進行上架,可直接編輯該「商品頁版型」並設定為預設樣式,後續上架商品就會套用此版型喔!
請於後台點選 商店設計-頁面設計→ 商品版型 → 展開商品內容頁 → 點擊預設的 商品頁版型 → 按右下方編輯

進入商品版型頁,系統會自動帶入版型元件內的 商品內容、 商品照片集、 商品文字 、商品影片 四個元件,
接著請您參考此篇說明,調整這四個元件的細部設定,設定完成後, 當您上架商品 (若為預設版型) 則可直接套入該版型樣式喔!


若您有多個商品系列,可新增商品頁版型,並依不同商品選擇套用,讓您的品牌商品頁更有一致性與風格。
設定完成後,確認您是否要更換預設版型,更換預設版型方式請參考 此章節 說明
二、上架商品
確認商品版型無誤後,即可開始上架,請先進入商品 –>點選新增商品

顯示「商品狀態」設定列

Step 1 : 商品上下架狀態
系統預設為上架,如新增的商品要直接上架,您可勾選「上架」,如商品目前不要上架,請先勾選「下架」,若商品要設定預約上下架的功能,請參考此篇進行設定
Step 2 :商店前台顯示狀態
您可透過此功能控制商品在商店前台的顯示狀態,系統預設為「顯示」,並提供以下三種選項:
🔹 顯示:商品會正常顯示於所有頁面區塊,包括商品列表、搜尋結果及廣告(DPA)。
🔹 隱藏:商品將不會出現在搜尋結果、任何頁面的商品列表元件及 DPA 廣告中。若使用者直接進入該商品頁面,則會顯示「404 找不到頁面」。
🔹 在搜尋結果頁面隱藏:商品將不會顯示於搜尋結果,但仍可透過其他方式(如商品列表、連結)正常瀏覽。此設定適合用於提供 KOL 推廣的專屬商品。
詳細的狀態說明請參考此篇
接著在設定下方商品資訊、影像、介紹等資訊
Step1: 輸入商品名稱
Step2: 設定此商品標籤Tag (可設定多組標籤,標籤的設定可方便您之後在目錄設計中使用Tag搜尋到您分類的商品喔! )

Step3: 輸入商品描述
可在商品細節描述內,打上您商品的內容,亦可使用文字編輯器來設定 Heading 標題 H1-H6的選項,加強SEO喔!
*關於SEO相關設定可參考此篇

Step4: 設定商品基本資訊-售價、成本、庫存、商品編號、廠商編號、最少購買量及最大購買量等…
註:若是有輸入過定價、建議售價,想刪除金額的話,因系統無法儲存空值,故要輸入”0”之後按儲存才會生效。
Step5: 若商品有多規格,請點選規格做編輯
① 設定商品的規格 EX:尺寸-S、M、L / 顏色-白、粉 (按Enter鍵設定規格)
② 設定個規格的商品資訊-售價庫存等…
③ 將狀態開啟上架,前台消費者才能看到此商品規格喔!
④ 以上確認無誤後,點選儲存即可
Tips: 如要設定商品規格顯示對應之圖片,請參考 此篇 ,要變更規格順序,請參考此篇
Step 6、7 : 影像區分為「影像1」及「影像2」,
「影像1」之商品圖顯示於商品頁左上方區塊;「影像2」之商品圖顯示於商品頁下方。
上傳商品圖片
① 從電腦中選取圖片上傳
② 上傳圖片至媒體櫃後,勾選您要的商品圖片後按『選取』
③ 若於此處建立圖片標籤,未來可由搜尋方式快速找到圖片資訊
④ 點選圖片小房子可設定為主圖,長按圖片可移動圖片順序


Step8、9 : 「商品文字」、「商品影片」須先於商品內容頁版型內套用「商品文字元件」及「商品影片元件」,若商品上架套用該版型,並於商品上架-商品文字欄位輸入文字,或設定商品影片,則前台商品頁會顯示該商品文字及影片。


您可以點擊更改版型,查看目前套用的版型,會套用您目前預設的商品頁版型喔!

接著即可以點擊預覽,到商品頁前台查看頁面喔

上架完成您的商品,接著就開始編輯網站囉!
立即前往 新手快速開店第六篇-商店設計



