Bygg en plattform för kundmeddelanden

Översikt

Computer kan skapa en komplett plattform för kundmeddelanden på ett bräde – en inbäddningsbar chattwidget för din webbplats plus en inkorg för medarbetare som ditt team kan arbeta i omedelbart. Den knyter samman realtidstrådar, fördefinierade svar, enkla botflöden och konversationsstatus, och sparar allt lokalt så att du kan demonstrera och iterera utan någon backend-installation.

Huvudresultat

Computer levererade en fullt fungerande meddelandeapp i ”Breeze”-stil med två huvudvyer: en förhandsgranskning av chattwidgeten och en instrumentpanel för medarbetarinkorgen, som båda körs på samma sida. Widgetvyn visar en flytande, animerad knapp längst ner till höger som öppnar ett chattfönster med ett formulär före chatten (namn och e-post), välkomstmeddelande, användar-/medarbetarbubblor med tidsstämplar, skrivindikatorer och en emojiväljare. När ingen medarbetare är tillgänglig hälsar ett enkelt botflöde användaren välkommen, samlar in hens e-post och bekräftar uppföljning.

Medarbetarinkorgens vy använder en layout med tre paneler: en vänsterkonversationslista med olästa märken, statusfilter (Alla, Öppna, Vilande, Stängda) och sökning; en mittpanel med hela meddelandetråden och tidsstämplar; samt en högerpanel med användardetaljer och anteckningar. Fördefinierade svar visas när en medarbetare skriver /, vilket erbjuder snabbsvarsmallar för hälsning, avslutning, uppföljning och lösning. Konversationsstatus kan uppdateras per tråd, och meddelanden synkroniseras mellan widget- och inkorgsvyerna via ett händelsesystem i minnet, där alla konversationer lagras i webbläsarlagringen för beständighet. En växlingsknapp för mörkt läge avrundar det hela så att supportteam kan demonstrera eller använda det bekvämt hela dagen.

Förstora

Förstora

Tips

• Klargör din inbäddningsmodell – Lägg till vägledning som: ”Optimera widgetens markup och skript så att den kan släppas in på vilken webbplats som helst via ett enda skripttagg och minimala CSS-åsidosättningar.”
• Begränsa fördefinierade svar – Ange ton och kategorier, till exempel: ”Inkludera mallar för /greeting, /troubleshoot och /handoff, alla skrivna i en vänlig men koncis ton.”
• Knyt status till SLA:er – Berätta för Computer hur status bör bete sig, till exempel: ”Flytta automatiskt trådar från Vilande till Öppen när kunden svarar, och markera alla Öppna konversationer utan medarbetarsvar efter 5 minuter.”