[ Q-Shop功能介紹 ] 如何製作一頁式的商品介紹頁

[ Q-Shop功能介紹 ] 如何製作一頁式的商品介紹頁

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

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

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

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

  • 商品名稱

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

  • 上架時間和下架時間

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

  • 限購數量

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

  • 開放分銷

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

  • 材積可超取

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

  • 開放預購

當設定為"否"時,在商品品項庫存為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分銷折數即為分銷業務拿到商品連結時的終端售價。所以售價是個基準點,建議以方便自己跟分銷業務計算為主。

    • 分潤金額

    用以計算分銷業務的銷售佣金,但目前只能設定固定的金額,且每個分銷業務銷售的分潤均相同。如果店家提供給分銷業務的銷售佣金都是固定的,不會因人而異,可以直接設定分潤金額,系統會幫你做佣金的計算。如果會給不同的分銷業務不同的銷售佣金,就不建議使用這個設定欄位,留空白即可,避免跟分銷業務之間的誤會,而是匯出訂單明細,每筆訂單都會記錄是由哪個分銷業務銷售的,所以在線下用excel進行統計結算即可。

    • 庫存

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

    • 縮圖

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

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

編輯一頁式直購頁可分二個部份,一是一頁式直購頁的商品介紹內容的編輯,二是頁面的相關設定。
在編輯商品介紹內容須注意直購頁的幾個限制:
1. 每新增文字、圖片和影片均為一個區塊,每頁上限20個區塊。
當需要新增的區塊超過20個時,可做區塊之間的整合,例如:

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

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

3. 頁面編輯完後須先儲存後(如圖檔太多或太大時上傳時間會較久,須等待上傳完成提示),再發布。發布後才可正式使用。
第一次新增時,在編輯完後,須先儲存,再發布。儲存時,如果增加的圖檔過多或過大,上傳圖檔至伺服器會需要一些時間,可稍做等候以確定上傳圖檔可正常完成。確定儲存完後,可預覽看是否正常顯原,沒問題後再發布,發布後直購頁才可正常使用。
已發布過的頁面,需要修改時,修改完直接儲存即可,不需要做發布。

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

  • 新增文字

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

  • 新增圖片

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

  • 新增影片

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

  • 刪除區塊

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

  • 移動區塊

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

  • 編輯頁面設定

上架3

  • 顯示商店標題

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

  • 顯示商店頁尾

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

  • 顯示限時倒數

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

  • FB縮圖

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

  • PC顯示窄版

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

  • 線上客服

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

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

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

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

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s