如何在 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 各個 location 的庫存資料。
  • 搜尋篩選需顯示於左側或浮動面板。 切換掣只會在這兩種篩選版面中出現。若你的篩選顯示在搜尋結果上方,請到 Customize AI Search 更改 Filter position。

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

  1. 在 Shopify admin 中,前往 Settings > Locations。
  2. 按一下某間門市。
  3. 複製頁面網址最後的數字。例如在 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 清單,每間門市對應一個項目:

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。系統會從這個 location 讀取庫存。
name是門市名稱。如未設定 label,會向顧客顯示這個名稱。
label否如顯示給顧客的名稱與 name 不同,可用這個欄位。
address_lines否顯示在 See store address 下方的地址,每個項目一行。

門市會按照你列出的順序顯示。若某個項目缺少 location_id 或 name,系統會略過該項目。

已經有 Advanced Settings? 只需將 pickup_stores 加入同一個 JSON 物件內,並在前一個 key 後加上逗號分隔。不要另外建立第二個 { } 區塊。

如要移除某間門市,請刪除該門市的項目。如要關閉門市自取,請刪除整個 pickup_stores key。

步驟 3:檢查你的搜尋頁面

變更大約會在 10 分鐘內同步到你的店面。之後,顧客就可以在你的正式商店中使用門市自取。你可以用和顧客相同的方式自行測試:

  1. 在你的商店搜尋某件產品。
  2. 在篩選中開啟 In-store pickup。
  3. 在其中一間門市旁按一下 Select store。
  4. 檢查每張產品卡是否都有顯示該門市的庫存狀態列,例如「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。

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 是否與該門市的 Shopify location 相符,如步驟 1 所示。
  • 在 Shopify 檢查該 location 是否有啟用庫存追蹤。

部分產品沒有庫存狀態列。 這些產品在你列出的門市中沒有任何庫存記錄。請參閱 庫存是如何計算的?。

如需其他搜尋選項,請參閱 Advanced Settings for AI Search.