如何在 AI Search 中設定門市取貨

A phone, a chat bubble and a settings grid, standing for the Advanced Settings where In-Store Pickup is configured

如果您有實體門市銷售,門市取貨可讓顧客在您的搜尋頁面上選擇門市,並在每項商品上查看該門市是否有庫存。您只要在 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。
In-store pickup
Downtown Store · Collapse
Downtown StoreSelected
See store address ▸
BerkeleySelect store
See store address ▸
Price ▾
Trail Running Shoe
$129.00
In Stock at Downtown Store
Rain Shell Jacket
$89.00
Low Stock at Downtown Store
Wool Hiking Sock
$18.00
Out of Stock at Downtown Store

門市取貨只會為商品加上標示;不會隱藏商品。顧客仍會看到所有搜尋結果,因此也可以訂購其所選門市目前無庫存的商品。系統也會在顧客的裝置上記住所選門市,方便下次造訪時使用。

開始前

  • 付費方案。 用來列出門市的 Advanced Settings 僅提供於付費方案。
  • 在每個門市據點追蹤庫存的 Shopify 商店。 庫存資訊列是根據 Shopify 各據點的庫存資料顯示。
  • 位於左側或浮動面板中的搜尋篩選條件。 切換開關只會出現在這兩種篩選版面中。若您的篩選條件顯示在搜尋結果上方,請到 Customize AI Search 中調整 Filter position。

步驟 1:找出每間門市的 Shopify location ID

  1. 在 Shopify 管理後台中,前往 Settings > Locations。
  2. 點選一間門市。
  3. 複製頁面網址最後面的數字。例如在 admin.shopify.com/store/your-shop/settings/locations/64924319816 中,location ID 就是 64924319816。

請對每一間您要提供的門市重複這個步驟。

步驟 2:在 Advanced Settings 中列出您的門市

在 Shoply 管理後台中,前往 Settings,然後捲動到 Advanced Settings。若想了解這個編輯器的位置與使用方式,請參閱如何設定 Advanced Settings。

新增一個 pickup_stores 清單,每間門市一筆資料:

json
{ "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。之後,顧客就可以在您的正式商店中使用門市取貨功能。您可以依照顧客的操作方式自行測試:

  1. 在您的商店中搜尋某項商品。
  2. 在篩選條件中開啟 In-store pickup。
  3. 在其中一間門市旁點選 Select store。
  4. 確認每張商品卡都有顯示該門市的庫存資訊列,例如「In Stock at Downtown Store」。

庫存資訊是從哪裡來的?

庫存資訊來自您的 Shopify 庫存。Shoply 會在例行商品目錄同步期間讀取這些資料。

  • Shoply 會從 Shopify 讀取各門市的庫存。 對於每個商品變體,Shoply 會透過 Shopify Admin API 讀取各 Shopify 據點的「available」數量。
  • 庫存資訊列不是即時更新。 它會在商品目錄同步時更新。更新頻率取決於您的同步排程。例如,商品變動頻繁的商店,其目錄可能大約每天同步一次。
  • Shopify 不會在每次庫存變動時通知 Shoply。 銷售或補貨資訊,只有在下一次同步後才會反映出來。
  • 搜尋結果也可能最多被重複使用 24 小時。 這也可能造成額外延遲。

請將庫存資訊列視為參考。實際且即時的可購買狀態,仍以您的商品頁與結帳頁面為準。

庫存是如何計算的?

  • 系統會加總商品所有變體的數量,例如所選門市中該商品的所有尺寸與顏色。
  • 若商品在您所列出的任何門市都沒有庫存紀錄,則不會顯示庫存資訊列。 這在數位商品、禮品卡,以及未啟用庫存追蹤的商品中很常見。

我可以搭配品牌配色嗎?

可以。請將樣式規則加入您的搜尋 CSS。若想知道加入位置,請參閱如何使用 CSS 自訂 AI Search。

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-storeSelect 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。