給開發人員和代理商

送禮功能配合您打造的技術架構,而且不去動它

自訂的購物車抽屜也需要禮品選項。為任何元素加上類別名稱,Gift Block 就會在那裡呈現,其他部分完全不受影響。

App Store 評分 4.9 Built for Shopify 29 種語言 7 天免費試用
目前佈景主題 儲存 頁首 商品資訊 標題 價格 變體選擇器 商品禮品選項 購買按鈕 應用程式嵌入 禮品選項 聊天小工具 佈景主題已更新,區塊仍在
自訂佈景主題

佈景主題維持您交付時的樣子

從零打造,或是改到面目全非?Gift Blocks 是隨應用程式嵌入載入的佈景主題應用程式區塊,加入送禮功能時,佈景主題程式碼中不會多出任何需要您維護的東西。

  • 沒有要維護的程式碼片段。佈景主題檔案可以維持原樣。盡情重構吧,裡面沒有糾纏不清的送禮程式碼片段。
  • 佈景主題依您的時程更新。佈景主題更新後,Gift Blocks 會自動重新掛上,下一次發布不需要送禮檢查清單。真要在星期五上線也沒問題。
  • 應用程式區塊放在區段允許的地方。在商品頁和購物車頁,Gift Blocks 和其他應用程式區塊一樣加入。區段不支援應用程式區塊時,Wrapped 會自行放置區塊。
店面中的 Gift Blocks
自訂購物車抽屜

您自己的購物車抽屜,裡面有 Gift Block

抽屜是您自己打造的?每個店面 Gift Block 都提供三個穩定的掛鉤,正是為此而設。大多數商店都用不到:沒有它們,Wrapped 也會自行放置每個區塊。

  • 您選擇的類別名稱。Gift Block 會在帶有該類別的元素內呈現:每個品項下方、結帳按鈕上方,設計要放哪裡都可以。手機版和桌機版的標記都能使用。
  • 您命名的 JavaScript 事件。顧客儲存或移除禮品選項時,會在 document 和 document.documentElement 上派送。事件不附帶購物車資料,由您的監聽器取得購物車,並以您的方式重繪抽屜。
  • 供 CSS 使用的 UUID。每個區塊的 uuid 屬性中都帶有它,讓抽屜中的 Gift Block 可以精簡呈現,購物車頁的則保留完整空間。

Gift Blocks 支援

  • 佈景主題內建的抽屜。自動為您放置。
  • Shopify 上最熱門的購物車抽屜應用程式。抽屜較晚載入時會重新建立。
  • 您自己打造的抽屜。依您選擇的類別名稱放置。
您的購物車 Linen shirt 尺寸 M · × 1 $48.00 條紋禮品包裝 · 給 Maya + $5.00 Sea and Dune Candle × 1 $75.99 禮盒 蠟燭用 · 給 Sam $12.00 小計 $140.99 滿 $100 免費包裝 折扣 − $5.00 運費 $6.00 總計 $141.99 結帳
以 Shopify 打造

購物車和結帳中使用 Shopify 自己的元件

如果您熟悉 Shopify,就已經知道送禮功能如何運作。每個禮品選項都是真正的 Shopify 商品,有自己的價格、庫存和圖片,購物車和結帳則使用 Shopify 自己的擴充點。

  • 以購物車轉換處理組合。合併時,禮品透過 Shopify 購物車轉換函式放在商品的品項中。分項時,禮品則單獨成為一個品項。無論哪種方式,訂單都會顯示每個待揀貨的品項。
  • 以折扣函式處理送禮折扣。禮品商品折扣會自動套用,和其他折扣一起列在 Shopify 折扣中,並可和商品、訂單及運費折扣疊加使用。沒有人需要輸入代碼。
  • 在 Shopify Plus 結帳中。結帳 Gift Block 是結帳 UI 擴充功能,放在 Shopify 的結帳編輯器中,並套用您的結帳品牌樣式。重新設計結帳時,區塊也會跟著改變。
帶動銷售的禮品選項
Shopify 訂單的「未出貨」卡片:禮品袋品項,接著是蠟燭及其禮品選項、收禮人、贈送人和禮品留言
訂單的「其他詳細資料」:送禮為是、禮品選項、收禮人、贈送人和禮品留言
訂單備註:送禮商品及其 SKU、組合鍵、禮品選項、收禮人、贈送人和留言,每項各一行
訂單處理流程

禮品資料出現在流程原本就會讀取的地方

您的 ERP 同步和 3PL 匯入本來就會讀取 Shopify 訂單。禮品資料也出現在相同的地方,不必串接新的資料來源,也沒有人需要把禮品留言重打進倉儲系統。

  • 品項屬性和訂單屬性。禮品選項、收禮人、贈送人和留言,在商品送禮功能中位於送禮品項上,在訂單送禮功能中位於訂單上。
  • 符合您對應設定的鍵名。屬性名稱可配合您的匯入格式,名稱開頭加上底線可對顧客隱藏,但仍保留在訂單上。
  • 解析器找得到的摘要。禮品摘要由 Liquid 範本產生,寫入訂單備註中兩行 — Wrapped Gifting Attributes — 之間。備註的其他內容都會保留。
  • 與其他標籤和平共處。標籤是 🎁 Wrapped 或您自訂的標籤,並會與訂單上既有的標籤合併。
說明中心的送禮屬性文章
佈景主題 客戶佈景主題 使用中 2 小時前儲存 禮品選項已開啟 自訂 佈景主題庫 2026 節慶 未發布 · 已設定送禮 禮品選項已開啟 發布 交接 送禮:Wrapped,都在 Shopify 管理介面。 外觀和文字: 禮品編輯器。 抽屜區塊位於 .cart-drawer__footer
客戶商店

交接客戶商店,不必多做解釋

下一位開發人員接手的佈景主題中沒有我們的送禮程式碼,客戶團隊則從 Shopify 管理介面管理送禮功能,沿用您設定的外觀。

  • 在測試佈景主題上準備好。在測試佈景主題上設定送禮功能,該佈景主題上線當天就能使用。
  • 由客戶團隊管理。區塊的外觀和文字都在禮品編輯器中,要把「當作禮物」改成「節日禮物包裝」,由他們自己決定,不必開單給您。
  • 交接說明只需一張便利貼。如果您依類別名稱放置了區塊,請註明它指向的元素,因為那段標記是您的。其他一切都在 Shopify 管理介面中。
給代理商的 Wrapped
開始打造之前

開發人員最先問的問題

下一次佈景主題更新會讓送禮功能壞掉嗎?

不會。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 的結帳編輯器中,並套用您已設定的結帳品牌樣式,可放在每件商品下方,或整筆訂單只顯示一次。

Built for Shopify

配合您的架構、又不去動它的 Gift Blocks

從 7 天免費試用開始。

★★★★★
… 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. …
STAG Provisions 美國

Shopify App Store 評分 4.9查看所有評價