Teiesugused lugejad aitavad MUO-d toetada. Kui teete ostu meie saidil olevate linkide abil, võime teenida sidusettevõtte komisjonitasu. Loe rohkem.

Kujutage ette: keegi, kes kasutab mõnda teie toodet, puutub kokku probleemiga. Nad saavad probleemist teavitamiseks ja selle lahendamiseks proovida mõnda kanalit.

Nende hulgas võisid nad valida e-posti või kõne. Kuid need suhtluskanalid ei taga kiiret, rääkimata reaalajas reageerimist. Kuid reaalajas interaktiivne vestlus klienditoe spetsialistiga võib osutuda hindamatuks.

Reaalajas vestluse funktsioon on osutunud väga kasulikuks suhtlusvahendiks. Selle põhjuseks on asjaolu, et see võimaldab teil kasutajatega paremini suhelda, kasutajakogemust parandada ning probleeme kiiresti ja reaalajas otsida.

Mis on reaalajas vestlus ja miks see on oluline?

Reaalajas vestluse funktsioon on tavaliselt kaasatud vidinana veebilehe küljel või hüpikaknana, mis kuvatakse pärast saidi laadimist. See pakub reaalajas suhtlust kasutajate ja klienditeeninduse esindajate või tugimeeskondade vahel otse rakenduses.

instagram viewer

Reaalajas vestluse funktsiooni kasutajad saavad esitada toote kohta kiireloomulisi küsimusi, küsida valdkondade kohta, millest nad aru ei saa, või teatada probleemist ja taotleda lahendusi. Samal ajal saavad teie klienditoe meeskonnad anda reaalajas üksikasjalikku tagasisidet, mis on kasutaja jaoks isikupärastatud.

Reaalajas vestluse funktsiooni integreerimise eelised

Reaalajas vestluse funktsiooni integreerimine võib tuua mitmeid eeliseid:

  • Parandage klienditeeninduse jõupingutusi. Suurepärane toode on täpselt nii hea kui selle kasutamine. Reaalajas vestluse funktsiooni integreerimine aitab kasutajakogemust märkimisväärselt parandada, pakkudes lihtsat võimalust kiiresti abi ja vastuseid saada. Lõppkokkuvõttes aitab see teil pakkuda paremaid teenuseid, mis lihtsustavad teie toote kasutamist.
  • Suurendage klientide seotust. Reaalajas vestlus võimaldab kasutajatel teie rakendusega reaalajas suhelda, pannes nad tundma end väärtustatuna. See julgustab neid rohkem tegelema, registreeruma ja katsetama rohkem funktsioone.
  • Looge rohkem müügivihjeid ja suurendage müüki. See suhtluskanal annab võimaluse oma kasutajatega isiklikult suhelda. Saate seda võimalust kasutada müügivihjete leidmiseks ja nendest klientideks muutmiseks. Samuti saate pakkuda tootesoovitusi ja neid oma toote konkreetsetel pakenditel edasi müüa.
  • Kasutajaandmete allikas. Digitaalses majanduses võib kasutajate täpsetele andmetele juurdepääsemine teid konkurentidest märkimisväärselt ettepoole tõsta. Kui kasutajad räägivad teile vigadest või muudest tooteprobleemidest, on see tagasiside väga väärtuslik. Saate lisateavet selle kohta, kuidas nad teie teenusega suhtlevad, ja kasutada seda teie toote täiustamiseks.

Mis on Chatwoot?

Chatwoot on avatud lähtekoodiga klienditeenindusplatvorm, mis pakub isikupärastatud viisi teie kasutajatega suhtlemiseks. See pakub ka lihtsustatud platvormi, mille abil saate vastata kasutajate päringutele ja anda tagasisidet mitme kanali kaudu reaalajas.

Saate kasutada selle automatiseerimis-, analüütika- ja aruandlustööriistu, et analüüsida kasutajate seotust ning hõlpsalt ja tõhusalt hallata klienditeeninduse toiminguid.

Seda juhendit kasutades saate integreerida Chatwooti oma rakendusega ja testida selle reaalajas vestluse funktsiooni Reacti kliendi ja klienditoe armatuurlauaga.

Chatwooti projekti seadistamine

Chatwoot pakub kohandatavat reaalajas vestluse pistikprogrammi, mille saate hõlpsalt oma rakendusse integreerida. Saate seda võimalikult palju kohandada vastavalt oma klienditeeninduse vajadustele.

Kui olete pistikprogrammi koodi oma rakendusse manustanud, saab kasutaja suhelda teie klienditoe meeskondadega ja hallata neid vestlusi Chatwoti agendi armatuurlaual.

  1. Suunduge poole Chatwooti veebisait, registreerige konto ja navigeerige kasutaja armatuurlauale.
  2. Kasutajate vestluste haldamiseks peate esmalt seadistama postkasti ja kohandama seda vastavalt teie vajadustele. Klõpsake nuppu Uus postkast alustamiseks nuppu.
  3. Nüüd valige kanal, kuhu soovite Chatwooti integreerida. Selle juhendi jaoks valige Veebisait kuna integreerite selle Reacti rakendusse.
  4. Järgmisena sisestage oma veebisaidi üksikasjad. Kohaliku arenduse jaoks saate funktsiooni katsetada kohaliku hosti domeeni URL-iga, kuid pärast tootmisse juurutamist ärge unustage domeeni värskendada reaalajas URL-iga.
  5. Lõpuks lisage agent(id), et hallata selles postkastis olevaid vestlusi. See võib olla teie klienditoe meeskonna liige.

Olete edukalt seadistanud Chatwooti reaalajas vestluse, kasutades oma veebisaiti suhtluskanaliks. Chatwoot genereerib koodi, mille peate otsevestluse funktsiooni vidina lisamiseks oma rakendusse manustama. See kood on väga paindlik, kuna saate selle hõlpsalt integreerida veebiklienti, mis on ehitatud mis tahes JavaScripti kasutajaliidese raamistikud.

Kui soovite seadistust veelgi kohandada, klõpsake nuppu Rohkem seadeid nuppu.

Reageeri projekti seadistamine

Funktsiooni testimiseks looge rakendus React ja manustatud Chatwoti reaalajas vestluse pistikprogramm. Looge rakendus React ja looge oma projektikausta juurkataloogis ENV-fail, mis hoiab teie veebisaidi märgi.

REACT_APP_WEBSITE_TOKEN = tunnus

Järgmisena src kataloogi, looge uus kaust ja pange sellele komponendid. Looge selles kaustas uus fail: Livechat.js.

Lisage sellele failile järgmine kood:

importida Reageerige, {useEffect} alates'reageeri'
funktsiooniReaalajas vestlus () {
 useEffect(() => {
aken.chatwootSettings = {
 hideMessageBubble: vale,
 positsioon: "õige", 
 lokaat: "en", 
tüüp: "standard"
 };

 (funktsiooni(d, t) {
var BASE_URL = " https://app.chatwoot.com";
var g = d.createElement (t), s = d.getElementsByTagName (t)[0];
 g.src = BASE_URL + "/packs/js/sdk.js";
 g.lükka = tõsi;
 g.async = tõsi;
s.parentNode.insertBefore(g, s);


 g.onload = funktsiooni() {
aken.chatwootSDK.jooksma({
veebisaitToken: protsessi.env.REACT_APP_WEBSITE_TOKEN,
 baseUrl: BASE_URL
 })
 }
 })(dokument, "skript");
 }, []);


tagasinull;
};
eksportidavaikimisi Reaalajas vestlus;

See kood integreerib teie Reacti rakendusse Chatwoti reaalajas vestluse funktsiooni. Konks useEffect käivitab komponendi paigaldamisel tagasihelistamisel koodi ühe korra. Esiteks lähtestab see funktsiooni jaoks Chatwoti seaded. Seejärel käivitab see Chatwooti pakutava pistikprogrammi, mis seadistab lehel reaalajas vestluse vidina.

See edastab veebisaidiToken parameetrina funktsioonile chatwootSDK.run, mis ühendab rakenduse teie Chatwooti kontoga. Lõpuks tagastab reaalajas vestluse funktsioon nulli, kuna te ei pea HTML-i elemente renderdama.

Testige reaalajas vestluse funktsiooni

  1. Importige see komponent oma app.js faili ja keerutage arendusserver tehtud muudatuste värskendamiseks. Peaksite oma Reactis nägema reaalajas vestluse vidinat, mis töötab brauseris.
  2. Reaalajas vestluse funktsiooni testimiseks klõpsake vidinal, et avada vestluse vestlussein ja tippida sõnum.
  3. Nüüd minge oma Chatwoti kasutaja armatuurlauale ja navigeerige oma postkasti, peaksite nägema uut sõnumit. Vaikimisi loob Chatwoot mõned sõnumid ja vastab automaatselt kohe pärast kasutaja sõnumi saatmist, nagu allpool näete. Tippige sõnumile vastus ja klõpsake nuppu Saada. Vastuse vaatamiseks minge tagasi oma rakenduse vidinate vestlusseinale.

Olete edukalt integreerinud oma rakendusse reaalajas vestluse funktsiooni väga väheste koodiridadega.

Kas reaalajas vestluse funktsioon on seda väärt?

Reaalajas vestluse funktsioon on suurepärane viis klienditeeninduse pakkumiseks, klientide rahulolu suurendamiseks ja kasutajakogemuse parandamiseks.

See pakub suhtluskanalit, mis võib suurendada kaasatust, vähendada reageerimisaega ja isikupärastada kliendituge. Lõppkokkuvõttes peaks see aitama teil vähese vaevaga klienditeeninduse toiminguid parandada.