附註
Dynamics 365 Commerce 的零售興趣群組已從 Yammer 移至 Viva Engage。 如果您無法存取新的Viva Engage社群，請填寫此表單 （https://aka.ms/JoinD365commerceVivaEngageCommunity） 以新增，並繼續參與最新的討論。
本文涵蓋商店選取器模組，並說明如何在 Microsoft Dynamics 365 Commerce 中將其新增到網站頁面。
線上購買後，客戶可以使用商店選取器模組在選定的商店中取貨。 在 Commerce 版本 10.0.13 中，商店選取器模組還包括可以展示尋找商店頁面的其他功能，該頁面會顯示附近的商店。
商店選取器模組讓使用者可以輸入一個位置 (城市、州、地址等) 以搜尋在搜尋半徑內的商店。 首次打開模組時，它會使用客戶的瀏覽器位置來尋找商店 (如果獲得同意)。
商店選取器模組使用方式
- 可以在產品詳細資訊頁面 (PDP) 上使用商店選取器模組，以選取要取貨的商店。
- 可以在購物車頁面上使用商店選取器模組，以選取要取貨的商店。
- 可在顯示所有可用商店的獨立頁面上使用商店選取器模組。
在 Commerce headquarters 中的履行群組設定
若要讓商店選取器顯示可用商店，必須在 Commerce headquarters 中設定履行群組。 如需詳細資料，請參閱設定履行群組。
此外，對於履行群組中的每個商店，必須在 headquarters 中定義零售商店的緯度和經度。
要輸入商務部總部零售店的經緯度值，請依照以下步驟操作：
在 Commerce headquarters 中，移至組織管理 > 組織 > 營運單位。
依左窗格中的營運單位編號搜尋。
在地址 FastTab 上，選取更多選項 - > 進階。
在動作窗格上，選取編輯。
在一般 FastTab 上，輸入緯度和經度的值。
在動作窗格上，選擇儲存。
執行 1070 通路設定分配排程工作。
在商店選取器模組中隱藏商店
履行群組中的某些商店可能不是有效的取貨地點。 若要確認商店選取器模組中只有有效的取或地點顯示為選項，請在 Commerce headquarters 中依照以下步驟操作。
- 在 Commerce headquarters 中，移至零售與商務 > 商務設定 > 履行群組 > 所有商店。
- 在動作窗格上，選取編輯。
- 在設定底下，對於每個不是有效取貨位置的商店，清除是取貨位置核取方塊。
- 在動作窗格上，選擇儲存。
- 執行 1070 通路設定分配排程工作。
重要
- Bing 地圖服務企業版會被取代，且計畫停用。 如果您有企業版 Bing 地圖服務的企業授權，則可以繼續使用它，直到 2028 年 6 月 30 日。 如果您有適用於企業版 Bing 地圖服務的免費或基本授權，則可以繼續使用它，直到 2025 年 6 月 30 日。
- 在 Azure 地圖服務模組於 Commerce 版本 10.0.45 中可供使用之前，您可以按照 Dynamics365Commerce.Solutions GitHub 存放庫中提供的步驟，手動啟用 Azure 地圖服務。
Azure 地圖服務整合
商店選取器模組與 Azure 地圖服務 REST 應用程式介面 (API) 整合，以使用 Azure 地圖服務的模糊檢索功能。 Azure 地圖服務 API 金鑰是必需的，且必須將其新增到 Commerce headquarters 中的共用參數頁面。 與自動建議 API 的整合是用於當使用者在搜尋欄位中輸入位置時，顯示搜尋建議。
對於 Azure 地圖服務 REST SDK，您必須確認根據您網站的內容安全性原則 (CSP) 允許以下 URL。 此設定是在 Commerce 網站建立器中完成，透過將允許的 URL 新增到網站的各種 CSP 指令 (例如 img-src)。 如需詳細資訊，請參閱內容安全性原則。
- 對於 child-src 指令，新增「blob：」。
- 對於 onnect-src 指令，新增
https://atlas.microsoft.com/和https://js.monitor.azure.com/。 - 對於 font-src 指令，新增
https://atlas.microsoft.com/。 - 對於 script-src 指令，新增
https://atlas.microsoft.com/。 - 對於 style-src 指令，新增
https://atlas.microsoft.com/。
到店取貨模式
商店選取器模組支援到店取貨模式，該模式顯示可供取貨的商店清單。 它還在清單中顯示商店的營業時間和產品庫存。 如果產品的交貨方式為設定在選定商店取貨，則商店選取器模組需要產品的上下文來呈現產品可用性，並讓使用者可新增產品到購物車。 如需詳細資訊，請參閱庫存設定。
可以將商店選取器模組新增到 PDP 上的購買方塊模組，以顯示可供取貨的商店。 它也可以新增到購物車模組。 在這種情況下，商店選取器模組會顯示購物車中每個所列品項的取貨選項。 商店選取器模組也可以透過擴充和自訂新增到其他頁面或模組。
若要使此情境正常運作，應設定產品以便使用取貨交貨模式。 否則，該模組不會顯示在產品頁面上。 有關如何設定交貨模式的詳細資訊，請參閱設定交貨模式。
下圖顯示在 PDP 上使用的商店選取器模組範例。
附註
在 Commerce 版本 10.0.16 及更新版本中，可以啟用一項功能，允許組織為客戶定義多種交貨的取貨模式選項。 如果啟用此功能，商店選取器模組和其他 Commerce 模組將得到增強，以允許購物者從可能的多個取貨交貨選項 (如果已設定) 中進行選擇。 若要了解此功能的詳細資訊，請參閱此文件。
尋找商店模式
商店選取器模組還支援尋找商店模式。 此模式可用於建立顯示可用商店及其資訊的商店位置頁面。 在此模式中，商店選取器模組在沒有產品上下文的情況下工作，且可以用作任何網站頁面上的獨立模組。 此外，如果開啟了模組的相關設定，使用者可以將選取一間商店作為他們的偏好商店。 當商店被選為使用者的偏好商店時，商店識別碼將保留在瀏覽器 Cookie 中。 因此，使用者必須接受 Cookie 同意訊息。
下圖顯示在商店位置頁面上，與 Azure 地圖服務模組一起使用的商店選取器模組範例。
呈現地圖
商店選取器模組可以和 Azure 地圖服務模組一起使用，以在地圖上顯示商店位置。 請參閱 Azure 地圖服務模組以了解詳細資訊
商店選取器屬性
| 屬性名稱 | 值 | 描述 |
|---|---|---|
| 標題 | 文字 | 屬性的標頭。 |
| 模式 | 尋找商店或到店取貨 | 尋找商店模式會顯示可用商店。 到店取貨模式讓使用者可以選取要取貨的商店。 |
| 樣式 | 對話或內嵌 | 模組可以在內嵌或對話方塊中呈現。 |
| 設為慣用商店 | True 或 False | 當此屬性為設定為 True 時，使用者可以設定偏好商店。 此功能要求使用者接受 Cookie 同意訊息。 |
| 顯示所有商店 | True 或 False | 當此屬性設定為 True 時，使用者可以繞過搜尋半徑屬性並檢視所有商店。 |
| 自動建議選項：最大結果數 | 數量 | 此屬性會定義可以在 Azure 地圖服務模糊檢索 API 中顯示的自動建議結果最大數量。 |
| 搜尋半徑 | 數量 | 此屬性會定義商店的搜尋半徑 (以英里為單位)。 如果未指定任何值，則使用預設的 50 英里搜尋半徑。 |
| 服務條款 | URL | 此屬性會指定使用 Azure 地圖服務所需的服務條款 URL。 |
網站設定
商店選取器模組遵循新增產品到購物車設定。 將品項從商店選取器模組新增到購物車後，網站使用者將看到適當的設定工作流程。
將商店選取器模組新增到頁面
對於到店取貨模式，該模組只能在 PDP 和購物車頁面上使用。 您必須在模組的屬性窗格中，將模式設定為到店取貨。
要設定店鋪選擇模組以顯示店面位置頁面的可用店鋪，請依照以下步驟操作：
- 在 Commerce headquarters 中，移至範本，然後選取新以建立新的範本。
- 在新範本對話方塊中，在範本名稱底下，輸入行銷範本，然後選取確定。
- 選取儲存，選取完成編輯以簽入範本，然後選取發佈以進行發佈。
- 移至頁面，然後選取新以建立新的頁面。
- 在建立新頁面對話方塊中，在頁面名稱底下，輸入商店位置 ，然後輸入下一步。
- 在選擇範本底下，選取您建立的行銷範本，然後選取下一步。
- 在選擇版面配置底下，選取頁面版面配置 (例如，彈性版面配置)，然後選取下一步。
- 在檢閱和完成底下，檢閱頁面設定。 如果您需要編輯頁面資訊，請選取返回。 如果頁面資訊正確，則選取建立頁面。
- 在新頁面的主要位置中，選取省略符號 (...)，然後選取新增模組。
- 在選取模組對話方塊中，選取容器模組，然後選取確定。
- 在容器位置中，選取省略符號 (...)，然後選取新增模組。
- 在選取模組對話方塊中，選取包含兩個資料行的容器模組，然後選取確定。
- 在模組的屬性窗格中，將寬度值設為 填滿容器。
- 將 特小檢視埠行設定值設為 100%。
- 將 小檢視埠行設定值設為 100%。
- 將 中檢視埠行設定值設為 33% 67%。
- 將 大檢視埠行設定值設為 33% 67%。
- 在包含兩個資料行的容器位置中，選取省略符號 (...)，然後選取新增模組。
- 在選取模組對話方塊中，選取商店選取器模組，然後選取確定。
- 在模組的屬性窗格中，將模式值設為尋找商面。
- 設定搜尋半徑值 (以英里為單位)。
- 設定其他屬性，例如 設定偏好商店、顯示所有商店和啟用自動建議 (根據需要)。
- 在包含兩個資料行的容器位置中，選取省略符號 (...)，然後選取新增模組。
- 在選取模組對話方塊中，選取 Azure 地圖服務模組，然後選取確定。
- 在模組的屬性窗格中，根據需要設定任何其他屬性。
- 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。