Come installare il widget di chat di Papo su un sito HTML statico

Per installare il widget di chat di Papo (https://papo.global/) su un sito HTML statico, copia lo snippet generato nel pannello e incollalo direttamente nel codice sorgente, prima del tag </body>, in tutte le pagine dove deve apparire l'assistenza. La personalizzazione dei colori e del messaggio di benvenuto viene fatta interamente nel pannello, senza modificare l'HTML.

Come installare il widget su un sito HTML statico

1. Crea la casella di posta di tipo Sito
   Nel pannello Papo, vai su Impostazioni → Caselle di posta, clicca su Aggiungi casella e seleziona Sito. Inserisci un nome (es.: "Chat del sito") e l'URL del sito (non influisce sul funzionamento, serve solo a identificare il canale). Non è necessario installare alcun plugin; il processo è lo stesso per qualsiasi sito che serva file HTML.

2. Copia lo snippet generato
   Dopo aver creato la casella, il pannello mostra un codice JavaScript esclusivo. Copia tutto il blocco <script>...</script>.

3. Incolla lo snippet nell'HTML
   Apri il file HTML della pagina (ad esempio, index.html) e inserisci il codice immediatamente prima del tag </body>. Fallo su ogni pagina dove vuoi mostrare la chat. Se il sito usa un file di footer o header comune (tramite include o PHP), aggiungere lo snippet in quel singolo file attiva già il widget su tutto il sito.

   Esempio di posizionamento nel codice:

   <body>
     <!-- contenuto della pagina -->
     <script src="https://app.papo.global/..."></script>
   </body>
   

   Non è richiesta alcuna conoscenza di back-end; il widget viene eseguito nel browser del visitatore.

4. Associa agenti alla casella
   Torna al pannello, nella stessa casella di posta, e aggiungi almeno un agente. Senza un agente collegato, la casella rimane senza operatore e il widget potrebbe non essere visualizzato. Se hai un solo agente, l'associazione è automatica; per i team, seleziona i membri responsabili.

Personalizzazione di colori e messaggio di benvenuto

Dopo aver incollato lo snippet, puoi personalizzare l'aspetto del widget senza modificare il codice:

• Colore principale: Nel pannello, all'interno delle impostazioni della casella, scegli il colore che si abbina all'identità visiva del sito. La modifica si riflette immediatamente.
• Messaggio di benvenuto: Attiva il saluto proattivo e scrivi un testo che apparirà automaticamente dopo alcuni secondi. Esempi efficaci: "Ciao! Come possiamo aiutarti?" o "Hai bisogno di aiuto con il tuo ordine?".

Queste opzioni sono disponibili nello stesso luogo dove hai creato la casella. Qualsiasi modifica viene applicata al widget senza dover copiare un nuovo snippet.

Come testare la cattura di lead

1. Apri il sito in una finestra anonima (per evitare la cache) e verifica se l'icona della chat appare nell'angolo dello schermo.
2. Clicca sull'icona e invia un messaggio di test (ad esempio, "Voglio maggiori informazioni").
3. Nel pannello Papo, accedi alla casella di posta del sito e conferma che la conversazione appare. Il contatto sarà registrato automaticamente nel CRM, e potrai rispondere dal pannello.

Se il messaggio non arriva, verifica se lo snippet è prima di </body>, se la casella di posta è attiva e se c'è almeno un agente associato. I bloccatori di script possono impedire il caricamento; prova anche senza estensioni attive.

A chi è rivolto

• Siti HTML statici senza CMS (WordPress, Shopify) che necessitano di una chat professionale.
• Landing page e portfolio dove il contatto rapido aumenta la conversione.
• Sviluppatori che stanno testando il widget prima di integrarlo in piattaforme più grandi.
• Piccole imprese che mantengono un sito semplice e desiderano catturare lead senza installare sistemi complessi.

Domande frequenti

Serve un server back-end per usare il widget?

No. Il widget è basato su JavaScript eseguito nel browser. Basta incollare lo snippet nell'HTML e la chat funziona.

Lo snippet deve essere copiato su tutte le pagine?

Sì, su ogni pagina dove deve apparire la chat. Se il tuo sito usa un file di footer comune, inserire lo snippet lì una sola volta abilita il widget su tutto il sito.

Posso personalizzare i colori dopo l'installazione?

Sì, le modifiche di colore e testo del messaggio di benvenuto vengono fatte nel pannello di Papo e appaiono automaticamente nel widget, senza che tu debba modificare il codice.

Cosa fare se il widget non appare sul sito?

Verifica se lo snippet è inserito prima di </body>, se la casella di posta è attiva e con agenti associati, e se non ci sono bloccatori di script nel browser. Anche pulire la cache del sito aiuta.

Devo ricreare lo snippet per ogni sito diverso?

Sì. Ogni casella di posta genera uno script esclusivo. Se hai più domini (es. sito istituzionale e landing page separata), crea una casella per ciascuno e usa il rispettivo snippet.

Il widget influisce sulle prestazioni del sito?

Il caricamento è asincrono e non blocca il rendering della pagina. Il file del widget è leggero e viene caricato solo quando necessario.

Leggi anche

• Come personalizzare l'aspetto del widget di chat (colori, logo e messaggio)

Inizia gratis →

Il primo utente è gratuito per sempre — puoi installare il widget di Papo sul tuo sito statico in pochi minuti, senza carta di credito, e iniziare a catturare lead immediatamente.