• 台北、桃園、中壢、新竹服務處:
  • 03-4821680
  • service@imaginelens.net

幻鏡設計

幻鏡設計

我們專為所有公司、企業、行號、工作室與個人提供全方位的網路相關服務。

(03) 472-8175
Email: service@imaginelens.net

幻鏡網路工作室

台北、桃園、中壢、新竹服務處:320 桃園市中壢區中北路二段117號6樓之1
(富邦大樓)

Open in Google Maps
  • 首頁
  • 關於幻鏡
  • 服務項目
  • 作品展示
    • 客戶網站設計
    • 網站版型範例
  • 價格方案
    • 網站方案與費用
    • 電子商務網站套餐
    • 關鍵字優化送網站
  • 問與答
  • 最新消息
  • 聯絡我們
  • MY CART
    No products in cart.
免費諮詢

商品上架流程

星期六, 30 3 月 2019 / Published in Woocommerce 商品系統插件

商品上架流程

從後台的「商品」→「新增商品」就可以添加各式各樣的商品了。商品的基本格式跟文章很相似,有標題、分類、標籤,商品(特色)圖片,要是已經熟悉文章的設定,商品的建置就很好上手。

所以在此只會特別說明商品資料(Product Data) 的部分,這個也是使用者在設定的時候,比較容易碰到的問題。

1.商品簡短說明

「新增商品」的最下面有一個「商品簡短說明」,在這邊編排文字或圖片,可利用Elementor的小工具放在前台商品頁面,實際出現的位置依照你放置的位置。

2.商品圖片/商品圖庫

商品圖片商品最主要的代表圖片,商品列表、商品頁面的商品主要照片。

商品圖庫的地方,可一次上傳多張照片,顯示於商品頁的時候,可點擊縮圖觀商品圖庫內的照片,照片放大觀看是用 Lightbox 以及輪播方式秀圖。

3.商品資料

商品資料可以這麼看,先選擇(a)的下拉式選單,再點選(b)的各個設定,最後在(c)填入各種商品資料。

商品資料設定區

(1)商品類型

四種商品類型:簡單商品、組合商品、外部/加盟商品、可變商品,簡單解說如下:

簡單商品:商品只有一種款式、一種價格,顧客直接點選加入購物車即可。

組合商品:附屬在其他商品底下,不會有自己的價格。

外部/加盟商品:純粹介紹商品,如果要購買會連到外部網站。

可變商品:一個商品頁面可以有很多種款式(例如 S, M, L 尺寸),對應不同的款式可以設定價格、庫存,與圖片。

(2)商品設定

可變商品的功能是最為複雜,也較為完善,所以我用「可變商品」作為圖例,介紹給大家。

 

  • 一般:內容很單純,裡面只有「貨號」(SKU)一個欄位,請給商品不重複的貨號。
  • 庫存:可以選擇庫存狀態(尚有庫存/已售完/延期交貨),勾選「庫存管理」以設定庫存,但如果是用可變商品,這邊可以不用寫,因為我們之後還需要分別設定各種款式的庫存。單獨出售的部分,就是照字面的意思解讀啦!如果你希望顧客一次只能買一件這個商品,就把他勾起來囉!庫存管理
  • 運送方式:可以填寫產品的重量與尺寸。
  • 連結商品:推薦型跟交叉型,都是可以讓顧客在購物時看到更多的商品。可以將滑鼠移到框框後面的問號看他的解釋,因為設定很容易所以就不多談了。
  • 屬性跟變化類型,是可變商品的精華部分,請直接看以下圖解

屬性

在購買產品時,可能曾經看過產品的規格,如下圖:

商品額外資訊

這些資料都是在屬性裡面設定的,記得要選擇「在商品頁面中可見」,才會出現在商品頁面裡:

商品自訂屬性

如果你有自訂商品屬性,可下拉選擇愈新增的屬性,這個稍後會介紹;要是商品資料是「可變商品」的話,你會發現「在商品頁面中可見」的文字下面,還有一個「用於變化類型」。這個就是讓我們設定,根據不同款式顯示不同的庫存、價格與圖片的重要選項。如果不需要讓這些款式出現在產品規格上,就不要勾選「在商品頁面中可見」的選項。
如果你的屬性比較特別就直接在商品資料內新增屬性,每一個數值都請用“|”做分隔,寫在同一行或是換行都可以,寫完按下儲存才會在「變化類型」的分頁顯示。

寫完之後記得按下儲存,然後再切到「變化類型」的分頁,並選擇「由所有屬性建立變化類型」。

商品建立變化類型

自訂通用的商品屬性:針對經常使用的屬性例如:顏色、尺寸等等,「商品」→「屬性」去新增自訂的商品屬性,網址別名請使用英文並勾選啟用彙整,屬性的部分可以選擇顯示方式讓消費者更直覺性的選擇商品的款式。
商品自訂屬性分類
新增屬性後項目欄底下有「規劃項目」,點選進入新增屬性項目,將設定項目填上之後按新增儲存。

商品屬性規劃項目

變化類型

每一個屬性都是一個變化類型,舉例來說,我這邊有四個款式讓顧客選擇,所以我可以單獨為這四個款式,設定圖片、價錢、庫存等資訊。

回到商品介紹頁面,就可以與一般購物網站一樣,選擇單一產品的各種款式。

千萬記得做任何修改的時候都要記得儲存更變,上架流程部分大致完成,可變商品部分設定熟練後,就可以做出很棒的商品變化。

Tagged under: woocommerce, 上架, 使用教學, 價格, 商品系統, 網站建置, 自助建站

最近更新

  • 網站外觀自訂教學(二)

  • 基本設定簡介

    網站外觀設定簡介

  • 文章管理系統

    文章管理系統

  • 建立自訂的頁尾Footer

  • 自訂頁首模板

    建立自訂的頁首Header

文章分類

  • DIY自助建站
  • Elementor教學
  • Woocommerce 商品系統插件
  • 網路行銷
  • 行動世代

標籤雲

blog DIY 架網站 DIY架網站 Elementor FACEBOOK LINE woocommerce wordpress 上架 使用教學 價格 商務 商品系統 平板 手機 文章 社群 粉絲 網站建置 網購 網路 網頁設計 自助建站 行動 購物 銀髮族 電商 電子 電子商務 電腦

幻鏡的理念

幻鏡是一群年輕、充滿活力及創意的團隊,重視專業分工,提供RWD響應式網頁設計、視覺設計、網路行銷、SEO搜尋引擎優化、關鍵字排名優化、電子商務購物網站平台等功能設計規劃、系統程式撰寫、解決方案與服務,每個專案執行時程皆搭配專案控管人員以便提供服務與諮詢;在現今網站設計技術不斷更新,我們追求的目標不只是一瞬間的視覺驚豔,而是希望永遠為客戶設想下一步,讓客戶的品牌脫穎而出。

北區服務處

地址:326 桃園市楊梅區文化街568巷17號4樓
電話:03-4821680
傳真:03-4821650
信箱:service@imaginelens.net

News – 最新消息

  • 網站外觀自訂教學(二)

  • 基本設定簡介

    網站外觀設定簡介

  • 文章管理系統

    文章管理系統

  • 建立自訂的頁尾Footer

  • 自訂頁首模板

    建立自訂的頁首Header

標籤雲

blog DIY 架網站 DIY架網站 Elementor FACEBOOK LINE woocommerce wordpress 上架 使用教學 價格 商務 商品系統 平板 手機 文章 社群 粉絲 網站建置 網購 網路 網頁設計 自助建站 行動 購物 銀髮族 電商 電子 電子商務 電腦
幻鏡設計

© 2010 All rights reserved. And Design by 幻鏡網路工作室 - ImagineLens. Network Studio

TOP