Shopify Metafield使用範例：商品資料庫管理實戰教學

Shopify中有個metafield的欄位，但應該沒有太多人會使用它，也比較少見於台灣體系的電商後台，當初花了點時間熟悉了使用，這篇專門針對Shopify metafield介紹方法。

台灣電商 vs Shopify 商品頁面差異

台灣電商的商品頁面邏輯

台灣電商產業，不管是平台、或者官網架站，商品頁通常是以單一產品做安排，每個產品頁都是獨立頁面。若是需要做調整時，多半也是逐個更換。

Shopify的商品頁面邏輯

Shopify的模組套版，可以製作出很多種產品頁範本，並且可以選擇將這個範本套用到哪些商品上，同時也可以選擇商品切換來預覽。

例如一家運動用品店，可以建立三種不同範本來符合不同類型商品的銷售內容，瑜珈類別、羽球類別、拳擊類別，可以切分為三種截然不同的商品頁面設計。

又例如我為瑜珈墊建立了與其他商品不一樣的範本，因此下面新增了一個Yoga Mat的範本。

Products > Default product: 產品上架會自動帶入此介面範本
＋Create template: 可以新增/再製特定頁面成為範本，另外命名區分

更新商品頁面設計

接著到產品，將套用 Template 範本從「預設範本」改成「Yoga Mat」。
在前台，該產品就會由Default 被替換成Yoga Mat 的頁面設計。

從商品範本裡頭，也可以點選下方處，選擇想要預覽的商品頁面，查看商品帶入範本裡頭的呈現。
Shopify的好處是，變更非常即時，我有時候還會同時開3–4個網頁，一邊調整商品資訊、一邊調整版位、再一邊確認前台消費者角度看起來的樣子如何。

metafield：商品的資料庫

在台灣開店平台的世界裡，商品資料絕大多數是個別輸入進每個產品頁面，也相當於Shopify中的Description，可以盡情的塞所有跟該商品有關的資訊。

metafield則是像資料庫的存在，把商品資料庫建好後，可以在佈置範本中設定關聯目標，進而在前台帶出該商品的相關資訊。若是有相同的資訊需要出現在多個商品頁中，這功能就非常方便，資料庫的資訊成為公版，可以設定要帶出哪一個公版，就算是修改，也只需要修改資料庫即可，還可以一次更新到所有相關的產品資訊中。

設定metafield

在Name欄位輸入你可以辨認的欄位名稱，並在Select Type裡選擇適合的項目，我通常選擇single line, 或者multi-line text，取決在內容的長度，以及加上內容文字後，在前台是否好看、方便閱讀。

例如我多設定了一個collection，用來標記該商品屬於哪一個系列的商品。

再到商品頁面中，找到剛剛設置的“collection”欄位，將該商品的系列填入。

商品資訊設定完成之後，再度回到頁面設計，不難發現這個資料庫的符號，代表這個欄位可以串接資料庫，這也就是使用metafield的地方。

以下圖為例，”collection”是我剛剛為商品額外創建的資料庫欄位，讓這個資訊可以透過資料庫的串接，顯示在前台上。

接下來但凡是使用該範本的商品，都會被帶入“collection”資訊在指定位置，達到自動代換的作用。

除了直接從上述路徑連結過去，也可以從以下路徑管理所有設定的metafield。
Setting > Custom Data > Product > Add Definition

適用情境

熟悉EXCEL操作的朋友，還有另一種思考方法，我們是怎麼使用VLOOKUP、Index/Match的呢？

  • 定義metafield：設定資料庫首欄
  • 商品metafield欄位：填入資料內容
  • 設定連接：把公式填進欄位
在頁面設計選擇「代入資料庫」= excel 中的輸入公式
metafield = excel中的資料庫指定讀取欄
商品頁填入metafield欄位 =  excel中符合該指定讀取欄的內容

​實際運用

最常用的類型：

  1. Single line text – 適合簡短標籤
  2. Multi-line text – 適合詳細說明
  3. Image – 適合視覺展示
  4. List of single line text values – 預設多個選項從中選擇一個項目

進階功能：

  1. JSON – 適合複雜資料結構
  2. Rich text – 適合格式化內容
  3. Rating – 適合品質評級

範例A：

  • 商店有多項商品，每一項商品有相同的欄位需要顯示。
  • 欄位內容資訊需要依據商品有所不同。
  1. 設定三個metafield，分別是「maker(製造商)」、「material(材質)」、「size(尺寸)」
  2. 在商店佈置頁面，選擇相對應的metafield項目，就可以帶出資料庫中，針對該商品的資訊。
  3. 因此在A商品頁面中，「maker」的欄位，就會被帶出「XXX公司」這個值；再切換成B商品，也會帶出「YYY公司」的值。

除了主要的商品介紹之外，我覺得這個方法很適合用來做產品資料的輔助工具，例如以下幾種情境：

  • 藝術作品：代入藝術家姓名、製作年份、作品用材。
  • 服裝：代入商品材質、尺寸、清洗方式
  • 美妝產品：產品成分、適用膚質、有效期限
  • 3C產品：技術規格、系統相容性、保固期間

結語

一開始會有一些學習門檻，跟EXCEL一樣，學會後好好利用，就可以速速達成每一個商品的客製化調整囉！

Ash
Ash
文章: 18

相關文章