如何在 AI Search 中設定門市取貨
如果您有實體門市銷售,門市取貨可讓顧客在您的搜尋頁面上選擇門市,並在每項商品上查看該門市是否有庫存。您只要在 Advanced Settings 中列出門市即可啟用。
顧客會看到什麼?
- 「In-store pickup」切換開關,位於搜尋篩選條件頂部。
- 門市清單,當顧客開啟切換開關後會展開。每間門市都會有 Select store 按鈕與 See store address 連結。
- 每張商品卡上的庫存資訊列,顯示所選門市的庫存狀態,例如「In Stock at Downtown Store」。若該門市有 3 件以上,會顯示 In Stock;有 1 或 2 件時,顯示 Low Stock;沒有庫存時,顯示 Out of Stock。
門市取貨只會為商品加上標示;不會隱藏商品。顧客仍會看到所有搜尋結果,因此也可以訂購其所選門市目前無庫存的商品。系統也會在顧客的裝置上記住所選門市,方便下次造訪時使用。
開始前
- 付費方案。 用來列出門市的 Advanced Settings 僅提供於付費方案。
- 在每個門市據點追蹤庫存的 Shopify 商店。 庫存資訊列是根據 Shopify 各據點的庫存資料顯示。
- 位於左側或浮動面板中的搜尋篩選條件。 切換開關只會出現在這兩種篩選版面中。若您的篩選條件顯示在搜尋結果上方,請到 Customize AI Search 中調整 Filter position。
步驟 1:找出每間門市的 Shopify location ID
- 在 Shopify 管理後台中,前往 Settings > Locations。
- 點選一間門市。
- 複製頁面網址最後面的數字。例如在
admin.shopify.com/store/your-shop/settings/locations/64924319816中,location ID 就是64924319816。
請對每一間您要提供的門市重複這個步驟。
步驟 2:在 Advanced Settings 中列出您的門市
在 Shoply 管理後台中,前往 Settings,然後捲動到 Advanced Settings。若想了解這個編輯器的位置與使用方式,請參閱如何設定 Advanced Settings。
新增一個 pickup_stores 清單,每間門市一筆資料:
{
"pickup_stores": [
{
"location_id": "64924319816",
"name": "Downtown",
"label": "Downtown Store",
"address_lines": ["123 Main St", "San Jose, CA 95118"]
},
{
"location_id": "27214544968",
"name": "Berkeley",
"address_lines": ["2727 Milvia St", "Berkeley, CA 94703"]
}
]
}| 欄位 | 必填 | 用途 |
|---|---|---|
location_id | 是 | 步驟 1 中取得的 Shopify location ID。系統會從這個據點讀取庫存。 |
name | 是 | 門市名稱。若您未設定 label,顯示給顧客的就是這個名稱。 |
label | 否 | 若您希望顧客看到的名稱與 name 不同,可設定此欄位。 |
address_lines | 否 | 顯示在 See store address 下方的地址,每個陣列項目顯示一行。 |
門市會依照您列出的順序顯示。若某筆資料缺少 location_id 或 name,該筆會被略過。
已經有 Advanced Settings 了嗎? 請將 pickup_stores 作為同一個 JSON 物件中的另一個 key 加入,並在前一個 key 後面加上逗號分隔。不要再建立第二個 { } 區塊。
若要移除某間門市,刪除該門市的資料即可。若要關閉門市取貨功能,請刪除整個 pickup_stores key。
步驟 3:檢查您的搜尋頁面
變更大約會在 10 分鐘內同步到您的 storefront。之後,顧客就可以在您的正式商店中使用門市取貨功能。您可以依照顧客的操作方式自行測試:
- 在您的商店中搜尋某項商品。
- 在篩選條件中開啟 In-store pickup。
- 在其中一間門市旁點選 Select store。
- 確認每張商品卡都有顯示該門市的庫存資訊列,例如「In Stock at Downtown Store」。
庫存資訊是從哪裡來的?
庫存資訊來自您的 Shopify 庫存。Shoply 會在例行商品目錄同步期間讀取這些資料。
- Shoply 會從 Shopify 讀取各門市的庫存。 對於每個商品變體,Shoply 會透過 Shopify Admin API 讀取各 Shopify 據點的「available」數量。
- 庫存資訊列不是即時更新。 它會在商品目錄同步時更新。更新頻率取決於您的同步排程。例如,商品變動頻繁的商店,其目錄可能大約每天同步一次。
- Shopify 不會在每次庫存變動時通知 Shoply。 銷售或補貨資訊,只有在下一次同步後才會反映出來。
- 搜尋結果也可能最多被重複使用 24 小時。 這也可能造成額外延遲。
請將庫存資訊列視為參考。實際且即時的可購買狀態,仍以您的商品頁與結帳頁面為準。
庫存是如何計算的?
- 系統會加總商品所有變體的數量,例如所選門市中該商品的所有尺寸與顏色。
- 若商品在您所列出的任何門市都沒有庫存紀錄,則不會顯示庫存資訊列。 這在數位商品、禮品卡,以及未啟用庫存追蹤的商品中很常見。
我可以搭配品牌配色嗎?
可以。請將樣式規則加入您的搜尋 CSS。若想知道加入位置,請參閱如何使用 CSS 自訂 AI Search。
/* The switch, Select store buttons, and links */
.shoply-pickup-filter { --shoply-pickup-accent: #00823d; }
/* Stock line colors on product cards */
.shoply-product-pickup-stock-in .shoply-product-pickup-stock-status { color: #00823d; }
.shoply-product-pickup-stock-low .shoply-product-pickup-stock-status { color: #d13a00; }
.shoply-product-pickup-stock-out .shoply-product-pickup-stock-status { color: #b21109; }您也可以設定以下其他 class 的樣式:
| Class | 元素 |
|---|---|
.shoply-pickup-filter | 篩選條件中的整個門市取貨區塊 |
.shoply-pickup-store-name | 清單中的門市名稱 |
.shoply-pickup-select-store | Select store 按鈕 |
.shoply-product-pickup-stock | 商品卡上的庫存資訊列 |
疑難排解
切換開關沒有出現。
- 確認 Advanced Settings 編輯器下方沒有顯示 JSON Error,並且您已儲存。
- 確認每間門市都同時填寫了
location_id與name。 - 確認您的搜尋篩選條件位於左側或浮動面板中。
- 儲存後等待約 10 分鐘,再重新載入您的搜尋頁面。
每項商品都顯示 Out of Stock。
- 確認每個
location_id都與步驟 1 中的門市 Shopify 據點相符。 - 在 Shopify 中確認該據點有啟用庫存追蹤。
有些商品沒有顯示庫存資訊列。 這些商品在您列出的門市中沒有庫存紀錄。請參閱庫存是如何計算的?。
若想了解其他搜尋選項,請參閱 Advanced Settings for AI Search。
