Ustawienia Widżetu
Zakładka Widżet konfiguruje niewielki widżet statusu zamówienia, który możesz osadzić na własnej stronie internetowej — typowo blok „Gdzie jest moje zamówienie?” w stopce lub na stronie pomocy. Klienci wpisują numer zamówienia i email, a widżet pokazuje im bieżący status, nie wysyłając ich nigdzie indziej.
Widżet to hostowany, brandowany embed: wybierasz kolor podstawowy, tytuł i opis; system daje Ci fragment kodu <script> do skopiowania i wklejenia na Twoją stronę.
Otwórz zakładkę przez Ustawienia Aplikacji → Widżet.
Spis treści
Dział zatytułowany „Spis treści”- Do czego służy ta zakładka
- Włącz / Wyłącz
- Personalizacja
- Kod osadzenia
- Podgląd
- Klucz widżetu
- Różnica między Widżetem a Portalem Klienta
- Wskazówki i dobre praktyki
Do czego służy ta zakładka
Dział zatytułowany „Do czego służy ta zakładka”Użyj tej zakładki, aby:
- Dodać blok samoobsługowego statusu do swojej strony bez pisania kodu.
- Obrandować go swoim kolorem podstawowym, tekstem tytułu i opisem.
- Zarządzać włączeniem/wyłączeniem centralnie — przełącz toggle na off, a widżet przestaje odpowiadać wszędzie, gdzie jest osadzony.
Widżet uzupełnia (a nie zastępuje) linki śledzenia per-zamówienie z Portalu Klienta, które wysyłasz indywidualnym klientom.
Włącz / Wyłącz
Dział zatytułowany „Włącz / Wyłącz”Przełącznik u góry strony włącza lub wyłącza widżet globalnie:
- Włączony — widżet odpowiada na zapytania wszędzie, gdzie jest osadzony.
- Wyłączony — widżet renderuje się w stanie „obecnie niedostępny”.
Przydatne przy oknach serwisowych lub przy wycofywaniu widżetu z użytku.
Personalizacja
Dział zatytułowany „Personalizacja”Pod przełącznikiem znajduje się formularz z trzema polami:
| Pole | Uwagi |
|---|---|
| Tytuł Widżetu | Do 255 znaków. Pokazywany jako nagłówek wewnątrz widżetu. „Śledź swoje zamówienie” lub „Status zamówienia” są typowe. |
| Opis Widżetu | Do 500 znaków. Krótki podtytuł. „Wpisz numer zamówienia i email, by zobaczyć bieżący status.” |
| Kolor Podstawowy | Podwójna kontrolka — wybierak kolorów i pole tekstowe hex, dwukierunkowo powiązane. Steruje przyciskiem, akcentami i kolorem marki wewnątrz widżetu. |
Kliknij Zapisz, aby zastosować. Zmiany propagują się do każdego osadzonego widżetu w ciągu sekund (embed pobiera najnowszą konfigurację przy każdym załadowaniu).
Kod osadzenia
Dział zatytułowany „Kod osadzenia”Pod formularzem personalizacji znajduje się blok kodu osadzenia tylko do odczytu — pojedynczy fragment <script> z Twoim widget_key i embed_url.
- Przycisk Kopiuj kopiuje cały fragment do schowka. Krótko miga „Skopiowano!”, by potwierdzić.
- Wklej fragment do HTML dowolnej strony swojej witryny — typowo blisko końca body lub w bloku HTML CMS-a.
To wszystko — gdy fragment jest już na stronie, widżet renderuje się. Odświeżenie strony podchwytuje Twoje najnowsze zmiany personalizacji.
Podgląd
Dział zatytułowany „Podgląd”Przycisk Pokaż / Ukryj Podgląd odsłania makietę renderowania widżetu w Twojej aktualnej personalizacji:
- Przykładowe pola Numer Zamówienia i Email.
- Wyłączony przycisk Śledź ostylowany Twoim wybranym kolorem podstawowym.
Podgląd jest czysto wizualny — nie wyszukuje żadnego rzeczywistego zamówienia. Używaj go do sprawdzenia tytułu, opisu i koloru przed publikacją.
Klucz widżetu
Dział zatytułowany „Klucz widżetu”Każde konto ma pojedynczy klucz widżetu — stabilny identyfikator, którego fragment osadzenia używa do żądania Twojego brandingu i danych. Klucz:
- Jest generowany raz przy tworzeniu konta.
- Jest niezmienny — nie możesz go zmienić przez UI.
- Jest częścią fragmentu osadzenia, wbudowany w skrypt.
Jeśli musisz zrotować klucz widżetu (incydent bezpieczeństwa, wyciek klucza), skontaktuj się ze wsparciem.
Różnica między Widżetem a Portalem Klienta
Dział zatytułowany „Różnica między Widżetem a Portalem Klienta”Częsta pomyłka:
| Widżet | Portal Klienta | |
|---|---|---|
| Gdzie żyje | Na Twojej stronie, jako embed. | Na Twoim Boardzie, dostępny przez unikalny URL śledzenia. |
| Jak klient do niego trafia | Odwiedza Twoją stronę, wpisuje nr zamówienia + email. | Klika link śledzenia, który mu wysłałeś. |
| Uwierzytelnianie | Nr zamówienia + email (każdy z obojgiem może wyszukać). | Unikalny token śledzenia w URL (każdy z URL-em może zobaczyć). |
| URL per-zamówienie | Nie, jeden wspólny widżet dla wszystkich zamówień. | Tak, jeden URL na zamówienie. |
| Auto-odświeżanie | Przy każdym przeładowaniu strony. | Auto-odświeża co 2 minuty, gdy jest otwarte. |
Większość warsztatów używa obu: Widżetu do zastosowania „pozwól klientom samym znaleźć swój status”, linku Portalu Klienta do proaktywnych maili w stylu „oto Twoja strona śledzenia”.
Wskazówki i dobre praktyki
Dział zatytułowany „Wskazówki i dobre praktyki”- Osadź w stopce lub na dedykowanej stronie „Śledź zamówienie”. Nie zakopuj go głęboko na swojej stronie — wartość polega na byciu o jedno kliknięcie.
- Dopasuj kolor podstawowy do swojej marki. Widżet powinien czuć się jak część Twojej strony, a nie obcy blok wrzucony z zewnątrz.
- Trzymaj tytuł bezpośrednio. „Śledź swoje zamówienie” jest jaśniejsze niż „Narzędzie do sprawdzania statusu zamówienia”. Klienci skanują, nie czytają.
- Opis ustawia oczekiwania. „Wpisz numer zamówienia i email” mówi klientowi dokładnie, co ma robić. Pomiń marketingowy copy.
- Testuj embed w wielu przeglądarkach. Niektóre restrykcyjne polityki bezpieczeństwa treści mogą blokować skrypty trzecich stron — widżet musi być na Twojej liście dozwolonych, jeśli masz włączony CSP.
- Wyłączaj na czas planowanych przerw. Widżet elegancko pokazuje „obecnie niedostępny”, zamiast rzucać błędy.
- Nie udostępniaj klucza widżetu poza kodem osadzenia. Choć nie jest to poświadczenie, każdy go używający może żądać brandingu Twojego konta.