Widget
Widget to miniaturowy moduł osadzany na stronie internetowej, który dostarcza samodzielną funkcję — przycisk live chatu, formularz zapisu do newslettera, baner z opiniami. Ładuje się przez jeden fragment kodu i działa niezależnie od reszty witryny.
Czym jest widget?
Widget to samodzielny blok funkcjonalny, który osadzasz na swojej stronie poprzez mały fragment kodu (zwykle 1–3 linie JavaScript). Widget zarządza własnym renderowaniem, logiką i transportem danych — nie musisz budować własnych komponentów.
Termin pochodzi z rozwoju oprogramowania (małe bloki interfejsu) i dziś odnosi się najczęściej do zewnętrznych, osadzalnych funkcji w sieci: live chat, banery cookie, formularze newsletterów, karuzele opinii, kalendarze rezerwacji.
Typowe widgety w SendSeven
| Widget | Funkcja | Gdzie używać |
|---|---|---|
| Widget live chat | Dymek czatu w prawym dolnym rogu; wiadomości przychodzące trafiają do zunifikowanej skrzynki odbiorczej | Obsługa klienta, wsparcie sprzedaży |
| Widget newslettera | Formularz zapisu na listy WhatsApp/email z double opt-in | Strony marketingowe, blog |
| Widget click-to-chat | Bezpośredni skok do WhatsApp/Telegram/Messenger | Strony produktów, strony kontaktowe |
Zachowanie specyficzne dla urządzeń mobilnych
Na urządzeniach mobilnych dobrze zaprojektowany widget zachowuje się inaczej niż na komputerach stacjonarnych. Widget live chat SendSeven ma dwa specyficzne dla mobile przełączniki:
- Pełny ekran na mobile (domyślnie włączone) — kliknięcie dymka otwiera czat jako panel zajmujący cały viewport, a nie małą nakładkę. Używa
100dvh, dzięki czemu klawiatura iOS nie zasłania pola wprowadzania. - Otwórz w nowej karcie (domyślnie wyłączone) — dodaje ikonę pozwalającą odwiedzającym otworzyć czat w dedykowanej karcie. Obie karty pozostają zsynchronizowane, odwiedzający może dalej przeglądać główną witrynę bez utraty rozmowy.
Jak technicznie działa widget
- Osadź snippet: Jedna linia JavaScript w stopce strony. Ładuje się asynchronicznie, nie blokuje renderowania.
- Wczytanie konfiguracji: Widget pobiera swoje ustawienia (kolory, pozycja, tłumaczenia) z konta SendSeven przy pierwszym ładowaniu.
- Renderowanie interfejsu: Wewnątrz odizolowanego kontenera (często Shadow DOM), tak aby nie było konfliktów CSS z witryną.
- Obsługa interakcji: Kliknięcie dymka → otwarcie czatu → wymiana wiadomości przez REST API.
- Trwałość: Sesja cookie/localStorage utrzymuje rozmowę odwiedzającego aktywną między przeładowaniami strony.
Widget vs iframe
Iframe to osadzona strona internetowa — pełna sandbox, trudna do responsywnej integracji. Widget jest natywną częścią strony, działa płynniej, lepiej integruje się stylistycznie i osiąga wyższą wydajność.
Prywatność a widgety
- Zgoda: Widget może załadować się dopiero po wyrażeniu zgody przez odwiedzającego na marketing — w przeciwnym razie jest to naruszenie prywatności.
- Możliwy bez cookies: Czysto funkcjonalne widgety (live chat) mogą działać bez cookies śledzących — tylko session storage dla aktywnych rozmów.
- Hosting w UE: Upewnij się, że CDN i backend widgetu znajdują się w UE. Widgety SendSeven są serwowane z Frankfurtu.
Personalizacja
Widgety SendSeven można personalizować w edytorze widgetów: kolory (Onyx + Photon Lime z założenia), pozycja, tekst powitalny, awatar, godziny pracy, język (wszystkie 11 locali). Wyrenderowany snippet pobiera tę konfigurację na żywo z backendu — zmiany są aktywne bez ponownego wdrożenia.