如何在 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 各個 location 的庫存資料。
- 搜尋篩選需顯示於左側或浮動面板。 切換掣只會在這兩種篩選版面中出現。若你的篩選顯示在搜尋結果上方,請到 Customize AI Search 更改 Filter position。
步驟 1:找出每間門市的 Shopify location ID
- 在 Shopify admin 中,前往 Settings > Locations。
- 按一下某間門市。
- 複製頁面網址最後的數字。例如在
admin.shopify.com/store/your-shop/settings/locations/64924319816中,location ID 就是64924319816。
對每一間你想提供門市自取的門市重複以上步驟。
步驟 2:在 Advanced Settings 列出你的門市
在 Shoply admin 中,前往 Settings,然後向下捲動至 Advanced Settings。如需了解這個編輯器的位置及使用方式,請參閱 How to Configure 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。系統會從這個 location 讀取庫存。 |
name | 是 | 門市名稱。如未設定 label,會向顧客顯示這個名稱。 |
label | 否 | 如顯示給顧客的名稱與 name 不同,可用這個欄位。 |
address_lines | 否 | 顯示在 See store address 下方的地址,每個項目一行。 |
門市會按照你列出的順序顯示。若某個項目缺少 location_id 或 name,系統會略過該項目。
已經有 Advanced Settings? 只需將 pickup_stores 加入同一個 JSON 物件內,並在前一個 key 後加上逗號分隔。不要另外建立第二個 { } 區塊。
如要移除某間門市,請刪除該門市的項目。如要關閉門市自取,請刪除整個 pickup_stores key。
步驟 3:檢查你的搜尋頁面
變更大約會在 10 分鐘內同步到你的店面。之後,顧客就可以在你的正式商店中使用門市自取。你可以用和顧客相同的方式自行測試:
- 在你的商店搜尋某件產品。
- 在篩選中開啟 In-store pickup。
- 在其中一間門市旁按一下 Select store。
- 檢查每張產品卡是否都有顯示該門市的庫存狀態列,例如「In Stock at Downtown Store」。
庫存資料從哪裡來?
庫存資料來自你的 Shopify 庫存。Shoply 會在一般商品目錄同步期間讀取這些資料。
- Shoply 會從 Shopify 讀取每間門市的庫存。 對每個產品變體,Shoply 會透過 Shopify Admin API 讀取各個 Shopify location 的「available」數量。
- 庫存狀態列不是即時更新。 它會在你的商品目錄同步時更新。更新頻率取決於你的同步排程。例如,商品變動較頻繁的商店,目錄可能大約每日同步一次。
- Shopify 不會就每次庫存變動通知 Shoply。 銷售或補貨只會在下一次同步後反映出來。
- 搜尋結果亦可能最多重用 24 小時。 這也可能增加延遲。
請將庫存狀態列視作參考。你的產品頁面及結帳流程才會顯示準確、即時的可售情況。
庫存是如何計算的?
- 系統會將同一產品所有變體的單位數量相加,例如所選門市中所有尺碼及顏色的庫存總和。
- 若產品在你列出的所有門市都沒有任何庫存記錄,便不會顯示庫存狀態列。 這在數碼產品、禮品卡,以及沒有追蹤庫存的商品中很常見。
我可以配合品牌顏色嗎?
可以。只需在你的搜尋 CSS 加入規則。如要知道應在哪裡加入,請參閱 how to customize AI Search with CSS。
/* 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是否與該門市的 Shopify location 相符,如步驟 1 所示。 - 在 Shopify 檢查該 location 是否有啟用庫存追蹤。
部分產品沒有庫存狀態列。 這些產品在你列出的門市中沒有任何庫存記錄。請參閱 庫存是如何計算的?。
如需其他搜尋選項,請參閱 Advanced Settings for AI Search.
