Come configurare il widget di chat per mostrare messaggi diversi per pagina del sito

Sì, puoi configurare il widget di chat di Papo (https://papo.global/) per mostrare messaggi di benvenuto diversi a seconda della pagina che il visitatore visita. Sebbene il pannello permetta di definire un saluto proattivo predefinito, la personalizzazione per pagina viene effettuata con un piccolo codice JavaScript che rileva l'URL e modifica il testo prima che il widget venga visualizzato.

Situazione	Approccio	Risultato
Messaggio unico per tutto il sito	Configura il saluto proattivo direttamente nel pannello di Papo.	Tutti i visitatori vedono lo stesso messaggio dopo alcuni secondi.
Messaggi diversi per pagina	Aggiungi uno script personalizzato che legge l'URL e sostituisce il testo del saluto.	Ogni pagina (es.: piani, supporto, blog) mostra un approccio contestuale.
Integrazione con l'IA	Dopo che il visitatore interagisce, il Super Chat o il Capitão assumono la conversazione.	L'IA risponde alle domande, qualifica i lead e pianifica riunioni automaticamente.

Come funziona la personalizzazione per pagina

Il widget di Papo carica un messaggio di benvenuto definito nel pannello (in Impostazioni → Inbox, nella casella di tipo Sito). Questo messaggio appare automaticamente dopo alcuni secondi. Per far sì che ogni pagina del sito mostri un saluto diverso, hai bisogno di uno script aggiuntivo che:

Identifica la pagina corrente (tramite URL, percorso o parametro).
Sostituisci il testo del saluto prima che il widget lo visualizzi.
Mantieni invariato il comportamento proattivo (apertura automatica).

Questo è utile quando il visitatore si trova su pagine con intenzioni diverse — ad esempio, una pagina dei prezzi richiede un approccio commerciale, mentre una pagina di supporto merita un saluto più tecnico.

Guida passo passo per implementare

1. Configura il messaggio predefinito nel pannello (opzionale)

Accedi a Impostazioni → Inbox, seleziona la casella di tipo Sito e definisci un saluto proattivo. Questo messaggio servirà come fallback nel caso in cui lo script non trovi una corrispondenza per la pagina corrente.

2. Aggiungi lo script di personalizzazione al sito

Inserisci il codice JavaScript qui sotto in tutte le pagine in cui il widget è installato, subito dopo lo snippet di Papo (prima di </body>). L'esempio utilizza una semplice mappatura tra percorsi URL e messaggi:

<script>
  // Attende il caricamento del widget per modificare il messaggio
  window.addEventListener('load', function() {
    // Mappatura: percorso URL → messaggio desiderato
    var messaggi = {
      '/piani': 'Vuoi aiuto per scegliere il piano ideale?',
      '/supporto': 'Hai bisogno di aiuto con qualche problema?',
      '/blog': 'Ti è piaciuto l\'articolo? Possiamo parlarne!',
      '/contatti': 'Parla direttamente con il nostro team.'
    };

    var path = window.location.pathname;
    var nuovoMessaggio = messaggi[path];

    if (nuovoMessaggio) {
      // Trova l'elemento che contiene il saluto (adatta il selettore secondo necessità)
      var saluto = document.querySelector('.papo-widget__greeting-text');
      if (saluto) {
        saluto.textContent = nuovoMessaggio;
      }
    }
  });
</script>

Importante: Il selettore .papo-widget__greeting-text è illustrativo. Per identificare l'elemento corretto, ispeziona il widget nel browser e adatta il selettore in base alla struttura reale visualizzata.

3. Testa la personalizzazione

Accedi a ogni pagina mappata in una finestra anonima (per evitare la cache).
Attendi il tempo configurato per l'apertura automatica e verifica se il messaggio visualizzato corrisponde a quello definito nello script.
Se il saluto non cambia, controlla se il selettore è corretto e se lo script viene eseguito dopo il caricamento completo del widget.

4. Estendi ad altre logiche

Puoi adattare lo script per utilizzare parametri URL, classi nel <body> o qualsiasi altra condizione. Esempio con parametro ?intent=acquisto:

var params = new URLSearchParams(window.location.search);
if (params.get('intent') === 'acquisto') {
  saluto.textContent = 'Posso aiutarti con la finalizzazione dell\'acquisto?';
}

A chi è utile questa configurazione

E-commerce che desiderano approcciare il visitatore in modo diverso nella pagina prodotto, nel carrello o nella pagina di checkout.
SaaS e aziende B2B con pagine di piani, case study e supporto, ognuna delle quali richiede un tono distinto.
Agenzie e fornitori di servizi che vogliono un saluto personalizzato nelle landing page delle campagne.
Team di marketing che testano messaggi diversi per pagina per aumentare il tasso di avvio della conversazione.

Domande frequenti

Devo modificare lo snippet originale del widget per questo?

No. Lo snippet di Papo rimane lo stesso. Aggiungi solo uno script extra che manipola il testo del saluto dopo che il widget si carica.

Questa personalizzazione funziona su qualsiasi piattaforma (WordPress, Wix, sito statico)?

Sì. Purché tu riesca a inserire JavaScript personalizzato nel sito, il metodo funziona su qualsiasi CMS o sito HTML.

Cosa succede se il visitatore accede a una pagina che non è nella mappatura?

In questo caso, il widget mostrerà il messaggio predefinito configurato nel pannello di Papo. Se nessun messaggio predefinito è stato impostato, il widget potrebbe aprirsi senza testo o con un fallback generico.

Posso usare questa tecnica per nascondere il widget in alcune pagine?

Sì. Con JavaScript puoi nascondere completamente il widget in pagine specifiche, aggiungendo una condizione che modifica lo stile display del contenitore del widget in none.

La personalizzazione influisce sul funzionamento dell'IA (Super Chat/Capitão)?

No. La modifica è solo cosmetica. Dopo che il visitatore interagisce, l'IA assume la conversazione normalmente, utilizzando il prompt e le regole configurate nel pannello.

È possibile personalizzare anche i colori del widget per pagina?

Sì, con JavaScript puoi modificare dinamicamente variabili CSS o classi del widget per riflettere colori diversi per pagina, anche se ciò richiede una conoscenza più avanzata della manipolazione del DOM.