Vai al contenuto principale

Guida introduttiva: Web Widget

Scopri come creare, personalizzare e installare un webwidget in Superchat

T
Scritto da Tobias Ignatzek
Aggiornato questa settimana

Cos'è il Web Widget?

Con Web Widget intendiamo il widget che appare sul tuo sito web e permette ai visitatori di scegliere come contattare la tua azienda (ad esempio tramite WhatsApp, Instagram, Live Chat, telefono, email, link).

Chi può creare, modificare o installare i Web Widget?

Solo gli Amministratori possono creare, modificare ed eliminare i Web Widget.

Come creare o gestire un Web Widget?

Creare o modificare i Web Widget

1. Vai su Impostazioni → Web Widget.

2. Da qui puoi:

  • Creare un nuovo Web Widget

  • Modificare o eliminare i Web Widget esistenti

Configurare canali e link

1. URL del sito web: Inserisci il sito web dove verrà installato il widget (solo per documentazione interna).

2. Aggiungi canali: Aggiungi qualsiasi canale che hai collegato a Superchat (WhatsApp, Instagram, SMS, Telegram, Live Chat, ecc.).

3. Aggiungi link personalizzati (disponibile solo dal piano Professional in poi):

  • Link al sito web (ad esempio "Acquista ora" → www.shop.com)

  • Email (apre il client di posta dell'utente)

  • Telefono (apre il compositore telefonico dell'utente per chiamare direttamente)

4. Gruppi: Organizza i canali in gruppi (ad esempio "Ufficio di Londra", "Ufficio di Milano"). I gruppi possono essere rinominati, riordinati e associati a icone.

Personalizza l'aspetto del Web Widget

L'aspetto è diviso in Launcher e Widget.

  • Launcher = il piccolo pulsante (solitamente nell'angolo in basso del tuo sito web) su cui i visitatori cliccano per aprire il Widget.

  • Widget = il pannello completo e la finestra di chat che si apre quando qualcuno clicca sul launcher, mostrando tutti i canali e i link disponibili.

Impostazioni del Widget

  • Logo (opzionale)

  • Presenta il team (opzionale): mostra fino a 3 membri del team con foto profilo o iniziali

  • Colore di sfondo: solido o sfumato (fornisci un colore, lo sfumato viene generato automaticamente)

  • Colore del carattere: nero o bianco

Ecco come appare il widget

Impostazioni del Launcher

  • Messaggio di benvenuto: mostra sempre, solo su desktop, solo su mobile o nascosto

  • Icona del launcher: 3 preset o personalizzata (personalizzata disponibile solo dal piano Professional in poi)

  • Forma: rotonda o quadrata

  • Colore di sfondo: solido (scegli qualsiasi colore)

  • Colore dell'icona: nero o bianco

  • Posizione: sinistra o destra

  • Distanza: definisci i pixel dal basso e dal lato

  • Avatar: mostrato nella bolla del messaggio di benvenuto

Ecco come appare il launcher

Impostazioni avanzate

  • Rimuovi il branding "Powered by Superchat" nel widget (disponibile solo dal piano Professional in poi)

Personalizza il testo del Web Widget e la localizzazione

1. Scegli quali lingue deve supportare il Web Widget (in base alla lingua del browser del visitatore).

2. Imposta una lingua di fallback se la lingua del visitatore non è disponibile.

3. Personalizza tutto il testo per ogni lingua.

Installa il Web Widget sul tuo sito web

Superchat genera un semplice frammento di codice che devi aggiungere alla sezione <head> del tuo sito web.

Puoi:

  • Installarlo tu stesso

  • Inviare le istruzioni di installazione via email (ad esempio al tuo team IT o a chi ha accesso al codice del tuo sito web)

Per sviluppatori e persone esperte di tecnologia

Puoi controllare completamente il comportamento del Web Widget sul tuo sito web. Ad esempio, puoi mostrare o nascondere il widget e il launcher, aprire e chiudere il widget con i tuoi pulsanti, pre-compilare i messaggi di WhatsApp o Live Chat e molto altro. Per questo, utilizza il Superchat Web Widget SDK: developers.superchat.com/docs/widget-sdk

FAQ

Quando dovrei usare i gruppi nel Web Widget?

Usa i gruppi per mantenere chiare le opzioni quando hai più di un "punto di ingresso". Esempi:

  • Più sedi (ad esempio, Milano, Roma) con canali diversi per ciascuna, sotto un unico sito web per tutte le sedi

  • Diversi team/dipartimenti (ad esempio, Vendite, Assistenza, Reclutamento)

  • Prodotti/marchi distinti sotto un unico sito web

Puoi assegnare un nome a ogni gruppo, associargli un'icona e riordinare gruppi e canali con il drag & drop.

Se modifico le impostazioni del Web Widget in seguito, devo reinstallare il codice?

No. Una volta che il frammento di codice è sul tuo sito, le modifiche al Web Widget si aggiornano automaticamente. La reinstallazione è necessaria solo se passi a un nuovo sito web o sostituisci completamente il frammento di codice.

Quali funzionalità sono incluse in quali piani?

Tutti i piani includono il Web Widget. Il piano Professional (e superiori) sblocca extra come:

  • Link personalizzati (ad esempio, Link al sito web, Email, Chiamata)

  • Icona del launcher personalizzata

  • Rimozione del branding "Powered by Superchat"

Qual è la differenza tra Web Widget e Live Chat?

  • Web Widget = il widget del sito web.

  • Live Chat = un canale che puoi includere all'interno di un Web Widget (insieme a WhatsApp, Instagram, SMS, telefono, link, ecc.)

Posso usare il Web Widget senza Live Chat?

Sì. Puoi creare un Web Widget utilizzando solo canali esterni (WhatsApp, Instagram, SMS, ecc.) e/o link: Live Chat è opzionale.

Posso usare Live Chat senza Web Widget?

No. Live Chat funziona solo se è collegato a un Web Widget. Il Web Widget è il componente che rende visibile Live Chat sul tuo sito web.

Come funzionano le lingue?

Scegli le lingue supportate e una lingua di fallback. Il widget utilizza la lingua del browser del visitatore.

Il Web Widget rallenterà il mio sito?

No, il nostro Web Widget non dovrebbe rallentare il tuo sito web. È progettato per avere un impatto minimo sulle prestazioni della pagina e sull'SEO.

Cosa succede se elimino un Web Widget?

Il widget scompare dal tuo sito web. I tuoi canali e le conversazioni rimangono in Superchat; viene rimossa solo quella configurazione del Web Widget.

Hai ricevuto la risposta alla tua domanda?