Jak umieścić na stronie widgety opinii o produktach?

Widget opinii o produktach można dodać do strony tak jak każdy inny element tego typu. Jest tylko jedna istotna różnica — należy podać identyfikatory produktów.

Jeśli chcesz również dowiedzieć się, jak wyglądają widgety na stronie internetowej, zapoznaj się z tym artykułem: Jak wyglądają widgety w moim sklepie internetowym?

Czym są identyfikatory produktów?

Identyfikator produktu to seria znaków numerycznych lub alfanumerycznych identyfikująca dany produkt

Widgety opinii o produktach eTrusted obsługują najczęściej używane identyfikatory:

  • SKU (Stock Keeping Unit): jest to unikatowy identyfikator przypisany przez sprzedawcę.
  • GTIN (Global Trading Item Number): zapewnia jednoznaczną i globalną identyfikację produktów zgodnie z międzynarodowymi standardami. Przykładem są numery ISBN i EAN.
  • MPN (Manufacturer Part Number): umożliwia jednoznaczną i globalną identyfikację produktów. Te identyfikatory są przypisywane przez producenta.

Czy mogę użyć więcej niż jednego identyfikatora produktu?

Tak. W przypadku produktów z różnymi wariantami jest to nawet konieczne.

Przykłady: Załóżmy, że sprzedajesz koszulki w różnych rozmiarach. Każdy rozmiar (np. S, M, L) musi mieć osobny identyfikator produktu. Możesz dodać jeden identyfikator produktu po drugim, oddzielając je przecinkami. 

Pamiętaj, aby podać co najmniej jeden identyfikator. W przeciwnym razie widget nie będzie widoczny.

Jak wprowadzić widget opinii o produktach na stronę internetową?

Najpierw odpowiedz na pytanie: Czy produkty Trusted Shops są zintegrowane z Twoją stroną internetową za pomocą wtyczki? Dzięki wielu naszym wtyczkom możesz zintegrować widgety zaledwie kilkoma kliknięciami, nawet jeśli nie masz dużej wiedzy technicznej. Dlatego warto najpierw sprawdzić, czy wtyczka obsługuje integrację widgetów:
 
  1. Otwórz wtyczkę Trusted Shops.
  2. Sprawdź, czy wtyczka ma zakładkę "Widgety".
Czy wtyczka ma zakładkę "Widgety"? W takim przypadku wykonaj następujące czynności: Wyświetlaj opinie o usługach i produktach w swoim sklepie
Wtyczka nie ma zakładki "Widgety"? W takim razie postępuj zgodnie z poniższą instrukcją.

Krok 1: Generowanie kodu widgetu

Wszystkie dostępne widgety opinii o produkcie można znaleźć w Bibliotece Widgetów.

  1. Zaloguj się do Centrum Kontrolnego eTrusted.
  2. W głównym menu nawigacyjnym kliknij gwiazdkę ("Opinie") (01_16x16.png). Następnie kliknij "Marketing" (02_16x16.png).
  3. Otwórz zakładkę "Widgety" (03_16x16.png).
    01_PL.png
  4. Wybierz widget opinii o produkcie. Następnie kliknij przycisk "Utwórz" dla wybranego widgetu. Otworzy się okno trybu konfiguracji widgetu.
    02_PL.png
  5. Wybierz schemat kolorystyczny, w którym widget ma się wyświetlać:
    - Wybierz "Jasny", jeśli jeśli ma zachować standardową kolorystykę.
    - Wybierz "Ciemny", jeśli widget ma być zawsze wyświetlany w trybie ciemnym.
    - Wybierz "Ustawienie systemu", jeśli chcesz, aby ustawienia trybu ciemnego określały, czy widget jest w nim wyświetlany.
    03_PL.png
  6. Chcesz użyć innego koloru dla gwiazdek oceny i belek na pełnej liście opinii? W takim przypadku kliknij pole "Kolor akcentu".
    04_PL.png
    Zostanie otwarte menu rozwijane. Wybierz jeden z sugerowanych kolorów (01_16x16.png) lub wprowadź wartość szesnastkową żądanego koloru w polu wprowadzania danych (02_16x16.png). Następnie kliknij "Zastosuj" (03_16x16.png).
    05_PL.png
  7. Chcesz użyć w widżecie czcionki ze swojej strony internetowej? W takim przypadku kliknij "Zastosuj czcionkę swojej strony internetowej".
    06_PL.png
  8. Czy właśnie konfigurujesz widget „Pełna lista opinii”? W razie potrzeby włącz rich snippets.
    07_PL.png
Rich snippets to rozszerzone wyniki wyszukiwania, które dostarczają dodatkowych informacji o zawartości strony internetowej. Mogą być one używane przez wyszukiwarki do wizualnego podświetlenia rzeczywistego wyniku wyszukiwania. Wymagane do tego celu informacje pochodzą z danych strukturalnych przechowywanych w kodzie źródłowym strony. Włączając rich snippets, widget dostarcza te informacje do wyszukiwarek.
  1. Następnie określ zachowanie widgetu dla produktów, które nie otrzymały jeszcze opinii:
    - Zaznacz opcję "Ukryj widget, gdy nie ma dostępnych opinii", jeśli ma być całkowicie ukryty.
    - Nie zaznaczaj tej opcji, jeśli mają wyświetlać się szare gwiazdki.
    08_PL.png
  2. Zaznacz "Pokaż obrazy", jeśli w widżecie mają być widoczne zdjęcia produktów przesłane przez klienta.
Zdjęcia produktów mogą być prezentowane w następujących widgetach: Karuzela z opiniami, opinie klientów, pełna lista opinii.

09_PL.png

  1. Kliknij "Utwórz kod widgetu". Otworzy się przegląd "Jak zintegrować widget z Twoją stroną internetową?".
    10_PL.png
  2. Użyj menu rozwijanego, aby wybrać etykietę produktu, której używasz.
    04_PL.png

Kod widgetu został pomyślnie utworzony. Teraz musisz zintegrować kod widgetu ze swoją stroną internetową.

Krok 2: Integracja kodu widgetu z Twoją stroną internetową

Aby wyświetlać widgety opinii o produkcie na swojej stronie internetowej, kod HTML i kod JavaScript muszą być zintegrowane z nagłówkiem i sekcją treści kodu HTML strony internetowej. Potrzebne do tego celu fragmenty kodu można znaleźć w przeglądzie "Jak zintegrować widget z Twoją stroną internetową?", który zostanie otwarty po wygenerowaniu kodu widgetu.

Nie masz wiedzy technicznej, aby wstawić kod widgetu w kodzie HTML strony internetowej? W takim razie kliknij "Skopiuj wszystkie instrukcje". Następnie otwórz wybrany dokument tekstowy i wklej do niego kod widgetu. Wyślij dokument tekstowy do administratorów strony.
05_PL.png

Chcesz samodzielnie zintegrować kod widgetu z kodem HTML swojej strony internetowej? W takim przypadku wykonaj następujące czynności:

  1. Kliknij ikonę dokumentu u góry pola kodu, aby skopiować fragment kodu do schowka.
    06_PL.png
  2. Otwórz sekcję nagłówka na swojej stronie internetowej HTML. Umieść fragment kodu w sekcji nagłówka.
Kod JavaScript nagłówka jest potrzebny tylko raz, nawet jeśli zaimplementujesz w witrynie więcej niż jeden widget.
  1. Wróć do przeglądu "Jak zintegrować widget z Twoją stroną internetową?". Kliknij ikonę dokumentu w środkowym polu kodu, aby skopiować fragment kodu do schowka.
    07_PL.png
  2. Otwórz sekcję treści w kodzie HTML swojej strony internetowej. Wklej fragment skopiowanego kodu do sekcji treści, w której chcesz umieścić widget.
  3. We wstawionym fragmencie kodu zastąp wartość YOUR-DATA-SKU, YOUR-DATA-GTIN lub YOUR-DATA-MPN etykietą produktu, którego opinie chcesz wyświetlić w widgecie.
Chcesz, aby oceny wielu wariantów produktów (np. różnych rozmiarów tej samej odzieży) były wyświetlane w jednym widgecie? W tym przypadku możesz umieścić kilka etykiet produktów w miejscu pokazanym w kroku 5. Oddziel poszczególne etykiety produktów przecinkiem.
Poniżej przedstawiamy przykładowy kod widgetu Pełna lista opinii.
Przykład dotyczy produktu z trzema różnymi wariantami. Aby je dodać, rozdziel je przecinkami (0055573.001, 0055573.002, 0055573.005). Identyfikatory produktu to SKU:
<!-- Begin eTrusted widget tag -->

<etrusted-widget data-etrusted-widget-id="wdg-f6e1e50c-b07c-4a92-85fb-14b6feab9ea6" data-sku="0055573.001,0055573.002,0055573.005"></etrusted-widget>

<!-- End eTrusted widget tag -->

Etapy 6 i 7 są opcjonalnymi krokami dla widgetu Pełna lista opinii. Jeśli umieszczasz inny widget, przejdź do kroku 8.

  1. Wróć do przeglądu "Jak zintegrować widget z Twoją stroną internetową?". Widget Pełna lista opinii umożliwia integrację w dowolnym miejscu na stronie produktu małego podglądu gwiazdek, który prowadzi do głównego widgetu. Chcesz użyć tej opcji? Kliknij ikonę dokumentu w dolnym polu kodu, aby skopiować fragment kodu do schowka.
    08_PL.png
  2. Otwórz sekcję treści w kodzie HTML swojej strony internetowej. W takim razie wklej fragment kodu do sekcji treści, w której chcesz umieścić podgląd gwiazdek.
  3. Wróć do przeglądu "Jak zintegrować widget z Twoją stroną internetową?". Kliknij "Tworzenie kompletnego widgetu".
    09_PL.png

Widget został pomyślnie zintegrowany z Twoją stroną internetową.

Czy Twoje gwiazdki już pojawiają się w Google? Więcej informacji znajdziesz w tych artykułach:
- Czym jest integracja z Google?
- Dlaczego istotna jest optymalizacja oceny łącznej na innych platformach zbierających opinie?


Czy ten artykuł był pomocny?

Liczba użytkowników, którzy uważają ten artykuł za przydatny: 5 z 11