送禮功能配合您打造的技術架構,而且不去動它
自訂的購物車抽屜也需要禮品選項。為任何元素加上類別名稱,Gift Block 就會在那裡呈現,其他部分完全不受影響。
佈景主題維持您交付時的樣子
從零打造,或是改到面目全非?Gift Blocks 是隨應用程式嵌入載入的佈景主題應用程式區塊,加入送禮功能時,佈景主題程式碼中不會多出任何需要您維護的東西。
- 沒有要維護的程式碼片段。佈景主題檔案可以維持原樣。盡情重構吧,裡面沒有糾纏不清的送禮程式碼片段。
- 佈景主題依您的時程更新。佈景主題更新後,Gift Blocks 會自動重新掛上,下一次發布不需要送禮檢查清單。真要在星期五上線也沒問題。
- 應用程式區塊放在區段允許的地方。在商品頁和購物車頁,Gift Blocks 和其他應用程式區塊一樣加入。區段不支援應用程式區塊時,Wrapped 會自行放置區塊。
您自己的購物車抽屜,裡面有 Gift Block
抽屜是您自己打造的?每個店面 Gift Block 都提供三個穩定的掛鉤,正是為此而設。大多數商店都用不到:沒有它們,Wrapped 也會自行放置每個區塊。
- 您選擇的類別名稱。Gift Block 會在帶有該類別的元素內呈現:每個品項下方、結帳按鈕上方,設計要放哪裡都可以。手機版和桌機版的標記都能使用。
- 您命名的 JavaScript 事件。顧客儲存或移除禮品選項時,會在
document和document.documentElement上派送。事件不附帶購物車資料,由您的監聽器取得購物車,並以您的方式重繪抽屜。 - 供 CSS 使用的 UUID。每個區塊的
uuid屬性中都帶有它,讓抽屜中的 Gift Block 可以精簡呈現,購物車頁的則保留完整空間。
Gift Blocks 支援
- 佈景主題內建的抽屜。自動為您放置。
- Shopify 上最熱門的購物車抽屜應用程式。抽屜較晚載入時會重新建立。
- 您自己打造的抽屜。依您選擇的類別名稱放置。
購物車和結帳中使用 Shopify 自己的元件
如果您熟悉 Shopify,就已經知道送禮功能如何運作。每個禮品選項都是真正的 Shopify 商品,有自己的價格、庫存和圖片,購物車和結帳則使用 Shopify 自己的擴充點。
- 以購物車轉換處理組合。合併時,禮品透過 Shopify 購物車轉換函式放在商品的品項中。分項時,禮品則單獨成為一個品項。無論哪種方式,訂單都會顯示每個待揀貨的品項。
- 以折扣函式處理送禮折扣。禮品商品折扣會自動套用,和其他折扣一起列在 Shopify 折扣中,並可和商品、訂單及運費折扣疊加使用。沒有人需要輸入代碼。
- 在 Shopify Plus 結帳中。結帳 Gift Block 是結帳 UI 擴充功能,放在 Shopify 的結帳編輯器中,並套用您的結帳品牌樣式。重新設計結帳時,區塊也會跟著改變。



禮品資料出現在流程原本就會讀取的地方
您的 ERP 同步和 3PL 匯入本來就會讀取 Shopify 訂單。禮品資料也出現在相同的地方,不必串接新的資料來源,也沒有人需要把禮品留言重打進倉儲系統。
- 品項屬性和訂單屬性。禮品選項、收禮人、贈送人和留言,在商品送禮功能中位於送禮品項上,在訂單送禮功能中位於訂單上。
- 符合您對應設定的鍵名。屬性名稱可配合您的匯入格式,名稱開頭加上底線可對顧客隱藏,但仍保留在訂單上。
- 解析器找得到的摘要。禮品摘要由 Liquid 範本產生,寫入訂單備註中兩行 — Wrapped Gifting Attributes — 之間。備註的其他內容都會保留。
- 與其他標籤和平共處。標籤是 🎁 Wrapped 或您自訂的標籤,並會與訂單上既有的標籤合併。
交接客戶商店,不必多做解釋
下一位開發人員接手的佈景主題中沒有我們的送禮程式碼,客戶團隊則從 Shopify 管理介面管理送禮功能,沿用您設定的外觀。
- 在測試佈景主題上準備好。在測試佈景主題上設定送禮功能,該佈景主題上線當天就能使用。
- 由客戶團隊管理。區塊的外觀和文字都在禮品編輯器中,要把「當作禮物」改成「節日禮物包裝」,由他們自己決定,不必開單給您。
- 交接說明只需一張便利貼。如果您依類別名稱放置了區塊,請註明它指向的元素,因為那段標記是您的。其他一切都在 Shopify 管理介面中。
開發人員最先問的問題
下一次佈景主題更新會讓送禮功能壞掉嗎?
不會。Gift Blocks 是隨應用程式嵌入載入的佈景主題應用程式區塊,佈景主題檔案可以維持原樣,區塊在佈景主題更新後會自動重新掛上。唯一需要帶過去的是您自己加入的標記:類別名稱指向的元素,在新版本中也必須存在。
Gift Block 可以放在我自己打造的購物車抽屜中嗎?
可以。為抽屜中的元素加上您選擇的類別名稱,Gift Block 就會在其中呈現。使用商品送禮功能時,請把元素放在品項迴圈內,讓每件商品各有一個。手機版和桌機版各自的標記都能加上該類別名稱。
JavaScript 事件會附帶購物車資料嗎?
不會。顧客儲存或移除禮品選項時,Wrapped 會在 document 和 document.documentElement 上派送您命名的事件,僅此而已。您的監聽器會取得購物車並執行您自己的程式碼,例如不重新載入頁面就重繪自訂抽屜。
我的程式碼可以依賴 Gift Block 的哪些部分?
三個:您選擇的類別名稱、您命名的事件,以及區塊 uuid 屬性中的 UUID。Gift Block 內部的標記不在其中,所以請以這三者為基礎,外觀則交給禮品編輯器。
ERP 或 3PL 匯入能從禮品訂單取得什麼?
一般的 Shopify 訂單資料。禮品選項、收禮人、贈送人和留言,在商品送禮功能中是品項屬性,在訂單送禮功能中是訂單屬性,名稱都能配合您的匯入格式。禮品摘要由 Liquid 範本產生,寫入訂單備註中兩行 — Wrapped Gifting Attributes — 之間,🎁 Wrapped 標籤或您自訂的標籤會與訂單標籤合併。屬性在訂單建立時就已存在。備註摘要和標籤則會在一兩分鐘內加上。
可以設定結帳 Gift Block 的樣式嗎?
透過結帳品牌樣式設定。在 Shopify Plus 上,結帳 Gift Block 是結帳 UI 擴充功能,放在 Shopify 的結帳編輯器中,並套用您已設定的結帳品牌樣式,可放在每件商品下方,或整筆訂單只顯示一次。
… Before we had even paid a cent for Wrapped, Adam answered questions, got into the nitty-gritty of coding and integration with our web developer. …