Widget
Un widget è un mini-modulo integrabile in un sito web che fornisce una funzione autonoma — un pulsante di live chat, un'iscrizione alla newsletter, un banner di recensioni. Si carica tramite un singolo frammento di codice e funziona indipendentemente dal resto del sito.
Cos'è un widget?
Un widget è un blocco funzionale autonomo che si integra nel sito web tramite un piccolo frammento di codice (di solito 1–3 righe di JavaScript). Il widget gestisce il proprio rendering, la propria logica e il trasporto dei dati — non è necessario costruire componenti propri.
Il termine deriva dallo sviluppo software (piccoli blocchi di interfaccia) e oggi indica principalmente funzioni esterne integrabili sul web: live chat, banner per i cookie, form di newsletter, caroselli di recensioni, calendari di prenotazione.
Tipi di widget comuni in SendSeven
| Widget | Funzione | Dove usarlo |
|---|---|---|
| Widget di live chat | Bolla di chat in basso a destra; i messaggi in arrivo confluiscono nella casella di posta unificata | Assistenza, supporto alle vendite |
| Widget newsletter | Form di iscrizione per liste WhatsApp/e-mail con double opt-in | Pagine di marketing, blog |
| Widget click-to-chat | Salto diretto in WhatsApp/Telegram/Messenger | Pagine prodotto, pagine di contatto |
Comportamento specifico su mobile
Su mobile, un widget ben costruito si comporta diversamente rispetto al desktop. Il widget di live chat di SendSeven offre due opzioni specifiche per mobile:
- Schermo intero su mobile (attivo di default) — toccare la bolla apre la chat come pannello a schermo intero, non come piccolo overlay. Utilizza
100dvhin modo che la tastiera iOS non tagli il campo di input. - Apri in nuova scheda (disattivato di default) — aggiunge un'icona che permette ai visitatori di aprire la chat in una scheda dedicata. Entrambe le schede restano sincronizzate, il visitatore può continuare a navigare sul sito principale senza perdere la conversazione.
Come funziona tecnicamente un widget
- Inserire lo snippet: Una riga di JavaScript nel footer del sito. Si carica in modo asincrono, non blocca il rendering.
- Caricamento della configurazione: Il widget recupera le sue impostazioni (colori, posizione, traduzioni) dal vostro account SendSeven al primo caricamento.
- Rendering dell'interfaccia: All'interno di un contenitore isolato (spesso uno Shadow DOM), in modo da evitare conflitti CSS con il sito.
- Gestione dell'interazione: Clic sulla bolla → chat aperta → messaggi scambiati tramite la REST API.
- Persistenza: Una sessione cookie/localStorage mantiene viva la conversazione del visitatore tra i ricaricamenti di pagina.
Widget vs iframe
Un iframe è una pagina web incorporata — sandbox completa, difficile da integrare in modo responsive. Un widget è parte nativa della pagina, risulta più fluido, si integra meglio dal punto di vista stilistico e offre prestazioni superiori.
Privacy e widget
- Consenso: Il widget può caricarsi solo dopo che il visitatore ha acconsentito al marketing — altrimenti si tratta di una violazione della privacy.
- Utilizzabile senza cookie: I widget puramente funzionali (live chat) possono operare senza cookie di tracciamento — solo storage di sessione per le conversazioni attive.
- Hosting UE: Assicuratevi che CDN e backend del widget siano nell'UE. I widget SendSeven sono serviti da Francoforte.
Personalizzazione
I widget SendSeven sono personalizzabili nell'editor di widget: colori (Onyx + Photon Lime di fabbrica), posizione, testo di benvenuto, avatar, orari di apertura, lingua (tutti gli 11 locali). Lo snippet renderizzato carica questa configurazione in tempo reale dal backend — le modifiche sono attive senza un nuovo deploy.