Moduł pola zakupu

W tym artykule opisano moduły buy box i wyjaśniono, jak dodać je do stron witryny w usłudze Microsoft Dynamics 365 Commerce.

Termin pole zakupu zwykle odnosi się do obszaru strony szczegółów produktu (PDP), który znajduje się "powyżej zagięcia." Zawiera wszystkie najważniejsze informacje, które klient potrzebuje, aby dokonać zakupu produktu. Obszar „powyżej zakładki” jest widoczny po pierwszym załadowaniu strony, dzięki czemu użytkownicy nie muszą przewinąć w dół, aby ją wyświetlić.

Moduł buy box to specjalny kontener, który hostuje wszystkie moduły wyświetlane w obszarze zakupu na stronie szczegółów produktu.

Adres URL strony szczegóły produktu zawiera identyfikator produktu. Identyfikator produktu zawiera wszystkie informacje potrzebne do renderowania modułu buy box. Jeśli nie podasz identyfikatora produktu, moduł buy box nie renderuje poprawnie na stronie. W związku z tym można użyć modułu buy box tylko na stronach, które mają kontekst produktu. Aby można było z niego skorzystać na stronie, która nie ma kontekstu produktu (np. strony głównej lub strony marketingowej), należy wykonać dodatkowe dostosowania.

Poniższy obraz pokazuje przykład modułu kupującego na stronie ze szczegółowymi informacjami o produkcie.

Zrzut ekranu modułu buy box.

Qłaściwości modułu pola zakupu i gniazda

Na stronie szczegółów produktu pole zakupu dzieli się na dwa regiony: region multimediów po lewej stronie i region zawartości po prawej stronie. Domyślnie stosunek szerokości kolumny region multimedialny do szerokości kolumny obszaru zawartości wynosi 2:1. Na urządzeniach mobilnych oba regiony są ułożone tak, aby jeden pojawił się pod drugim. Możesz użyć motywów, aby dostosować szerokość kolumn i kolejność układania.

Moduł pudełka z kupowaniem umożliwia renderowanie tytułu, opisu, ceny i klasyfikacji produktu. Klienci mogą również wybrać warianty produktu, które mają różne atrybuty produktu, takie jak rozmiar, styl i kolor. Gdy klient wybierze wariant produktu, moduł aktualizuje inne właściwości w polu zakupu (na przykład opis produktu i obrazy), aby odzwierciedlić informacje o wariantach.

Dostępny jest selektor ilości, dzięki czemu odbiorcy mogą określić ilość towarów do zakupienia. Ustawienia witryny definiują maksymalną ilość, którą klient może kupić.

W polu kupowania klienci mogą również wykonywać takie działania, jak dodawanie produktu do koszyka, dodawanie produktu do ich listy życzeń oraz wybieranie lokalizacji odbioru. Te akcje można wykonać dla produktu lub wariantu produktu. Aby dodać produkt do listy życzeń, odbiorca musi się zalogować.

Motywów można używać do usuwania lub zmieniania kolejności właściwości produktu pola zakupu oraz formantów akcji.

Właściwości modułu

  • Tag nagłówka: Ta właściwość definiuje tag nagłówka dla tytułu produktu. Jeśli pole zakupu znajduje się na górze strony, ustaw tę właściwość na h1, aby spełnić standardy ułatwień dostępu.

  • Włącz rekomendacje „kup podobnie wyglądające produkty”: Ta funkcja pozwala w sekcji zakupu wyświetlać linki do produktów wyglądających podobnie do aktualnie oglądanego produktu. Ta funkcja jest dostępna w Commerce w wersji 10.0.13 i nowszej.

Moduły, których można używać w module buy box

  • Galeria mediów: Użyj tego modułu, aby pokazać zdjęcia produktu na stronie szczegółów produktu. Aby uzyskać więcej informacji dotyczących tego modułu, przejdź do Modułu galerii multimediów.
  • Wybór sklepu: Użyj tego modułu, aby wyświetlić listę pobliskich sklepów, w których dany przedmiot jest dostępny do odbioru. Umożliwia użytkownikom wprowadzenie lokalizacji, w której znajdują się bliskie sklepy. Aby uzyskać więcej informacji dotyczących tego modułu, przejdź do Modułu selektor sklepów.
  • Magazyn i lokalizator sklepów: Na stronach B2B użyj tego modułu, aby pokazać zapasy produktów w sklepach i magazynach w różnych podmiotach prawnych. Więcej informacji można znaleźć w moduł lokalizatora magazynów i sklepów.
  • Udostępnianie społecznościowe: Dodaj ten moduł do pola zakupu, aby umożliwić użytkownikom udostępnianie informacji o produktach w mediach społecznościowych. Aby uzyskać więcej informacji, zajrzyj do Moduł udostępniania w mediach społecznościowych.

Ustawienia modułu pola zakupu

Możesz skonfigurować następujące ustawienia modułu buy box w Ustawienia witryny>Rozszerzenia:

  • Limit ilości w linii koszyka: Użyj tej właściwości, aby określić maksymalną liczbę każdego produktu, który można dodać do koszyka. Na przykład sprzedawca może zdecydować, że tylko 10 sztuk każdego produktu może być sprzedawanych w jednej transakcji.
  • Zapasy: Aby dowiedzieć się, jak stosować ustawienia zapasów, zobacz Stosowanie ustawień zapasów.
  • Dodaj produkt do koszyka: Aby uzyskać informacje o tym, jak zastosować ustawienia Dodaj produkt do koszyka, zobacz Ustawienia opcji „Dodaj produkt do koszyka”.

Kup rozszerzenia definicji modułu box w motywie Adventure Works

Moduł pola zakupu udostępniany przez motyw Adventure Works ma rozszerzenie definicji modułu, które obsługuje implementację modułu specyfikacji produktu w module akordeonu w polu zakupu PDP. Aby zaprezentować atrybuty specyfikacji produktu w okienku zakupu PDP, dodaj moduł specyfikacji produktu do gniazda modułu akordeon w gnieździe okna zakupu.

Important

Kompozycja Adventure Works jest dostępna w Dynamics 365 Commerce w wersji 10.0.20.

Interakcja Commerce Scale Unit

Moduł buy box pobiera informacje o produkcie przy użyciu interfejsów programowania aplikacji (API, Commerce Scale Unit). Używa identyfikatora produktu ze strony szczegółów produktu, aby uzyskać wszystkie informacje o produkcie.

Dodawanie modułu pola zakupu do strony

Aby dodać moduł buy box do nowej strony i ustawić wymagane właściwości, wykonaj następujące kroki:

  1. Przejdź do Fragmenty, a następnie wybierz opcję Nowy, aby stworzyć nowy fragment.
  2. W oknie dialogowym Nowy fragment wybierz moduł Pole zakupu.
  3. W obszarze Nazwa fragmentu wprowadź nazwę Fragment pola zakupu, a następnie kliknij przycisk OK.
  4. W gnieździe Galeria multimediów, w którym znajduje się moduł pola zakupu wybierz wielokropek (...), a następnie wybierz Dodaj moduł.
  5. W oknie dialogowym Wybierz moduł wybierz moduł Galeria multimediów i wybierz przycisk OK.
  6. W gnieździe Selektor sklepu, w którym znajduje się moduł pola zakupu wybierz wielokropek (...), a następnie wybierz Dodaj moduł.
  7. W oknie dialogowym Wybierz moduł wybierz moduł Selektor sklepu i wybierz przycisk OK.
  8. Wybierz Zapisz, wybierz Zakończ edycję, aby zaewidencjonować fragment, a następnie wybierz opcję Publikuj, aby ją opublikować.
  9. Przejdź do Szablonu, a następnie wybierz Nowy, aby utworzyć nowy szablon.
  10. W oknie dialogowym Nowy szablon, w obszarze Nazwa szablonu wprowadź Szablon PDP, a następnie wybierz OK.
  11. W gnieździe Treść wybierz wielokropek (...), a następnie wybierz Dodaj moduł.
  12. W oknie dialogowym Wybierz moduł wybierz moduł Strona domyślna i wybierz przycisk OK.
  13. Na domyślnej stronie wybierz gniazdo Główne, następnie wybierz przycisk wielokropka (...), a następnie wybierz pozycję Dodaj fragment.
  14. W oknie dialogowym Wybieranie fragmentu wybierz utworzony fragment Fragment pola zakupu, a następnie kliknij OK.
  15. Wybierz Zapisz, wybierz Zakończ edycję, aby zaewidencjonować szablon, a następnie wybierz opcję Publikuj, aby ją opublikować.
  16. Przejdź do Strony, a następnie wybierz opcję Nowy, aby utworzyć nową stronę.
  17. W oknie dialogowym Utwórz nowa stronę, w obszarze Nazwa strony wprowadź Strona PDP, a następnie wybierz Dalej.
  18. W sekcji Wybierz szablon wybierz szablon PDP, a następnie wybierz Dalej.
  19. W sekcji Wybierz układ wybierz układ strony (na przykład Układ elastyczny), a następnie wybierz Dalej.
  20. 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ę.
  21. Na nowej stronie wybierz gniazdo Główne, następnie wybierz przycisk wielokropka (...), a następnie wybierz pozycję Dodaj fragment.
  22. W oknie dialogowym Wybieranie fragmentu wybierz utworzony fragment Fragment pola zakupu, a następnie kliknij OK.
  23. Zapisz i zobacz podgląd strony. Do adresu URL podglądu strony należy dodać parametr dotyczący ciągu kwerendy ?productid=<product id>. W ten sposób kontekst produktu jest używany do ładowania i renderowania strony podglądu.
  24. Wybierz Zapisz, wybierz Zakończ edycję, aby zaewidencjonować stronę, a następnie wybierz opcję Publikuj, aby ją opublikować. Na stronie Szczegóły produktu powinno pojawić się pole zakupu.

Dodaj magazyn i lokalizator sklepów do sekcji zakupu B2B

W przypadku stron B2B korzystających z wyszukiwania zapasów między podmiotami prawnymi, dodaj magazyn i lokalizator sklepu bezpośrednio do fragmentu pola zakupu.

  1. Otwórz fragment buy boxa używanego przez szablon PDP strony.
  2. Wybierz moduł buy box.
  3. W polu lokalizatora magazynu wybierz wielokropek (...), a następnie wybierz Dodaj moduł.
  4. W oknie dialogowym Wybierz moduły wybierz Magazyn i lokalizator sklepu, a następnie wybierz OK.
  5. Ustaw właściwość modułu Punkt wejścia na stronę szczegółów produktu.
  6. Konfiguruj właściwości lokalizatora i opcjonalną mapę.
  7. Wybierz opcję Zapisz, wybierz opcję Zakończ edycję, a następnie wybierz opcję Publikuj.