2021 Shopify Unite 重點整理 |台灣品牌可以運用哪些新功能?

2021 Shopify Unite 重點整理 |台灣品牌可以運用哪些新功能?

 

2021的Shopify Unite公佈了許多重大消息,包含待會文章會介紹與商家最直接相關的幾個新功能,以及Shopify公佈了幾個重要數字:包含公布在2021年7月統計,全球已經有超過170萬個商家使用Shopify營運他們的網路商店,在2020 年總共幫全球的Shopify開發者創造了125億美元的收入、以及在Shopify 生態圈App Store,已有超過6千多的Apps來幫助商家解決各式問題,相較於過去一年成長了84%。商家們可以期待陸陸續續有更多的App出現在Shopify生態系!

至於Shopify今年推出的幾項令人驚艷新功能,整理了商家們最關心的部分,包含:

  1. Online Store 2.0 :
    1. 每一個頁面都可以建立Section 
    2. 後台多了內容管理功能
    3. Theme 後台多了App管理區塊
    4. 案例介紹:Netflix 
  2. Shopify checkout extension 結帳頁面新功能:
    1. 增加結帳頁安全性及開放結帳頁面編輯區塊 (Plus)
    2. 增加結帳後加購產品區塊
  3. Storefront API :
    1. 購物車功能增加
    2. Local pick up 本地取貨
    3. 更好管理銷售計畫、如Shopify payment 可以做一般販售或訂閱制
  4. 運用 Hydrogen 打造客製化店面 (Custom Storefronts)


Online Store 2.0 

每一個頁面都可以建立Section

過去Shopify商家系統default 客製化的頁面只局限於首頁Home Page,如果要在其他頁面Pages做到客製化管理,需要自己會寫一點程式,或者是使用如Shogun 或Pagefly的App。但在Online Store 2.0推出後, 商家可以直接內建使用基本的這類功能,做到在頁面Pages基本的拖拉排版。

後台多了內容管理功能

Admin中多出「Content」內容管理系統區塊,可以先將需要的素材內容上傳在Content 裡面,然後這些content 可以被串接起來,被運用在每一個頁面Pages 上。(例如可以把某個單一評論存在content 內設為客製化資料欄位,作為一個metafield小素材,而這個小素材,可以被拉到Page網頁其他地方運用)所以可以想像content 就像是一個如google drive一般的線上資料庫, 你需要取用素材時就從這邊拖拉,也可以更容易地在線上與同事夥伴協作管理、用同樣的素材庫管理頁面。

Theme 後台多了App管理區塊。

 在管理介面中新增了App的區塊(Theme app extensions with app blocks)商家可以一目瞭然的看到並管理所下載的App所呈現的頁面,並且用Editor決定開啟與關閉。商家不用再像以前一樣,一一進入到App裡面去點選並且管理,然後由App去操控&設定哪些頁面要使用App功能。 

可以做到統一在同一介面管理App的原因來自於,Online Store 2.0 的Theme editor 的新規格讓App開發商可以根據這樣的規格與Theme做到更完善的對接。此舉除了讓商家更好統一管理App,也可以降低App與App之間偶發的衝突,更降低早先偶有Ghost code殘留在Theme裡面的問題。 

案例介紹:Netflix 

Shopify這次也與Netflix攜手, 運用了Online Store 2.0的功能,建立出一個非常酷的Shopify網站:Netflix.shop。裡面完全Follow 了Netflix 自有的品牌概念,並且創意在內頁的發展不受到限制。大家可以進去滑一下Pages,真的很酷!

 

結帳頁面新功能(Checkout extension)

增加結帳頁安全性及開放結帳頁面編輯區塊

一直以來,Shopify的結帳頁面除了Shopify Plus用戶之外,是不能做修改的,而即使是Plus的用戶,要改動該頁,也不是一件容易的事情。這次2021 Shopify Unite 公布的Check out extension增設了一些區塊,讓結帳頁面可以做產品警告與提醒,例如:提醒此產品易碎、此產品含有某種特殊化學成分,使用上要多小心等等。所以未來不只有在購物車有可以與消費者溝通的模板,Check out頁面也有了。

增加結帳後加購產品區塊(Check out promotion)

Shopify Unite 中也提到,結帳頁面區塊可以增加商家很在乎的功能,例如:Free gift 免費試用品加入購物車。可以應用的方向如食品業者的免費紙袋0元加購、美容保養品業者免費試用包加購。讓消費者體驗到如實體店面可以體驗到的感受。

此外,Check out 頁面上述的兩大功能也能做結合:例如在加購免費試用品後,直接於加購頁面顯示提醒標語。

 

Storefront API

購物車功能增加

購物車可解鎖如商品要含稅、不含稅、折扣、關稅預估等加總或不加總功能。讓開發人員可以更好打造購物車相關功能。

Local pick up 本地取貨

通過 Storefront API 查詢附近取貨商店位置,讓有實體商家的客人除了可以選擇運送之外,也提供到店取貨功能。而這次的API讓開發者可以更好的在本地取貨功能之上做一些開發運用。

Selling plans 更好管理銷售計畫

銷售計劃使商家能夠創建自定義的計費、定價和付款政策。這意味著,若使用Shopify Payment、透過 Storefront API,商家可以啟用訂閱、預訂和其他銷售方式,檢視與每個產品關聯的銷售計劃。

***由於Shopify Payment在台灣目前(2021/7月)還尚未開通,所以這個部分在台灣的使用方式還是需要看第三方金流如何配合串接Shopify。

運用 Hydrogen 打造更有創意的客製化店面 (Custom Storefronts)

過去要建立客製化 Shopify 商店,大家可能知道網頁工程師必須登入 Shopify Admin 的 Theme 後台去編輯 Liquid 程式碼,也可能會需要熟悉並遵循 Shopify 的 Liquid 語言去實作客製化網頁。

然而 Shopify 本次即將推出的 Hydrogen 平台,將工程師平常存放程式碼的 Github Repository 與 Shopify Hydrogen Store 整合起來,僅需要用平常最習慣的開發方式,便能即時更新 Shopify 網站頁面,不需一個一個 Liquid 檔案開起來編輯;另外 Hydrogen 也相容現行前端工程師較為熟悉的 React,透過 Shopify 已經製作好的各個如購物車 (Cart), 變體選擇器 (Variant Picker), 媒體庫 (Media Gallery) 等 React 元件,可以更快速地搭配出更富創意且互動生動的 Shopify 網頁。

另外 Shopify 也與多個開發者社群深度整合,如熱門的 GatsbyVercel,讓已經很熟悉這些前端框架的工程師,可以無痕接軌開發於 Shopify 商店上。本次 Shopify Unite 很特別地由 CEO Tobi 做 live coding,示範如何在他的滑雪板的 Store 上,運用 Hydrogen 開發互動性更高的商店。相信此舉大幅降低目前網頁工程師於 Shopify 開發的門檻,會造就更多創意有趣的網路商店喔。

這次2021 Shopify Unite 對台灣商家的影響

這一系列功能的公布,除了品牌電商之外,Shopify也很專注在Shopify三大生態系(Theme設計、App應用程式、Partner)開發業者做溝通。更多後端的架構與新功能,讓生態系成員能夠打造出更好的服務給用Shopify營運的品牌電商業者們。

在Unite,Shopify也同時向工程師、開發商招手,邀請加入Shopify生態圈,公布了只要Shopify開發者收入低於100萬美元,Shopify一分不抽; 而超過100萬美元,Shopify則抽成15%的重大消息,此舉就像在向Google 和Apple 的工程團隊招手,來Shopify建立App和Theme吧!

各位電商品牌、創業者們可以更期待今年陸續有更直覺、更完善的體驗推出!

👉 完整的2021 Shopify Unite影片:https://unite.shopify.com/

👉 對Shopify有興趣?報名AkoCommerce Shopify免費顧問諮詢

👉 2019 Shopify Unite 重點回顧:https://akocommerce.com/blogs/shopify-news/2019-shopify-unite-a-new-online-store-design-experience

Shopify 台灣案例分享
回到新聞資訊