Widget
Odkrywanie oferty wewnątrz Twojej strony — weryfikacja obsługiwana przez aplikację UNLOQ.
Podgląd
Dostępna jest wersja podglądowa widgetu — możesz ją wypróbować poniżej. Osadzony sposób przekazania budujemy z partnerami pilotażowymi, a jego API może się jeszcze zmienić. Jeśli zależy Ci na ścieżce bez przekierowań, skontaktuj się z nami, aby dołączyć do pilotażu.
Widget osadza ofertę UNLOQ bezpośrednio na Twojej stronie lub w aplikacji. W przeciwieństwie do przycisku — pojedynczego CTA, które wysyła użytkownika na stronę kampanii — widget pokazuje nagrodę oraz sposoby jej odblokowania od razu na miejscu: użytkownik widzi, że może na przykład odebrać voucher 50 PLN, i wybiera jak (rejestracja w OKX, rejestracja w Superbet lub rejestracja połączona z pierwszą transakcją) bez opuszczania Twojej strony.
Jedno ważne zastrzeżenie: weryfikacja odbywa się w aplikacji UNLOQ. Potwierdzenie, że użytkownik faktycznie wykonał akcję u marki, wymaga aplikacji UNLOQ, więc konwersja nie domyka się w całości na Twojej stronie — to uporządkowane przekazanie, które zachowuje Twój lejek w całości.
Przepływ
- Odkrywanie w Twoim środowisku. Widget pokazuje nagrodę i opcje odblokowania dokładnie tam, gdzie użytkownik już jest — strona wydarzenia, koszyk lub etap po zakupie.
- Przekazanie do aplikacji UNLOQ. Gdy użytkownik wybierze opcję odblokowania, widget kieruje go do aplikacji na urządzeniu mobilnym lub pokazuje kod QR na komputerze. Użytkownicy, którzy już mają aplikację, trafiają od razu do wybranego odblokowania.
- Weryfikacja w aplikacji. Użytkownik wykonuje akcję u marki, a UNLOQ weryfikuje ją automatycznie — bez kodów, bez zrzutów ekranu.
- Powrót do Twojego flow. Stan odblokowania jest weryfikowany po stronie serwera, więc gdy użytkownik wraca, widget odzwierciedla odblokowaną nagrodę, a Twoja strona może zareagować — na przykład realizując odblokowany voucher przy zamówieniu.
Dlaczego to wciąż lepsze niż zwykłe przekierowanie
- Twoja strona nigdy nie znika. Widget otwiera się jako nakładka (lub panel wysuwany z dołu na urządzeniach mobilnych); koszyk, finalizacja i kontekst użytkownika pozostają nienaruszone w tle.
- Wybór następuje przed przekazaniem. Użytkownik przechodzi do aplikacji dopiero po wyborze konkretnego odblokowania, a aplikacja od razu pokazuje właściwy krok — bez odnajdywania się na nowej stronie.
- Powracający użytkownicy przechodzą od razu dalej. Każdy, kto ma już zainstalowany UNLOQ, przechodzi z Twojej strony do weryfikacji jednym dotknięciem.
- Nie zakłócasz procesu zakupu. Po sfinalizowaniu zamówienia przekazanie nic Cię nie kosztuje — dlatego etap po zakupie to naturalne pierwsze miejsce na widget.
Wypróbuj
Karta poniżej jest renderowana przez wersję podglądową widget.js, wczytaną
dokładnie tak, jak wczytałaby ją strona partnera:
Podgląd, wyrenderowany przez widget.js tej strony:
Każda opcja odblokowania kieruje użytkownika prosto do sklepu z aplikacją UNLOQ — App Store na iOS/macOS, Google Play w pozostałych przypadkach. Przekierowanie na stronę docelową kampanii — model przekierowania — obsługują przycisk i baner. Opisane wyżej osadzone przekazanie do aplikacji zastąpi wewnętrzną logikę widgetu bez zmiany Twojego fragmentu integracji.
Integracja
Jeden tag skryptu plus element kontenera:
<script
src="https://unloq.now/widget.js"
data-partner="twoj-identyfikator-partnera"
async
></script>
<div
data-unloq-widget
data-campaign="twoja-kampania"
data-placement="checkout"
></div>Widget renderuje kartę oferty w kontenerze, odizolowaną od stylów Twojej strony dzięki Shadow DOM. Nagroda i opcje odblokowania są konfigurowane per kampania przez UNLOQ, więc nie utrzymujesz ich samodzielnie.
Konfiguracja
| Atrybut | Gdzie | Przeznaczenie |
|---|---|---|
data-partner | tag skryptu | Twój identyfikator partnera, dołączany do zdarzenia wyboru |
data-campaign | kontener | Ścieżka Twojej kampanii na unloq.now (np. fame-mma) |
data-placement | kontener | Etykieta umiejscowienia, dołączana do zdarzenia wyboru (np. checkout) |
data-lang | kontener | Język treści karty: pl (domyślny) lub en |
data-theme | kontener | dark (domyślny) lub light |
data-reward | kontener | Opcjonalne nadpisanie nagłówka nagrody |
Widget emituje zdarzenie unloq:select na kontenerze, gdy użytkownik wybierze
opcję odblokowania (z wybraną opcją w event.detail.option), więc możesz
podłączyć je do swojej analityki.
Co doda pełny widget
- Tryb nakładki — karta rozwija się w nakładkę na Twojej stronie (panel wysuwany z dołu na urządzeniach mobilnych) z opcjami odblokowania i przekazaniem do aplikacji, zamiast otwierać stronę kampanii
- Oferty dopasowane do umiejscowienia — inne ujęcie nagrody na stronie wydarzenia niż w koszyku
- Pełniejsze dopasowanie wyglądu — kolory i typografia dostosowywane do Twojej identyfikacji wizualnej
- Callbacki stanu odblokowania — zdarzenie JavaScript, gdy nagroda użytkownika zostanie zweryfikowana, aby Twoje flow mogło zareagować natychmiast
Zainteresowany?
Priorytetowo traktujemy partnerów pilotażowych, których lejki nie tolerują przekierowań — platformy ticketingowe, podróżnicze i e-commerce. Napisz do nas, aby omówić swój przypadek użycia.