Pierwsze powiadomienie w pięciu krokach

1. Wybierz źródło zakupów

Domyślnie GrowProof pokazuje opłacone zamówienia z ostatnich 7 dni. Okno możesz rozszerzyć do 30 dni. Jeśli chcesz pokazywać także zamówienia dopiero złożone, wyłącz opcję „Tylko opłacone zamówienia” — polecamy zostawić ją włączoną, bo płatność jest najsilniejszym dowodem zakupu.

Po publikacji aplikacja nasłuchuje zdarzeń zamówień w czasie rzeczywistym i dodatkowo co 10 minut sama uzupełnia ewentualne braki.

2. Ustaw prywatność klientów

Powiadomienie może pokazywać: imię i miasto („Anna · Kraków”), samo imię, samo miasto („Kupujący · Kraków”) albo być w pełni anonimowe („Ktoś z Twojego sklepu”). Wybierz poziom prywatności odpowiedni dla Twojego sklepu; kreator nie zmienia tego wyboru.

Forma czasownika („kupił”/„kupiła”) dobierana jest automatycznie na podstawie imienia; możesz ją też ustawić sztywno. Aplikacja zapisuje wyłącznie imię i miasto z adresu dostawy — nigdy nazwisko, ulicę ani e-mail.

3. Dopasuj rytm wyświetlania

Powiadomienie pojawia się po pierwszym opóźnieniu (domyślnie 30 sekund), widnieje kilka sekund i znika. Między komunikatami jest przerwa, a podczas jednej wizyty klient zobaczy maksymalnie kilka powiadomień. Klient może każde zamknąć przyciskiem — wtedy respektujemy to do końca sesji.

4. Wygląd i wykluczenia

W zakładce Wygląd wybierz kartę Wygląd wg branży: trzy klasyczne wersje (karta, pasek, duże zdjęcie) albo wygląd przygotowany dla elektroniki, mody, zdrowia i urody, domu i ogrodu lub sklepu wielobranżowego. Każdy ma własny układ na komputerze i telefonie, także dla licznika „Na żywo” i odznaki przy produkcie. Prywatność, rytm i wykluczenia działają tak samo, a motyw i test dwóch wersji dotyczą klasycznych wersji.

Wybierz róg (lewy lub prawy dolny), motyw neutralny, ciemny albo koloru marki oraz kolor akcentu. Całe powiadomienie jest klikalne i prowadzi do karty zakupionego produktu.

W sekcji Wykluczenia wskaż produkty lub całe kategorie, których nie chce pokazywać (np. prezenty, akcesoria, obszar B2B). Wykluczonych pozycji nigdy nie zobaczy klient.

Własny CSS — bezpieczne modyfikacje wyglądu

Pole „Własny CSS” w sekcji Wygląd pozwala dopasować powiadomienie do sklepu bez pomocy programisty. Kieruj style na elementy widgetu GrowProof — używaj klas z prefiksem .gp-. Zabronione są znaczniki HTML i skrypty (<, javascript:, expression(), url(javascript…)) — takie wpisy zostaną odrzucone przy zapisie. Limit to 8000 znaków, a podgląd w panelu reaguje na zmiany natychmiast.

Trzy sprawdzone przepisy do skopiowania:

1. Zdjęcia produktu w kółku (delikatniejszy, lifestyle’owy charakter):

   .gp-toast__thumb { border-radius: 50%; }
   .gp-toast__thumb .gp-toast__image { object-fit: cover; }

2. Mocniejszy cień i podkreślona ramka w kolorze akcentu (lepsza widoczność na tłocznych stronach):

   .gp-toast { border-width: 2px; box-shadow: 0 10px 30px rgba(0,0,0,.18); }

3. Większa hierarchia tekstu — kto kupił jest najważniejszy:

   .gp-toast__who { font-size: 15px; font-weight: 700; }
   .gp-toast__when { letter-spacing: .02em; }

Wskazówka: zmiany działają też w szablonach kompakt i hero — selektory .gp-toast__* są wspólne. Po wklejeniu zapisz szkic, sprawdź podgląd na komputerze i telefonie, dopiero potem publikuj.

5. Sprawdź podgląd i opublikuj

Podgląd w panelu działa na przykładowych danych — w sklepie zobaczysz wyłącznie realne zakupy. Przełącz komputer/tablet/telefon, zapisz szkic, a gdy wszystko pasuje — kliknij „Opublikuj”. W sidebarze widzisz ostatnio zarejestrowane zakupy oraz statystyki wyświetleń, kliknięć i CTR.

Dopasowanie do sklepu i animacje

Włącz Dopasuj do przycisku sklepu, aby na karcie produktu odczytać akcent i czcionkę z widocznego przycisku zakupu tego produktu. Przy braku jednoznacznego przycisku, przezroczystości lub gradiencie używamy koloru zapasowego i domyślnej czcionki. Dopasowanie jest odczytem: nie zmienia przycisku ani ustawień szablonu. Kolor może zostać skorygowany dla czytelności; nie importujemy dodatkowych fontów.

Wybierz delikatne przesunięcie, samo przenikanie albo brak animacji. Odtwórz animację w podglądzie pokazuje wybrany efekt na przykładowych danych, bez zapisywania i bez statystyk. Na innych stronach sklepu także używamy ręcznie wybranego akcentu. Podgląd koloru pozostaje zapasowy, bo panel nie jest kartą produktu. Systemowe ustawienie ograniczonego ruchu wyłącza animacje widgetu.

Szybki start dla branży

Najszybciej kliknij Użyj zalecanych ustawień: kupujący pokazuje się jako „Ktoś z małopolskiego” (bez imienia i miasta), liczymy opłacone zamówienia z 7 dni, a powiadomienia pojawiają się po 30 sekundach, najwyżej cztery na wizytę. To zmienia tylko szkic, niczego nie publikuje i możesz to cofnąć; wykluczeń, kolorów, godzin, odznaki i licznika nie ruszamy. Wybierz branżę i styl w kreatorze, a następnie Zastosuj do szkicu. Zobaczysz nowe ustawienia w podglądzie. Przed zapisem możesz użyć Cofnij preset. Wykluczenia, język i kolor marki pozostają Twoje; preset nie zapisuje ani nie publikuje automatycznie.

Gdzie pokazywać

W zakładce Gdzie i kiedy wybierasz rodzaje stron, na których pojawią się powiadomienia — domyślnie wszystkie, jak dotąd. Polecamy wariant „Wszędzie poza koszykiem i zamówieniem”, bo przy płatności nic nie powinno rozpraszać klienta. Możesz też wpisać fragmenty adresów, na których powiadomienie się nie pojawi (np. /pl/i/regulamin), a pole Sprawdź adres od razu pokaże, jak zadziałają Twoje ustawienia na danej stronie. Odznaka „Popularne teraz” na karcie produktu ma własny przełącznik i działa niezależnie od tej listy.

W tej samej zakładce możesz ograniczyć powiadomienia do wybranych dni i godzin (czas polski): zaznacz dni tygodnia lub użyj skrótu „Dni robocze” czy „Weekend” i ustaw okno godzin. Okno przechodzące przez północ, np. 20:00–02:00, liczy się do dnia, w którym zaczyna — piątkowe okno działa więc jeszcze w sobotnią noc do 02:00. Pod polami linia planu podsumowuje wybór, a odznaka „Popularne teraz” działa niezależnie od harmonogramu.

Przełącznik Najpierw zakup oglądanego produktu sprawia, że na karcie produktu pierwszym powiadomieniem będzie prawdziwy zakup tego właśnie produktu — o ile taki zakup jest w wybranym okresie. Jeśli go nie ma, kolejność pozostaje zwykła.

W zakładce Wyniki lista Zakupy w powiadomieniach pokazuje każdy ostatni zakup dokładnie tak, jak zobaczą go klienci. Przycisk Ukryj przy wierszu usuwa pojedynczy zakup z rotacji — przydatne przy zamówieniu testowym albo zakupie pracownika. Produkt nadal może się pojawić przy innych zamówieniach. Pokaż ponownie przywraca zakup, a sekcja „Ukryte zakupy” w zakładce „Gdzie i kiedy” pozwala przywrócić wszystkie naraz. Ukrycie zaczyna działać po zapisaniu i opublikowaniu zmian; ukryć można najwyżej 200 zakupów.

Osobne ustawienia urządzeń

Włącz osobne ustawienia, aby wybrać widoczność oraz pozycję dla telefonu (do 767 px), tabletu (768–1023 px) i komputera (od 1024 px). To szerokości ekranu, nie rozpoznawanie modelu urządzenia. Pozycja „Jak w ustawieniu głównym” korzysta z głównego wyboru. Przełącz podgląd między trzema rozmiarami przed publikacją. Po obrocie ekranu widget sam stosuje aktualną regułę.

Uruchomienie i statystyki

Checklista w panelu pokazuje aktywny plan, opublikowaną konfigurację oraz zarejestrowane wyświetlenia z ostatnich 30 dni. To pomoc w uruchomieniu — test w sklepie nadal wykonaj według poniższej listy. Odśwież dane ponawia odczyt statystyk. Przycisk Eksportuj CSV (30 dni) pobiera dzienne agregaty do arkusza: bez danych klientów i bez nazw produktów.

Test po publikacji

1. Złóż testowe opłacone zamówienie w swoim sklepie.
2. Otwórz stronę sklepu i odczekaj pierwsze opóźnienie — powiadomienie powinno się pojawić w wybranym rogu.
3. Kliknij powiadomienie i potwierdź, że prowadzi do właściwego produktu.
4. Sprawdź szerokość telefonu — powiadomienie nie może przewijać strony poziomo.
5. W panelu odczytaj rosnące liczniki wyświetleń i kliknięć.

Najczęstsze pytania

• Dlaczego nie widzę powiadomienia? Sprawdź, czy w wybranym oknie są opłacone zamówienia i czy ich produkty nie są wykluczone. Brak zakupów oznacza celową ciszę.
• Czy aplikacja wymyśla zakupy? Nie. GrowProof pokazuje wyłącznie realne zamówienia Twojego sklepu. Konkurencja bywa mniej skrupulatna — my uważamy fikcję za oszustwo.
• Jakie dane klientów są przetwarzane? Wyłącznie imię i miasto z adresu dostawy opłaconego zamówienia, w wybranym trybie prywatności. Bez nazwisk, adresów, e-maili i profili.
• Czy powiadomienia są dostępne dla czytników ekranu? Tak. Komunikat jest ogłaszany uprzejmie (aria-live), można go zamknąć klawiaturą, a przy prefers-reduced-motion animacja jest wyłączona.
• Jak wyłączyć wszystko natychmiast? Wyłącz przełącznik „Pokazuj w sklepie” i opublikuj. W Storefront możesz dodatkowo awaryjnie wyłączyć moduł.
• Czy jest limit wyświetleń? Nie. Jedna cena miesięczna lub roczna obejmuje nielimitowane wyświetlenia, kliknięcia i pełną analitykę.
• Jak ukryć zamówienie testowe? W zakładce „Wyniki” przy liście „Zakupy w powiadomieniach” kliknij „Ukryj” przy wybranym zakupie, a potem zapisz i opublikuj zmiany. Ten sam produkt nadal może się pojawiać przy innych zamówieniach.
• Czy mogę pokazywać powiadomienia tylko w dni robocze? Tak — w sekcji „Godziny” włącz ograniczenie i wybierz „Dni robocze” albo zaznacz dni ręcznie; możesz też ustawić okno godzin, np. 20:00–02:00.
• Czy powiadomienia pokazują się w koszyku? Domyślnie tak, ale zalecamy zakres „Wszędzie poza koszykiem i zamówieniem” w sekcji „Gdzie pokazywać” — klient, który płaci, nie widzi rozpraszaczy.
• Czy mogę pokazać najpierw zakup produktu, który klient ogląda? Tak — włącz „Najpierw zakup oglądanego produktu”. Pokazujemy wyłącznie prawdziwy zakup z wybranego okresu; gdy go nie ma, kolejność się nie zmienia.