如何製作一頁式的商品介紹頁，YouTube影片說明:https://youtu.be/uJyAFeTFK4Q

Q達公仔Demo的一頁式直購頁面連結：https://q-shop.tw/p/HNC9YxZLTR

要上架商品時，可從後台左側的功能表商品/新增進入商品編輯頁面。

上圖是商品資料和一頁式購物頁的對應關係。

• 商品名稱

顯示在購物頁商品選項上方的名稱，也是在商品/總覽時顯示的名稱。有時當多個社群在操作時，可能為特定製作的一頁式購物頁，也可在商品名稱加入社群的名字以做識別。

• 上架時間和下架時間

為設定商品的有效時間，如上架時間不做設定而留白，表示立即有效。下架時間不做設定而留白，表示沒有下架時間永遠有效。

• 限購數量

限制單筆訂單對每個款式品項的購買數量。

• 開放分銷

設定為"是"，分銷業務才可以在後台看到該商品，拿到該商品連結進行銷售。如果店家是要自售，不開放給分銷業務，可以設定為＂否＂。

• 材積可超取

若此商品屬於「無法超商取貨」的大材積物件，請將「材積可超取」的開關調整成「否」，顧客下單時就只能選擇您提供的其他運送方式，例如：郵寄、面交或宅配。

• 開放預購

當設定為"否"時，在商品品項庫存為0時，消費者無法購買該商品品項。

當設定為"是"時，在商品品項庫存為0時，該商品品項會題示＂預購＂，消費者仍可進行購買。

有開放預購時，建議在一頁式的說明中註明預購預期可出貨的時間。

• 任選價格

為一促銷模組。任選價格的計算方式為：消費者選購「此商品內的任意樣式」，只要超過您設定的件數，超出的部分皆會以「平均價格」計算。例如：3 件 599 元，若消費者選購 4 件，第 4 件將會以 200 元計算 (四捨五入)，訂單總價為 599+200=799。

• 加計運費

當您販售大材積或需低溫宅配的生鮮商品時，可透過「加計運費」補足運費差額。例如：您將 全站宅配運費 設為 80，但此商品要用運費較高的低溫宅配運送 (加計 30)，故運費為 80+30=110。

• 款式
  • 順序

  可長按拖拉移動排列順序。

  • 品號

  為店家內部的商品編號，不會在一頁式購物頁中呈現，不設定亦可。

  • 第一層樣式、第二層樣式、第三層樣式

  用來設定商品品項分類，最多可設定三層，例如衣服一般會有三層：

  第一層樣式 – 圓領T-Shirt、V領T-Shirt

  第二層樣式 – 藍色、黃色

  第三層樣式 – S、M、L

  所以就會有2x2x3=12個不同的品項，每個品項的庫存個自獨立，所以會需要設定12個樣式。

  第一層樣式/第二層樣式/第三層樣式

  圓領T-Shirt/藍色/S

  圓領T-Shirt/藍色/M

  圓領T-Shirt/藍色/L

  圓領T-Shirt/黃色/S

  圓領T-Shirt/黃色/M

  圓領T-Shirt/黃色/L

  V領T-Shirt/藍色/S

  V領T-Shirt/藍色/M

  V領T-Shirt/藍色/L

  V領T-Shirt/黃色/S

  V領T-Shirt/黃色/M

  V領T-Shirt/黃色/L

  如樣式不多，不需要用到第二層樣式或第三層樣式，只空白即可。

  如層級超過三層，須合併層級至三層以內，例如

  原本三層的"圓領T-Shirt/藍色/S"也可改為二層"圓領T-Shirt—藍色/S"。

  • 售價

  可用商品原價或一般零售價格。在設定分銷業務時須給定分銷折數，商品售價x分銷折數即為分銷業務拿到商品連結時的終端售價。所以售價是個基準點，建議以方便自己跟分銷業務計算為主。

  • 庫存

  即該品項的庫存量。所有分銷業務均共用這個庫存。

  • 縮圖

  如每個品項有不同的縮圖，可依品項個別上傳。如均共用同一個縮圖時，只需在商品名稱右邊上傳縮圖即可，即會套用在所有品項上。

  設定完商品的內容後，須再設定一頁式的商品說明介紹。可回到商品內容頁，點擊在直購網址旁的藍綠色按鈕"編輯商品介紹“，如下圖位置，即可進入一頁式直購頁的編輯頁面。

  

編輯一頁式直購頁可分二個部份，一是一頁式直購頁的商品介紹內容的編輯，二是頁面的相關設定。

在編輯商品介紹內容須注意直購頁的幾個限制：

1. 每新增文字、圖片和影片均為一個區塊，每頁上限20個區塊。

當需要新增的區塊超過20個時，可做區塊之間的整合，例如：

• 可把多張圖依直式方向(寬度一樣)合併成一張大圖
• 文字區塊盡量合併在同一區塊，如文字是與圖片關聯，亦可將文字合併至圖片內成為一張圖

2. 圖片寬度建議為800~1200像素，如圖片數量太多時，可組合為一張大圖上傳。

圖片的寬度建議為800~1200像素，太小解析度不好，圖片模糊不清，而太大會讓消費者觀看頁面時，載入圖片時間過長，也會增加消費者在流量上的負擔。未經過處理的原始照片檔案經常是幾千像素的長寬，大小有好幾MB，會需要縮小圖片至適合的大小。

3. 頁面編輯完後須先儲存後(如圖檔太多或太大時上傳時間會較久，須等待上傳完成提示)，再發布。發布後才可正式使用。

第一次新增時，在編輯完後，須先儲存，再發布。儲存時，如果增加的圖檔過多或過大，上傳圖檔至伺服器會需要一些時間，可稍做等候以確定上傳圖檔可正常完成。確定儲存完後，可預覽看是否正常顯原，沒問題後再發布，發布後直購頁才可正常使用。

已發布過的頁面，需要修改時，修改完直接儲存即可，不需要做發布。

編輯一頁式的商品內容會有幾個動作：

• 新增文字

會出現文字編輯器，使用方式跟word類似。亦可以HTML色碼編輯區塊背景顏色，或是設定背景圖片。

• 新增圖片

選擇圖檔位置，上傳圖片寬度建議在800~1200像素。

• 新增影片

支援 YouTube / Facebook / Vimeo 影片，貼上影片連結即可。

• 刪除區塊

點選欲刪除的區塊，點擊在右上角的"X"即可刪除。

• 移動區塊

點選欲移動的區塊，拖拉上下移動至欲插入的位置即可。

• 編輯頁面設定

• 顯示商店標題

在一頁式上方是否要顯示商店的名稱，如Q達の店。

• 顯示商店頁尾

在一頁式下方是否要顯示Powered by Q-Shop和© Q-Shop, All Rights Reserved.的文字。

• 顯示限時倒數

須有設定商品的下架時間才可設定。如有開啟設定，則會在一頁式直購頁出現倒數計時器，如下圖。

• FB縮圖

在Facebook分享直購頁連結時，Facebook會帶入連結的縮圖，圖的長寬比例會影響Facebook的排版，建議是563x296px，會是寬版的大圖顯示，如下圖。

• PC顯示窄版

PC上的螢幕寬度比較寬，如果設定為否，在PC上的顯示圖文會依PC寬度自適應。如果圖的解析度不夠，建議設定為"是"，在PC上瀏覽也不會有問題。

• 線上客服

如有設定FB粉絲頁和Line@的線上客服，在直購頁的左下角就會出現Icon，如顯示限時倒數中的圖，消費者在購買時如有問題，可快速與店家聯絡。

• 一頁式直購頁左上角的返回

直購頁的返回，如顯示限時倒數中的圖，可設定為店家的官網或粉絲頁，設定的位置在左側功能表設定／商店設定／返回網址。

完成設定儲存、發布後，店家和分銷業務即可拿商品的直購網址進行銷售囉！

• Q-Shop功能介紹