Vai al contenuto principale

Come installare il Chat Widget di Squadd

Aggiornato oltre 4 mesi fa

Installare il Chat Widget di Squadd sui siti web dei clienti è uno dei modi più semplici per generare lead senza spendere in pubblicità.

Il Chat Widget supporta la Live Chat (utile per le aziende con team di vendita e di supporto per rispondere subito), SMS e WhatsApp (se abilitato sull'account).

In qualsiasi caso, l'installazione del Chat Widget è semplice e non richiede alcuna conoscenza di sviluppo o competenze tecniche.

Come installare il Chat Widget per un funnel e/o sito web su Squadd

Parte 1: Impostazione del Widget di Chat Live su Squadd

  1. Anteprima: Prima di iniziare, viene mostrato un esempio di come apparirà il Chat Widget live sul tuo sito web una volta completata l'installazione.

  2. Accesso all'account Squadd: Accedi all'account Squadd che desideri utilizzare per configurare il widget.

  3. Navigazione: Clicca su Sites nella barra laterale sinistra.

  4. Chat Widget: Clicca su Chat Widget nella barra superiore. Qui potrai personalizzare il tuo Chat Widget live.

  5. Personalizzazione del Widget: Squadd fornisce esempi chiari di ogni impostazione.
    Le sezioni principali sono:

    • "Enable Chat Bubble": Abilita o disabilita il riquadro di chat. Disabilitandolo, si mostrerà solo un'icona circolare.

    • "Intro Message": Inserisci il messaggio di benvenuto che apparirà all'utente prima di iniziare la chat.

    • "Avatar Image": Aggiungi un'immagine del tuo team. Se non ne hai una, Squadd offre immagini predefinite.

    • "Return Visitor Setup": Abilita o disabilita questa opzione per riconoscere gli utenti che hanno già utilizzato la chat in precedenza.

  6. Tipo di Chat: Questa sezione è cruciale perché offre due opzioni:

    • SMS o Email Chat: L'utente inserisce il numero di telefono o l'email e pone la domanda. La risposta arriverà via SMS o email, non all'interno del widget.

    • Live Chat: La chat avviene in tempo reale all'interno del widget. Questa opzione è ideale se hai un team che può rispondere 24/7 o se utilizzi l'IA conversazionale di Squadd.

  7. Sezione "Builder" del Widget: Qui puoi modificare:

    • Header: Intestazione del widget.

    • Intro Message: Messaggio introduttivo, di benvenuto.

    • Call to Action: Chiamata all'azione.

    • Legal Compliance: Informazioni legali.

    • Colore e Lingua: Personalizzazione del colore e della lingua del widget.

    • Branding: Aggiungi il tuo branding per personalizzare il widget e renderlo coerente con il tuo marchio.

  8. Messaggio di Live Chat Assegnato: Questo messaggio viene mostrato dopo che l'utente invia il suo primo messaggio. Spiega generalmente che un rappresentante li contatterà a breve.

  9. Fallback Activity Time: Imposta un tempo di attesa. Se nessuno risponde al cliente entro quel tempo, viene inviato un messaggio di fallback. Questo messaggio raccoglie nome ed email e permette all'utente di lasciare un messaggio.

  10. Close Chat Option: Messaggio inviato all'utente quando la chat si chiude (ad esempio, se l'utente non risponde).

  11. Impostazioni di Riconoscimento: Inserisci l'email di supporto clienti e i messaggi di riconoscimento, feedback e chiusura chat.

Parte 2: Aggiunta del Widget al tuo Sito Web

A. Siti web creati con altri builder (es. WordPress):

  1. Ottieni il codice: Vai alla sezione superiore del builder della Live Chat e clicca su "Get Code".

  2. Copia il codice: Copia il codice generato.

  3. Incolla il codice: Incolla il codice nel corpo o nel piè di pagina del tuo sito web tramite il tuo builder.

  4. Alternativa WordPress: In alternativa, su WordPress puoi installare il plugin "Lead Connector" e inserire la API Key per abilitare il widget.

B. Siti web creati con Squadd:

  1. Seleziona il sito: Vai alla sezione "Sites" nella barra superiore.

  2. Seleziona il sito web: Seleziona il sito web a cui vuoi aggiungere il widget.

  3. Impostazioni: Clicca su "Settings".

  4. Abilita il widget: Trova l'opzione per abilitare/disabilitare il widget di Live Chat e abilitalo.

  5. Salva: Salva le modifiche. Questo metodo funziona anche per i funnel.

Parte 3: Aggiunta dell'IA Conversazionale

  1. Navigazione: Vai alla sezione "Settings" nella barra laterale sinistra.

  2. IA Conversazionale: Clicca su "Conversational AI".

  3. Abilita Autopilota: Abilita l'Autopilota e seleziona "Live Chat" o "SMS Widget".

  4. Impostazioni IA: Configura le impostazioni dell'IA conversazionale, incluso il numero massimo di messaggi che può inviare.

  5. Addestramento del Bot: Clicca su "Bot Training".

  6. Addestramento: Puoi addestrare il bot inserendo un URL del tuo sito web o domande e risposte (Q&A). Un esempio è fornito: "What is your pricing?" "Pricing starts at $500 and goes up from there depending on your needs."

  7. Configurazione Intents: Vai a "Configuring Intents" per definire lo scopo del bot (rispondere a domande generali, prenotare appuntamenti, ecc.). Se vuoi che il bot prenoti appuntamenti, seleziona un calendario e scegli se inviare un link o prenotare direttamente l'appuntamento. Puoi anche definire le domande richieste dal bot prima della prenotazione.

  8. Test del Bot: Vai a "Bot Trial" per testare il bot prima di attivarlo.

Come impostare e testare il Chat Widget

Passo 1:

Una volta che hai configurato un Chat Widget, dovrai configurare un Workflow Trigger per avvisare quando viene avviata una conversazione tramite il Chat Widget.

Per fare questo, il Trigger dovrebbe essere "Customer Replied" con un filtro per "Reply Channel" impostato a "Chat Widget" come questo:

Nota: Ogni "Reply Channel" richiederà il proprio trigger. Per l'esempio sopra stiamo usando solo "Chat Widget", se si voleva utilizzare i messaggi di Google sarebbe necessario impostare un nuovo trigger e o flusso di lavoro per quel evento specifico.

Passo 2:

Clicca sul + > Cerca "Notifiche interne" > È possibile selezionare tra 3 opzioni:

  1. Email - Invia e-mail a un utente specifico o e-mail personalizzata

  2. Notifica in-app - Invia una notifica tramite l'applicazione web o mobile app a uno specifico utente o tutti

  3. SMS - Invia SMS a un utente specifico o numero personalizzato

    Suggerimento rapido:

    Utilizza il valore personalizzato "{{message.body}}" nella tua e-mail di notifica/ testo per visualizzare il messaggio che l'utente ha inserito nel Chat Widget.

Come impostare e installare il Chat Widget su un sito Wordpress

Passaggi:

  1. Accedi al tuo account Squadd: Accedi al tuo account Squadd, nello specifico al sub-account di test.

  2. Individua il Chat Widget: Nella sezione "Siti" (nella barra laterale sinistra), troverai il Chat Widget nella parte superiore. Cliccalo.

  3. Personalizza il widget: Potrai personalizzare diversi aspetti del widget:

    • Testo di benvenuto: Modifica il piccolo testo di benvenuto visualizzato in basso a destra sul sito web.

    • Immagine del profilo: Carica la tua immagine del profilo.

    • Nome utente: Se un utente ha già interagito con il widget, verrà salutato per nome al suo ritorno, migliorando la fidelizzazione del cliente.

  4. Impostazioni del widget aperto: Nella pagina successiva, puoi personalizzare l'aspetto del widget quando è aperto, incluso il testo di benvenuto e il pulsante.

  5. Richiesta di consenso: Definisci il testo da mostrare ai visitatori del sito per ottenere il loro consenso a ricevere messaggi di testo.

  6. Impostazioni lingua: Seleziona la lingua del widget.

  7. Branding dell'agenzia: Aggiungi il branding della tua agenzia per generare backlink. Puoi lasciarlo come è, oppure disattivarlo.

  8. Pagina di ringraziamento: Configura le impostazioni per la pagina di ringraziamento visualizzata dopo che il visitatore clicca su "Invia". Salva le modifiche.

  9. Installa il Lead Connector su WordPress: Accedi al tuo pannello di amministrazione WordPress. Scegli una pagina che non utilizzi frequentemente. Vai su "Plugin" > "Aggiungi nuovo".

  10. Cerca e installa il Lead Connector: Cerca "Lead Connector" e installalo. Attiva il plugin.

  11. Inserisci la API Key: Il Lead Connector richiederà la tua API Key. Trovala nelle impostazioni del tuo account Squadd, nella sezione "Profilo Aziendale". Copiala e incollala in WordPress. Salva le modifiche.

  12. Verifica l'installazione: Il Chat Widget dovrebbe apparire in basso a destra. Se un visitatore invia un messaggio, lo vedrai nella sezione "Conversazioni" del tuo account Squadd.

Domande Frequenti

  • Posso personalizzare il mio Chat Widget per pagina?

    La configurazione attuale del Chat Widget non consente la messaggistica dinamica. Anche se il widget può essere utilizzato su più pagine, la messaggistica rimarrà coerente con l'impostazione iniziale.

  • Posso creare più Chat Widget in un sub-account?

    No, ogni sub-account viene fornito con un Chat Widget.

Hai ricevuto la risposta alla tua domanda?