門市定位器範本是一種符合品牌風格的零售門市搜尋器，顧客可以在出發前使用。地圖、清單與下一步操作應該指向同一批門市。營業時間、服務與導航可以放在這個體驗裡。即時庫存、取貨資格與結帳仍留在零售商自己的系統。Kaleidr Studio 負責發布地圖，Viewer 負責嵌入，而 Kaleidr Retail 範本是其中一種起點。
Shopify 的 2026 年全通路指南描述一位顧客：先在線上瀏覽、查看門市供應狀況、在手機 App 購買、到門市取貨，再透過另一個通路退貨 (Shopify, 2026)。一個圖釘與一個地址只能回答門市在哪裡。門市搜尋器還必須協助回答下一個問題：這家門市是否值得專程前往。下面的對照使用範例門市名稱、營業時間與距離，「更多門市造訪」只是圖中的文案，不是 Kaleidr 實際量測的結果。
左側是傳統定位器：一張地圖、一個地址、一段距離與一個導航按鈕。右側加入「目前營業」、取貨與維修篩選器、門市卡片、已選取的圖釘、一條路線與一個範例問題。Riverside Commons 等門市名稱、英里數與打烊時間都是範例標示。右側關於造訪量的說法是圖中的標籤，不是已報告的成效。
什麼是門市定位器範本？
門市定位器範本是一個用來尋找實體門市的預製零售頁面，不是電商平台的副本。顧客應該看到與搜尋相符的門市、為什麼其中一家更值得選擇，以及下一步操作，例如導航、打電話或開啟門市自己的頁面。Kaleidr 在這個頁面負責的是已發布地圖；如果是新的微型網站，Kaleidr Retail 可以作為起點。庫存數量、取貨承諾與付款仍留在原本就掌握這些資料的系統。
即使庫存數量會改變，有用的門市紀錄也應保持穩定。每個地點都需要一個穩定 id，即使商場重新命名門市也不該變，另外還要有名稱、地址、座標，以及不必即時查詢就能篩選的服務。營業時間只有在明確有人負責更新時才適合放在這筆紀錄旁邊。過期的「目前營業」標章比沒有標章更糟，因為顧客可能真的會依此跑一趟。
門市定位器真正要完成什麼工作？
門市定位器的價值，在於把顧客從地點查詢推進到下一個操作。尋找是依郵遞區號、城市或地址搜尋。比較是比較營業時間、服務與前往門市的交通成本。選擇是挑出一家符合條件的門市，行動則是導航、打電話、取貨或開啟門市頁面。如果頁面只停在一堆圖釘，就只完成最簡單的一半。
這些工作並不都需要相同的資料新鮮度，因此門市定位器更適合分層建構，而不是依賴單一資料來源。靜態清單可以承載門市與服務。決策情境再加入營業時間，以及零售商能夠負責的交通標示。當顧客把多個條件組成一句話時，對話功能才真正有幫助。包含即時庫存檢查與結帳在內的商務流程仍屬於零售商系統，即使圖中把「加入購物車」控制項畫在最後一層。
圖示從靜態地圖與清單開始，往上經過營業時間與服務、關於晚上8點後仍營業且提供維修服務門市的範例問題，最後到示意商品卡。「有庫存」、貨架走道編號與加入購物車按鈕都是商務範例標示。Kaleidr 不處理這個結帳。卡片上的交通時間也只是範例。
為什麼清單與地圖必須共用同一個結果？
顧客在清單選取某家門市時，地圖上應該選取同一家；點選地圖圖釘也應開啟同一張卡片。搜尋文字、篩選器、結果集與選取狀態其實是同一個狀態。兩個只是剛好放在同一頁面的元件，只要某個篩選器只改到其中一個，就會立刻不同步。連接圖釘、卡片、門市頁面與後續庫存查詢的 id，應該是零售商自己的門市 id，而不是會隨縮放改變的圖釘編號。
共享狀態示意圖使用 Reston 的範例搜尋與 Tysons 的範例選取。圖中的距離、打烊時間與 id 都只是版面標示，包括 store_id 2 與 result_set_id rs_7f3a。這些不是對真實連鎖門市的即時查詢。圖真正表達正確的是這條規則：一個查詢、一個結果集、一家已選門市，同時用在清單與地圖。
清單顯示三家範例門市，清單與地圖都選取 Tysons。中間區塊標出共用欄位：門市 id、結果集 id 與篩選器。Reston、Tysons、Arlington，以及英里數與打烊時間，都是範例標示。這些 id 是圖中的標籤，不是正式環境的 key 格式。
「最近」到底是在依什麼排序？
直線距離、步行時間、開車時間，以及偏離目前路線所增加的時間，可能分別讓四家不同門市排第一。從市中心飯店步行出發的顧客，和下班後開車回家的顧客，就算輸入同一座城市，也不是在問同一個問題。定位器應該依符合這趟行程的指標排序，而且卡片要說明這個數字是由哪個指標產生。如果頁面承諾真實路線，語言模型就不應該憑空猜出開車時間。
沒有單位的「最近」，很容易讓一家步行其實很遠、但直線距離很短的門市在錯誤情境中勝出。如果零售商在這次工作階段沒有路由資料來源，誠實的標示應該是距離，而不是幾分鐘。「目前營業」也屬於同一類精確判斷。它應從最新營業時間來源與顧客所在地時間計算；如果缺少營業時間，就不要顯示標章。營業時間未知不等於已打烊。
哪些門市欄位適合放進範本？
名稱、地址、座標、一般服務與簡短編輯備註變化得夠慢，適合放在範本中。庫存、節日休店、取貨資格、門市容量與預約可用性則跟著營運節奏變化。把昨天的庫存數字複製到頁面上並稱為「目前庫存」，下一筆銷售發生時就會立刻失真。這正是圖示的重點：範本層與營運層採用不同更新節奏，而且不會自動同步。
當篩選必須精確時，服務要做成結構化欄位。自由文字裡的「維修」不會可靠地對上維修篩選器，「通常」也不等於「目前營業」。當顧客同時要求目前營業、可取貨與可維修時，結果必須真的套用每一個條件，否則就應顯示誠實的空結果。空結果應該說沒有門市符合條件，而不是說這個品牌沒有門市。
左欄是範本層：名稱、地址、座標、一般服務與編輯內容。右欄是營運層：庫存、節日休店、取貨資格、容量與預約。底部說明兩層依不同節奏更新，而且不會自動同步。沒有任何一列代表某一家零售商的即時資料來源。
門市搜尋什麼時候會變成商品搜尋？
門市搜尋從顧客出發，回傳附近門市。商品搜尋從商品出發，先收集候選門市、檢查目前庫存，之後才提供取貨或導航。零售 App 已經把這些工作組合在一起。Shopify App Store 上的 Nearby 描述了各地點即時庫存、click and collect、開車時間與導航 (Nearby, 2026)。SAAS Integrator 的介紹則包含 click and collect、各門市庫存、帶地圖與即時營業時間的門市搜尋器，以及依商品顯示可用性 (SAAS Integrator, 2026)。這些是擁有自己商品目錄的商務產品；這些能力並不包含在 Kaleidr 範本內。
左側流程是顧客、附近門市與導航。右側流程是商品、候選門市、即時庫存檢查、符合條件的門市，再到取貨或導航。鞋子、庫存圓點與門市名稱都是範例圖像。右側流程代表零售商的庫存邏輯，不是 Kaleidr 庫存 feed。
Google 的本地庫存說明也用四個標籤劃出同一條界線。有庫存代表高度確信商品可用，庫存有限代表確信度較低，無庫存代表高度確信商品不可用。可用性未知則用在掃描資料太少、無法支撐一個狀態時 (Google, 2026)。查詢失敗、逾時或回傳過期結果，都應歸為「未知」。門市仍可留在地圖上。頁面不應該直接告訴顧客商品已經沒有了。
取貨為什麼必須重新驗證？
Shopify 把「線上購買、門市取貨」定義為一種訂單履行方式：顧客在線上購買，再到實體門市領取訂單 (Shopify, 2026)。地圖上的取貨標章只是協助顧客選門市的提示。商務系統仍然必須在結帳前重新檢查庫存、門市取貨資格與截止時間，因為從地圖進入購物車的過程中，標章可能已經過期。Kaleidr 不收款、不保留商品，也不取代 POS。
如果兩端都使用相同的門市 id，這個交接會更值得信任。定位器可以把這個 id 傳給零售商的取貨流程。由零售商系統判斷這個 id 目前是否仍符合資格。如果重新檢查失敗，顧客應該看到新的選擇，而不是一個地圖無法兌現的確認。即使不事先購買，顧客仍然需要找到門市，所以導航依然有用。
已發布地圖上的 Ask Kaleidr 會回答什麼？
已發布的 Kaleidr 地圖可以帶 Ask Kaleidr 面板。頁面沒有 API key，由已發布地圖授權這個工作階段，問題產生的用量由地圖擁有者負擔。這個面板在所有方案都可用，包括 Free。讀取地圖自身地點（包含上傳資料集的資料列）的能力，是由 Kaleidr 在平台層級開啟，預設為關閉。這個能力關閉時，面板使用一般知識回答，不會讀取地圖的標記、圖層或資料集；Studio 與嵌入程式碼裡也沒有可以切換這項能力的開關 (Kaleidr, 2026)。
左側是已發布地圖，包含地點問題、圖釘與路線，用量由擁有者負擔。右側是獨立的 grounded 層，由零售商系統提供資料。圖中註記 Kaleidr 不是 checkout，也不取代 POS。兩者關係標成「connected」，而不是同一個系統。
預設情況下，公開面板並不會只根據零售商的門市清單回答。地點讀取是關閉的，所以預設回答來自一般知識。如果零售商需要針對庫存、服務、營業時間、取貨或私有經銷商資料提供精確答案，就需要走 business-data 路徑，並讓已核准系統持續作為權威來源。Kaleidr 的 “Choose your path” 文件把基於客戶自己上傳的業務資料進行回答歸類為 Enterprise 路徑 (Kaleidr, 2026)。公開地圖聊天與這條 grounded 路徑是不同層。
什麼時候應該讓篩選器承擔問題？
目前營業、取貨、維修與距離上限都是精確條件，篩選器每次搜尋都應用同樣方式執行。像「哪家門市晚上8點後還營業、能維修，而且在我回家路線附近？」這樣的句子，只是把這些事實與路線一起表達出來。自然語言是收集條件組合的方便方式。但每一個硬性條件仍應解析到結構化欄位，或由擁有該事實的系統判定，而不是靠猜測。對於不想輸入自然語言的顧客、AI 額度已用完的工作階段，以及正在讀取清單的輔助科技，篩選器仍然是必要路徑。
左側把目前營業、取貨、維修與十英里上限標為精確條件。右側詢問哪家門市晚上8點後營業、提供維修，並靠近回家路線。兩邊顯示相同的範例門市、英里數與營業時間。這個問題只是圖中的範例 prompt，不是即時面板的對話紀錄。
Kaleidr Retail 範本從哪裡開始？
公開範本索引把 Kaleidr Retail 描述為「社區門市網路」：幫助使用者找到最近門市、今天的營業時間，以及哪些門市營業到最晚 (Kaleidr, 2026)。Retail 自訂工具包含 Edit Map、用於 Studio 地圖嵌入或 map id 的欄位、外觀色彩與網站下載 (Kaleidr, 2026)。Studio 是零售商建立、自訂並發布品牌地圖的地方 (Kaleidr, 2026)。新建定位器網站或微型網站時可以走範本路線，但在任何人把頁面當成真實連鎖門市清單前，一定要替換所有範例門市。現有電商網站應保留自己的商品頁面並加入已發布地圖，而不是在範本中重建商品目錄。
路線一從 Retail 範本開始，替換範例門市、編輯頁面、在 Studio 編輯地圖，再部署靜態網站。路線二先建立門市地圖，在 Studio 自訂與發布，再把 Viewer 嵌入既有網站。步驟標籤描述的就是這兩條路線。圖中的範例門市不是某家零售商的即時門市目錄。
如何把定位器加入既有網站？
Viewer 透過 share id 嵌入已發布地圖，頁面不需要 API key，而且所有方案都可使用，包括 Free；地圖在 Kaleidr 託管的 iframe 中呈現 (Kaleidr, 2026)。門市名稱、營業時間與地址也應以 HTML 形式存在於 canvas 外，這和 Kaleidr 的嵌入指南模式一致。範例中的 YOUR_MAP_ID 就是 Studio 發布後顯示的 share id，頁面還需要 Viewer 文件所說明的載入程式。如果網站需要商品頁即時庫存、私有經銷商清單或 checkout，就應該把這個嵌入視為地圖，而不是完整商務技術堆疊。
<kaleidr-map
product="viewer"
share-id="YOUR_MAP_ID"
style="display: block; height: 480px"
></kaleidr-map>
數百個門市標記不應該每一個都成為 Tab 順序中的停靠點。HTML 清單才是存取同一結果集的無障礙路徑，而且使用與地圖相同的門市 id。只發布零售商願意讓任何訪客讀取的門市資訊，因為嵌入顯示的就是公開地圖。鍵盤使用者以及任何無法操作 canvas 的人，仍然需要在清單裡看到名稱、地址與下一步操作。
手機版應該優先做好什麼？
許多門市搜尋很可能發生在顧客已經移動中的時候，因此手機版面應該是主要測試對象，而不是縮小版桌面頁面。搜尋、目前營業、取貨、已選門市與導航都需要拇指容易點到的觸控目標，清單也必須不必逐一查看圖釘就能清楚閱讀。只有在顧客明確執行相關操作後才要求精確位置；如果顧客拒絕，也要讓郵遞區號或城市搜尋繼續可用。把門市卡片放在底部面板，是在同一個畫面保留地圖與清單的實用方式。
手機上顯示郵遞區號搜尋、目前營業與取貨 chips、五個編號圖釘、一條路線與三張門市卡。Riverside Commons 已選取，並提供導航操作。英里數、營業時間，以及手機旁邊的「即時庫存」文字都是範例標示。圖中出現這行文字，不代表範本會同步庫存。
哪些結果值得統計？
Kaleidr Analytics 儀表板呈現觸及、瀏覽與互動，以及不同地圖上的受眾位置與活動 (Kaleidr, 2026)。一次 map load 只能說明這個體驗已被開啟。門市造訪、完成取貨與營收屬於零售商自己的報表。如果團隊希望兩個系統中的「同一地點」真的對應同一家門市，就應使用同一個門市 id 把結果與地圖串起來。行銷圖上的造訪標章不是這類報表。
值得埋點的問題應圍繞實際工作。顧客是否搜尋、篩選、選擇門市並執行下一步？哪個篩選器產生空結果？哪些門市經常被選中，卻從未接著觸發導航？這些是門市搜尋器的產品問題。只有在零售商系統記錄了造訪、取貨或銷售後，才會變成商務成果問題。
這個定位器在 Kaleidr 上要多少錢？
Kaleidr 定價頁面說明，Free 每月包含 500K AI credits 與 50K map loads，Pro 每月 29 美元並包含 5M AI credits。額外 map loads 的價格為每 1,000 次 2 美元。額外 AI credits 或 map loads 的 Add-on 包都是一次性購買，只有目前計費週期的方案額度用完後才開始使用，未使用的包內單位會結轉；方案額度則會在每個計費週期重置 (Kaleidr, 2026)。如果答案必須來自零售商自己的業務資料，或部署需要合約與組織層級條款，就應討論 Enterprise。
已發布地圖上的訪客問題會消耗地圖擁有者的 AI credits，所有方案皆是如此，包括 Free，正如上面引用的已發布地圖聊天文件所述。credits 包可以在每月額度用完後擴充這部分用量。map loads 是與 AI credits 分開的計量單位。兩者都不是庫存 feed、取貨預約或 POS。
零售商下一步應該做什麼？
先從顧客正試圖完成的決策開始，再選擇一個能長期維持正確的資料層。門市位置相對穩定的小型連鎖可以從 Kaleidr Retail 範本開始，並在 Studio 發布門市地圖。擁有即時商品目錄的零售商應把庫存與取貨留在商務系統中，只讓地圖顯示該系統已確認的內容。頁面公開前，請替換掉所有範例門市。
當清單與地圖共用同一個結果、每家門市都有穩定 id，而且頁面清楚說明依哪一種交通指標排序時，第一版就大致準備好了。營業時間與服務要嘛保持最新，要嘛不顯示。在告訴顧客商品已等待取貨前，零售商系統要重新檢查取貨與庫存。HTML 清單重複核心資訊。團隊也應能指出哪一份報表才是真正統計門市造訪。
說明：Kaleidr 在創意與開發工作流程中使用 AI 輔助工具進行圖像製作、內容優化與研究。
常見問題
什麼是門市定位器範本？
門市定位器範本是一種預製零售地圖體驗，用來尋找實體門市並選擇下一步操作。Kaleidr Retail 範本就是這類起點之一，公開描述為一個顯示當日營業時間的社區門市網路。這個範本不是零售商的庫存系統。
門市定位器應該顯示什麼？
顯示與搜尋相符的門市、零售商能維持最新的營業時間與服務，以及導航、打電話或開啟門市頁面等下一步操作。也要說明「最近」排序是由哪一種交通指標得出。庫存未知與營業時間未知時，寧可不標示，也不要把它們變成一個很有把握的「沒有」。
Kaleidr Retail 範本包含即時庫存嗎？
範本承載變化較慢的門市資料與已發布地圖。即時庫存、取貨資格與 checkout 仍留在零售商系統。Nearby、SAAS Integrator 等 Shopify App 宣傳了這些即時零售能力，這些能力屬於那些 App，不屬於 Kaleidr 範本。
Ask Kaleidr 只根據門市清單回答嗎？
已發布地圖的地點讀取預設關閉。關閉時，面板使用一般知識回答，不會讀取地圖標記、圖層或資料集。針對庫存、營業時間、取貨或私有經銷商資料的精確答案，應走 Enterprise business-data 路徑，讓已核准系統持續保持權威。
定位器可以放到既有網站嗎？
可以。在 Studio 發布地圖，再透過 Viewer 使用 share id 嵌入，頁面不需要 API key。Viewer 在所有方案都可使用，包括 Free。門市清單也應保留在 HTML 中，讓頁面在 canvas 外一樣有用。
範本會和 Shopify 或 POS 同步嗎？
Kaleidr Retail 範本本身不會同步 Shopify 商品目錄、POS 或即時庫存檔案。把庫存數字複製到靜態頁面的那一刻，它就已經開始變舊。請在 checkout 時由商務系統重新驗證取貨與庫存。
門市定位器可以支援取貨嗎？
定位器可以顯示取貨提示，並把穩定的門市 id 傳入零售商流程。Shopify 把「線上購買、門市取貨」描述為一種以實體門市領取作為終點的訂單履行方式，也就是商務工作流程。地圖標章不是預約，Kaleidr 也不處理付款。
商品定位器有什麼不同？
門市定位器從顧客出發，尋找附近門市。商品定位器從商品出發，先排除無法供應商品的門市，再提供取貨或導航。第二種工作需要最新庫存資料來源。可用性未知與無庫存不是同一種狀態。
References
- Shopify. Omnichannel Retail Strategy: How to Build One (2026). 顧客可以查看門市有貨情況，在應用程式中購買，到店取貨，並透過另一個管道退貨。 2026年10月20日存取。 https://www.shopify.com/enterprise/blog/omni-channel-retail-strategy
- Nearby. In-stock store finder for product pages, with pickup and buy. 按門市同步的即時庫存、到店自取、駕車時間和路線。Shopify 應用商店。 2026年10月20日存取。 https://apps.shopify.com/nearby-1
- SAAS Integrator. SAAS: Pickup + Store Finder. 到店自取、按門市顯示庫存、帶地圖和營業時間的門市搜尋，以及按商品顯示庫存。Shopify 應用商店。 2026年10月20日存取。 https://apps.shopify.com/saas-integrator-cnc
- Google. Understand how stock status works. 有貨、庫存有限、缺貨、庫存未知。 2026年10月20日存取。 https://support.google.com/business/answer/13738543
- Shopify. What is BOPIS: Buy Online, Pickup In-Store Guide (2026). 線上下單、到實體店取貨的履約方式。 2026年10月20日存取。 https://www.shopify.com/blog/bopis
- Kaleidr Developer Docs. Kaleidr AI on a published map. 頁面無需 API 金鑰。由擁有者付費。包含 Free。讀取地圖地點預設關閉。 2026年10月20日存取。 https://docs.kaleidr.com/chat/published-map-chat
- Kaleidr Developer Docs. Choose your path. 根據客戶上傳的自有業務資料作答屬於 Enterprise 路徑。 2026年10月20日存取。 https://docs.kaleidr.com/concepts/choose-your-path
- Kaleidr. Map website templates. Kaleidr Retail 被描述為展示今日營業時間的社區門市網路。 2026年10月20日存取。 https://template.kaleidr.com/
- Kaleidr. Retail template customizer. Edit Map、Studio 地圖嵌入或 map id，以及網站下載。 2026年10月20日存取。 https://template.kaleidr.com/customize/?template=retail
- Kaleidr. AI Map Maker for Branded Interactive Maps. 建立、客製並發布品牌互動地圖。 2026年10月20日存取。 https://kaleidr.com/studio
- Kaleidr Developer Docs. Viewer. 透過 share id 進行的免金鑰嵌入。包含 Free 在內的所有方案。地圖在 Kaleidr 代管的 iframe 中顯示。 2026年10月20日存取。 https://docs.kaleidr.com/viewer
- Kaleidr. How to Embed an Interactive Map on a Website. 地圖畫布之外的標題、摘要和地點清單。 2026年10月20日存取。 https://kaleidr.com/blog/how-to-embed-interactive-map-on-a-website
- Kaleidr. Map Engagement and Location Analytics. 觸及、瀏覽、互動和受眾位置。 2026年10月20日存取。 https://kaleidr.com/analytics
- Kaleidr. Pricing & Plans. Free 與 Pro 的額度、加量包，以及地圖載入價格。 2026年10月20日存取。 https://kaleidr.com/pricing
@misc{shopify_omnichannel_2026,
title = {Omnichannel Retail Strategy: How to Build One (2026)},
author = {{Shopify}},
year = {2026},
url = {https://www.shopify.com/enterprise/blog/omni-channel-retail-strategy}
}
@misc{nearby_store_finder_2026,
title = {In-stock store finder for product pages, with pickup and buy},
author = {{Nearby}},
year = {2026},
url = {https://apps.shopify.com/nearby-1}
}
@misc{saas_integrator_pickup_2026,
title = {SAAS: Pickup + Store Finder},
author = {{SAAS Integrator}},
year = {2026},
url = {https://apps.shopify.com/saas-integrator-cnc}
}
@misc{google_stock_status_2026,
title = {Understand how stock status works},
author = {{Google}},
year = {2026},
url = {https://support.google.com/business/answer/13738543}
}
@misc{shopify_bopis_2026,
title = {What is BOPIS: Buy Online, Pickup In-Store Guide (2026)},
author = {{Shopify}},
year = {2026},
url = {https://www.shopify.com/blog/bopis}
}
@misc{kaleidr_published_map_chat_2026,
title = {Kaleidr AI on a published map},
author = {{Kaleidr Developer Docs}},
year = {2026},
url = {https://docs.kaleidr.com/chat/published-map-chat}
}
@misc{kaleidr_choose_path_2026,
title = {Choose your path},
author = {{Kaleidr Developer Docs}},
year = {2026},
url = {https://docs.kaleidr.com/concepts/choose-your-path}
}
@misc{kaleidr_templates_2026,
title = {Map website templates},
author = {{Kaleidr}},
year = {2026},
url = {https://template.kaleidr.com/}
}
@misc{kaleidr_retail_customizer_2026,
title = {Retail template customizer},
author = {{Kaleidr}},
year = {2026},
url = {https://template.kaleidr.com/customize/?template=retail}
}
@misc{kaleidr_studio_2026,
title = {AI Map Maker for Branded Interactive Maps},
author = {{Kaleidr}},
year = {2026},
url = {https://kaleidr.com/studio}
}
@misc{kaleidr_viewer_docs_2026,
title = {Viewer},
author = {{Kaleidr Developer Docs}},
year = {2026},
url = {https://docs.kaleidr.com/viewer}
}
@misc{kaleidr_embed_guide_2026,
title = {How to Embed an Interactive Map on a Website},
author = {{Kaleidr}},
year = {2026},
url = {https://kaleidr.com/blog/how-to-embed-interactive-map-on-a-website}
}
@misc{kaleidr_analytics_2026,
title = {Map Engagement and Location Analytics},
author = {{Kaleidr}},
year = {2026},
url = {https://kaleidr.com/analytics}
}
@misc{kaleidr_pricing_2026,
title = {Pricing & Plans},
author = {{Kaleidr}},
year = {2026},
url = {https://kaleidr.com/pricing}
}