Crea una piattaforma di messaggistica per clienti

Panoramica

Computer può avviare una piattaforma di messaggistica per clienti completa in un solo colpo: un widget di chat incorporabile per il tuo sito più una casella di posta per gli agenti da cui il tuo team può lavorare immediatamente. Collega thread in tempo reale, risposte predefinite, flussi di bot di base e stato delle conversazioni, salvando tutto in locale per permetterti di testare e iterare senza alcuna configurazione del backend.

Risultato chiave

Computer ha fornito un'app di messaggistica in stile “Breeze” completamente funzionale con due viste principali: un'anteprima del widget di chat e una dashboard per la casella di posta degli agenti, entrambe eseguite nella stessa pagina. La vista widget mostra un pulsante mobile animato in basso a destra che apre una finestra di chat con un modulo di pre-chat (nome ed email), un messaggio di benvenuto, i fumetti utente/agente con i timestamp, gli indicatori di digitazione e un selettore di emoji. Quando nessun agente è disponibile, un semplice flusso di bot saluta l'utente, raccoglie la sua email e conferma il follow-up.

La vista della casella di posta degli agenti utilizza un layout a tre pannelli: un elenco di conversazioni a sinistra con badge di non letti, filtri di stato (Tutte, Aperte, Posticipate, Chiuse) e ricerca; un pannello centrale con il thread completo dei messaggi e i timestamp; e un pannello destro con i dettagli dell'utente e le note. Le risposte predefinite compaiono quando un agente digita /, offrendo modelli di risposta rapida per il saluto, la chiusura, il follow-up e la risoluzione. Lo stato della conversazione può essere aggiornato per thread e i messaggi si sincronizzano tra il widget e le viste della casella di posta tramite un sistema di eventi in-memory, con tutte le conversazioni memorizzate nello spazio di archiviazione del browser per la persistenza. Un interruttore per la modalità scura completa il quadro, consentendo ai team di supporto di effettuare demo o utilizzarlo comodamente durante tutto il giorno.

Espandi

Espandi

Suggerimenti

• Chiarisci il tuo modello di incorporamento – Aggiungi linee guida come: “Ottimizza il markup e lo script del widget in modo che possa essere inserito in qualsiasi sito tramite un singolo tag script e override CSS minimi.”
• Limita le risposte predefinite – Specifica il tono e le categorie, ad esempio: “Includi i modelli /greeting, /troubleshoot e /handoff, tutti scritti con un tono amichevole ma conciso.”
• Collega gli stati agli SLA – Indica a Computer come deve comportarsi lo stato, ad esempio: “Sposta automaticamente i thread da Posticipate ad Aperte quando il cliente risponde ed evidenzia qualsiasi conversazione Aperta senza risposta da parte di un agente dopo 5 minuti.”