Moduł wyboru sklepu

Ten artykuł opisuje moduł wyboru sklepu oraz sposób dodawania go do stron internetowych w Microsoft Dynamics 365 Commerce.

Za pomocą modułu wyboru sklepu można pobrać produkt z wybranego sklepu po zakupieniu online. W wersji Commerce 10.0.13 moduł wyboru sklepu zawiera także funkcje wyświetlające stronę Find a Store z pobliskimi sklepami.

Moduł wyboru sklepów umożliwia użytkownikom wprowadzenie lokalizacji (miasto, województwo, adres itd.) w celu wyszukania sklepów w promieniu wyszukiwania. Po otwarciu modułu wykorzystuje lokalizację przeglądarki klienta do wyszukiwania sklepów (jeśli wyrazi na to zgodę).

Korzystanie z Modułu wyboru sklepu

  • Użyj modułu wyboru sklepu na stronie szczegółów produktu (PDP), aby wybrać sklep do odbioru.
  • Użyj modułu wyboru sklepu na stronie koszyka, aby wybrać sklep do odbioru osobistego.
  • Użyj modułu wyboru sklepu na osobnej stronie pokazującego wszystkie dostępne sklepy.

Note

W przypadku stron B2B korzystających z wyszukiwania zapasów między podmiotami prawnymi użyj modułu magazynu i lokalizatora sklepów w nagłówku oraz sekcji zakupu na stronie PDP. Magazyn i lokalizator sklepów wyświetla sklepy i magazyny we wszystkich skonfigurowanych podmiotach prawnych. Więcej informacji można znaleźć w moduł lokalizatora magazynów i sklepów.

Konfiguracja grupy realizacji zamówień w Commerce headquarters

Aby selektor sklepu wyświetlał dostępne sklepy, ustaw grupę realizacji w centrali Commerce. Aby uzyskać więcej informacji, zobacz Ustawianie grup realizacji.

Określ także szerokość i długość geograficzną sklepu detalicznego w centrali dla każdego sklepu w grupie fulfillment.

Aby wprowadzić wartości szerokości i długości geograficznej sklepu detalicznego w siedzibie Commerce, wykonaj następujące kroki:

  1. W centrali handlowej przejdź do Administracja organizacją>>.

  2. Wyszukaj według numeru jednostki operacyjnej w lewym okienku.

  3. Na skróconej karcie Adresy wybierz opcję Więcej opcji>Zaawansowane.

    Przykład szczegółów sklepu w centrali.

  4. W okienku akcji wybierz pozycję Edytuj.

  5. Na skróconej karcie Ogólne wprowadź wartości Szerokości geograficznej i Długości geograficznej.

    Przykład ustawienia szerokości i długości geograficznej dla sklepu w centrali.

  6. Na okienku akcji wybierz opcję Zapisz.

  7. Uruchom harmonogram dystrybucji 1070 (Konfiguracja kanału).

Ukryj sklep z modułu selektora sklepu

Niektóre sklepy w grupie realizacji mogą nie być prawidłowymi lokalizacjami pobrania. Aby zagwarantować, że w module selektora sklepu będą widoczne tylko prawidłowe lokalizacje pobrania, należy wykonać następujące kroki w programie Commerce headquarters.

  1. W siedzibie Commerce przejdź do Handel detaliczny i Commerce>Ustawienia Commerce>Grupy realizacji>Wszystkie sklepy.
  2. W okienku akcji wybierz pozycję Edytuj.
  3. W obszarze Ustawienia dla każdego sklepu, który nie jest prawidłową lokalizacją pobrania, wyczyść pole wyboru Jest lokalizacją pobrania.
  4. Na okienku akcji wybierz opcję Zapisz.
  5. Uruchom harmonogram dystrybucji 1070 (Konfiguracja kanału).

Important

  • Mapy Bing dla przedsiębiorstw są przestarzałe i są zaplanowane do wycofania. Jeśli masz licencję korporacyjną na Mapy Bing dla przedsiębiorstw, możesz z niej korzystać do 30 czerwca 2028 roku. Jeśli masz bezpłatną lub podstawową licencję na Mapy Bing dla przedsiębiorstw, możesz z niej korzystać do 30 czerwca 2025 roku.
  • Dopóki usługa Azure Maps nie zostanie udostępniona jako moduł w Commerce, w wersji 10.0.45, możesz ręcznie włączyć usługę Azure Maps, wykonując kroki podane w repozytorium GitHub Dynamics365Commerce.Solutions.

Integracja usługi Azure Maps

Moduł wyboru sklepu jest zintegrowany z interfejsami API programowania aplikacji REST w usłudze Azure Maps, co umożliwia korzystanie z funkcji wyszukiwania rozmytego Azure Maps. Potrzebujesz klucza API Azure Maps i musisz dodać go do strony współdzielonych parametrów w centrali Commerce. Integracja z interfejsem API automatycznego sugerowania jest używana do pokazywania sugestii wyszukiwania, gdy użytkownicy wprowadzają lokalizacje w polu wyszukiwania.

W przypadku Azure Maps REST SDK należy upewnić się, że poniższe adresy URL są dozwolone zgodnie z zasadami zabezpieczeń zawartości (CSP) Twojej witryny. Konfigurujesz tę konfigurację w kreatorze stron Commerce, dodając dozwolone adresy URL do różnych dyrektyw CSP dla strony (na przykład img-src). Aby uzyskać więcej informacji, zajrzyj do zasad zabezpieczeń dotyczących zawartości.

  • Dodaj "blob:" do dyrektywy child-src .
  • Dodaj https://atlas.microsoft.com/ i https://js.monitor.azure.com/ do dyrektywy connect-src .
  • Dodaj https://atlas.microsoft.com/ do dyrektywy font-src .
  • Dodaj https://atlas.microsoft.com/ do dyrektywy script-src .
  • Dodaj https://atlas.microsoft.com/ do dyrektywy style-src .

Tryb odbioru w sklepie

Moduł wyboru sklepów obsługuje tryb Odbioru w sklepie, w którym jest wyświetlana lista sklepów, w których produkt jest dostępny do pobrania. Pokazuje również godziny otwarcia i zapasy produktów dla każdego sklepu na liście. Moduł selektora sklepu wymaga kontekstu produktu, aby zapewnić dostępność produktu i umożliwić użytkownikowi dodanie produktu do koszyka, jeśli tryb dostawy produktu jest ustawiony na odbiór w wybranym sklepie. Aby uzyskać więcej informacji, zobacz Ustawienia zapasów.

Dodaj moduł wyboru sklepu do modułu pudełka zakupu na stronie szczegółów produktu (PDP), aby pokazać, w których sklepach dany produkt jest dostępny do odbioru. Możesz też dodać go do modułu z koszykiem. W tym przypadku moduł wyboru sklepów pokazuje opcje odbioru dla poszczególnych pozycji w koszyku. Możesz także dodać moduł wyboru sklepu do innych stron lub modułów poprzez rozszerzenia i personalizacje.

Aby ten scenariusz działał, skonfiguruj produkty tak, aby korzystały z trybu dostawy odbiór. W przeciwnym razie moduł nie pojawia się na stronach produktów. Aby uzyskać więcej informacji dotyczące konfigurowania metody dostawy, należy zapoznać się z tematem Ustaw metody dostawy.

Poniższy obraz przedstawia przykład modułu selektora sklepu używanego na stronie szczegółów produktu.

Przykład modułu selektora sklepu używanego na PDP.

Note

W wersji Commerce 10.0.16 i nowszych można włączyć funkcję pozwalającą organizacji definiować wiele opcji dostawy z odbiorem dla klientów. Jeśli włączysz tę funkcję, moduł wyboru sklepu oraz inne moduły Commerce zostaną rozszerzone, umożliwiając kupującemu wybór spośród potencjalnie wielu opcji odbioru i dostawy, jeśli są skonfigurowane. Aby dowiedzieć się więcej o tej funkcji, zobacz tę dokumentację.

Tryb znajdowania sklepu

Moduł Selector sklepów obsługuje także tryb Znajdź sklepy. Użyj tego trybu, aby stworzyć stronę lokalizacji sklepów, która pokazuje dostępne sklepy i ich informacje. W tym trybie moduł selektora sklepu działa bez kontekstu produktu i może być używany jako samodzielny moduł na dowolnej stronie serwisu. Jeśli włączysz odpowiednie ustawienia modułu, użytkownicy mogą wybrać sklep jako preferowany sklep. Jeśli sklep jest wybrany jako preferowany sklep użytkownika, identyfikator sklepu jest zachowywany w pliku cookie przeglądarki. Dlatego użytkownik musi zaakceptować wiadomość o zgodzie na pliki cookie.

Na poniższej ilustracji przedstawiono przykład modułu wyboru sklepu, który jest używany razem z modułem Azure Maps na stronie lokalizacje sklepu.

Przykład modułu selektora sklepu i modułu Azure Maps na stronie lokalizacji sklepu.

Renderowanie mapy

Możesz użyć modułu wyboru sklepu razem z modułem Azure Maps, aby pokazać lokalizacje sklepów na mapie. Więcej informacji można znaleźć w moduł Azure Maps.

Właściwości Modułu wyboru sklepu

Nazwa właściwości Value Description
Nagłówek Tekst Nagłówek modułu.
Mode Znajdź sklepy lub Odbierz w sklepie Tryb Znajdź sklepy pokazuje dostępne sklepy. Tryb Odbierz w sklepie umożliwia użytkownikom wybranie sklepu do pobrania.
Style Okno dialogowe lub Wbudowane Moduł może być renderowany w tekście lub w oknie dialogowym.
Ustaw jako preferowany sklep Prawda lub Fałsz Gdy ustawisz tę właściwość na True, użytkownicy mogą ustawić preferowany sklep. Ta funkcja wymaga, aby użytkownicy zaakceptowali wiadomość o zgodzie na pliki cookie.
Pokaż wszystkie sklepy Prawda lub Fałsz Gdy ustawisz tę właściwość na True, użytkownicy mogą pominąć właściwość promień wyszukiwania i zobaczyć wszystkie sklepy.
Opcje automatycznego sugerowania: maks. wyniki Number Ta właściwość definiuje maksymalną liczbę wyników autosugerowania, jakie API Azure Maps Fuzzy Search może pokazać.
Promień wyszukiwania Number Właściwość określa promień wyszukiwania dla sklepów w milach. Jeśli nie podasz wartości, domyślny promień wyszukiwania to 50 mil.
Warunki świadczenia usług adres URL Ta właściwość określa URL regulaminu usług, który jest wymagany do korzystania z usługi Azure Maps.

Ustawienia witryny

Moduł selektora sklepu szanuje ustawienia Dodaj produkt do koszyka. Po dodaniu produktu do koszyka z modułu selektora sklepu, użytkownicy strony widzą odpowiednie skonfigurowane workflowy.

Dodawanie modułu wyboru sklepu do nowej strony

W trybie Odbiór w sklepie możesz używać modułu tylko na stronach szczegółowych produktów (PDP) i stronach koszyka. Ustaw tryb na Pickup in store w panelu właściwości modułu.

  • Aby uzyskać informacje o tym, jak dodać moduł wyboru sklepu do modułu pole zakupy, zajrzyj Moduł pola zakupu.
  • Aby uzyskać informacje o tym, jak dodać moduł selektora sklepu do modułu koszyka, zobacz moduł koszyka.

Aby skonfigurować moduł selektora sklepów w celu wyświetlania dostępnych magazynów dla strony lokalizacji sklepu, wykonaj następujące kroki:

  1. W Commerce headquarters przejdź do Szablony i wybierz Nowe, aby utworzyć nowy szablon.
  2. W oknie dialogowym Nowy szablon, w obszarze Nazwa szablonu wprowadź Szablon marketingowy, a następnie wybierz OK.
  3. Wybierz Zapisz, wybierz Zakończ edycję, aby zaewidencjonować szablon, a następnie wybierz opcję Publikuj, aby ją opublikować.
  4. Przejdź do Strony, a następnie wybierz opcję Nowy, aby utworzyć nową stronę.
  5. W oknie dialogowym Utwórz nowa stronę, w obszarze Nazwa strony wprowadź Lokalizacje sklepów, a następnie wybierz Dalej.
  6. W sekcji Wybierz szablon wybierz szablon marketingowy, który utworzyłeś, a następnie wybierz Dalej.
  7. W sekcji Wybierz układ wybierz układ strony (na przykład Układ elastyczny), a następnie wybierz Dalej.
  8. W sekcji Przegląd i zakończenie przejrzyj konfigurację strony. Jeśli chcesz edytować informacje na stronie, wybierz pozycję Wstecz. Jeśli informacje na stronie są poprawne, wybierz pozycję Utwórz stronę.
  9. Na nowej stronie wybierz gniazdo Główne, następnie wybierz wielokropek (...), a następnie wybierz pozycję Dodaj moduł.
  10. W oknie dialogowym Wybierz moduły wybierz moduł Kontener i wybierz przycisk OK.
  11. W gnieździe Kontener wybierz wielokropek (...), a następnie wybierz Dodaj moduł.
  12. W oknie dialogowym Wybierz moduły wybierz moduł Kontener z 2 modułami i wybierz przycisk OK.
  13. W okienku właściwości modułu określ wartość Szerokości jako Wypełnij kontener.
  14. Ustawienie wartości Konfiguracja kolumny portu widoku X-Small na 100%.
  15. Ustawienie wartości Konfiguracja kolumny portu widoku Small na 100%.
  16. Ustawienie wartości Konfiguracja kolumny portu widoku Medium na 33% 67%.
  17. Ustawienie wartości Konfiguracja kolumny portu widoku Large na 33% 67%.
  18. W gnieździe Kontener z 2 kolumnami wybierz wielokropek (...), a następnie wybierz Dodaj moduł.
  19. W oknie dialogowym Wybierz moduł wybierz moduł Selektor sklepu i wybierz przycisk OK.
  20. W okienku właściwości modułu określ wartość Tryb jako Znajdź sklepy.
  21. Umożliwia ustawienie wartości Promień wyszukiwania w milach.
  22. Określ inne właściwości, takie jak Ustaw jako preferowany sklep, Wyświetl wszystkie sklepy i Włącz automatyczną sugestię, jeśli jest to wymagane.
  23. W gnieździe Kontener z 2 kolumnami wybierz wielokropek (...), a następnie wybierz Dodaj moduł.
  24. W oknie dialogowym Wybierz moduły wybierz moduł Azure Maps i wybierz przycisk OK.
  25. W okienku właściwości modułu określ dowolne dodatkowe właściwości, które są wymagane.
  26. Wybierz Zapisz, wybierz Zakończ edycję, aby zaewidencjonować stronę, a następnie wybierz opcję Publikuj, aby ją opublikować.