Zamislite ovo: netko tko koristi jedan od vaših proizvoda naiđe na problem. Postoji nekoliko kanala pomoću kojih bi mogli prijaviti problem i pokušati ga riješiti.
Među njima su se mogli odlučiti za e-mail ili poziv. Ali ti komunikacijski kanali ne jamče brze, a kamoli odgovore u stvarnom vremenu. Ali interaktivni razgovor uživo sa stručnjakom za korisničku podršku može se pokazati neprocjenjivim.
Značajka live chata pokazala se vrlo korisnim komunikacijskim alatom. To je zato što vam omogućuje bolji angažman s korisnicima, poboljšanje korisničkog iskustva i rješavanje problema brzo iu stvarnom vremenu.
Što je live chat i zašto je važan?
Značajka live chata obično je uključena kao widget na bočnoj strani web stranice ili skočni prozor koji se pojavljuje nakon učitavanja stranice. Omogućuje komunikaciju u stvarnom vremenu između korisnika i predstavnika korisničke službe ili timova za podršku, izravno unutar aplikacije.
Korisnici značajke live chata mogu postavljati hitna pitanja o proizvodu, raspitivati se o područjima koja ne razumiju ili prijaviti problem i zatražiti rješenja. U međuvremenu, vaši timovi korisničke podrške mogu pružiti detaljne povratne informacije u stvarnom vremenu, prilagođene korisniku.
Prednosti integracije značajke Live Chat
Integracija značajke live chata može donijeti nekoliko prednosti:
- Poboljšajte napore korisničke službe. Sjajan proizvod je dobar onoliko koliko je dobar i njegova upotreba. Integracija značajke live chata pomaže značajno poboljšati korisničko iskustvo pružajući jednostavan način za brzo dobivanje pomoći i odgovora. U konačnici, to će vam pomoći da ponudite bolje usluge koje pojednostavljuju korištenje vašeg proizvoda.
- Povećajte angažman kupaca. Live chat omogućuje korisnicima interakciju s vašom aplikacijom u stvarnom vremenu, čineći da se osjećaju vrijednima. To ih potiče da se više angažiraju, prijave i testiraju više značajki.
- Ostvarite više potencijalnih kupaca i povećajte prodaju. Ovaj komunikacijski kanal pruža put za osobnu interakciju s vašim korisnicima. Ovu priliku možete iskoristiti da uhvatite potencijalne kupce i pretvorite ih u klijente. Također možete dati preporuke proizvoda i prodati ih skuplje na određenim pakiranjima vašeg proizvoda.
- Izvor korisničkih podataka. U digitalnom gospodarstvu pristup točnim podacima o korisnicima može vas značajno staviti ispred konkurencije. Kada vam korisnici govore o pogreškama ili drugim problemima s proizvodom, te su povratne informacije vrlo vrijedne. Možete saznati više o tome kako oni stupaju u interakciju s vašom uslugom i upotrijebiti je za poboljšanje vašeg proizvoda.
Što je Chatwoot?
Chatwoot je platforma za korisničku podršku otvorenog koda koja pruža personalizirani način interakcije s vašim korisnicima. Također pruža pojednostavljenu platformu za odgovaranje na upite korisnika i pružanje povratnih informacija na više kanala u stvarnom vremenu.
Možete koristiti njegove alate za automatizaciju, analitiku i izvješćivanje za analizu angažmana korisnika i jednostavno i učinkovito upravljanje operacijama korisničke službe.
Pomoću ovog vodiča možete integrirati Chatwoot sa svojom aplikacijom i isprobati njegovu značajku live chata s React klijentom i nadzornom pločom za korisničku podršku.
Postavljanje projekta Chatwoot
Chatwoot nudi prilagodljivi dodatak za live chat koji možete jednostavno integrirati u svoju aplikaciju. Možete ga prilagoditi što je više moguće kako bi odgovarao vašim potrebama korisničke službe.
Nakon što ugradite kod dodatka u svoju aplikaciju, korisnik može komunicirati s vašim timovima za korisničku podršku, a oni mogu upravljati tim razgovorima s nadzorne ploče Chatwoot agenta.
- Prijeđite na Chatwoot web mjesto, prijavite se za račun i idite na korisničku nadzornu ploču.
- Da biste upravljali razgovorima svojih korisnika, najprije trebate postaviti pristiglu poštu i prilagoditi je prema vašim potrebama. Klikni na Novi inbox gumb za početak.
- Sada odaberite kanal u koji želite integrirati Chatwoot. Za ovaj vodič odaberite Web stranica budući da ga integrirate u React aplikaciju.
- Zatim ispunite podatke o svojoj web stranici. Za lokalni razvoj možete isprobati značajku s URL-om domene lokalnog hosta, međutim, nakon implementacije u produkciju, ne zaboravite ažurirati domenu aktivnim URL-om.
- Na kraju dodajte agenta/e za upravljanje razgovorima u ovoj pristigloj pošti. To može biti član vašeg tima za korisničku podršku.
Uspješno ste postavili Chatwootov live chat sa svojom web stranicom postavljenom kao komunikacijskim kanalom. Chatwoot će generirati kod koji trebate ugraditi u svoju aplikaciju kako biste dodali widget značajke chata uživo. Ovaj je kod vrlo fleksibilan budući da ga možete jednostavno integrirati u web klijent izgrađen s bilo kojim od JavaScript frontend okviri.
Ako želite dodatno prilagoditi postavke kliknite na Više opcija dugme.
Postavljanje projekta React
Napravite React aplikaciju i ugradite Chatwootov dodatak za chat uživo kako biste testirali značajku. Napravite React aplikaciju i izradite ENV datoteku u korijenskom direktoriju mape vašeg projekta za držanje tokena vaše web stranice.
REACT_APP_WEBSITE_TOKEN = tokenDalje, u src imenik, stvorite novu mapu i nazovite je komponente. U ovoj mapi stvorite novu datoteku: Livechat.js.
Dodajte sljedeći kod u ovu datoteku:
uvoz Reagiraj, {useEffect} iz'reagirati'funkcijaRazgovor uživo () {
useEffect(() => {
prozor.chatwootSettings = {
hideMessageBubble: lažno,
položaj: "pravo",
mjesto: "en",
tip: "standard"
};
(funkcija(d, t) {
var BASE_URL = " https://app.chatwoot.com";
var g = d.createElement (t), s = d.getElementsByTagName (t)[0];
g.src = OSNOVNI_URL + "/packs/js/sdk.js";
g.odgoditi = pravi;
g.async = pravi;
s.parentNode.umetnutiprije(g, s);g.onload = funkcija() {
prozor.chatwootSDK.trčanje({
websiteToken: postupak.env.REACT_APP_WEBSITE_TOKEN,
osnovniUrl: BASE_URL
})
}
})(dokument, "skripta");
}, []);povratakništavan;
};
izvozzadano Razgovor uživo;
Ovaj kod integrira značajku chata uživo Chatwoota u vašu aplikaciju React. UseEffect kuka pokreće kod unutar povratnog poziva jednom kada se komponenta montira. Prvo, inicijalizira Chatwootove postavke za značajku. Zatim pokreće funkciju dodatka, koju pruža Chatwoot, koja postavlja widget za chat uživo na stranici.
Prosljeđuje websiteToken kao parametar funkciji chatwootSDK.run koja povezuje aplikaciju s vašim Chatwoot računom. Naposljetku, funkcija Live chata vraća vrijednost null budući da se ne zahtijeva generiranje HTML elemenata.
Testirajte značajku Live Chat
- Uvezite ovu komponentu u svoj app.js datoteku i zavrti razvojni poslužitelj za ažuriranje napravljenih promjena. Trebali biste vidjeti kako widget za chat uživo na vašem Reactu radi u pregledniku.
- Da biste testirali značajku live chata, kliknite widget da biste otvorili zid za razgovor i upišite poruku.
- Sada idite na svoju Chatwoot korisničku nadzornu ploču i idite na svoju pristiglu poštu, trebali biste vidjeti novu poruku. Prema zadanim postavkama, Chatwoot će generirati neke poruke i automatski odgovoriti odmah nakon što korisnik pošalje poruku, poput onih koje vidite ispod. Upišite odgovor na poruku i kliknite Pošalji. Vratite se na widget chat zid u svojoj aplikaciji da vidite odgovor.
Uspješno ste integrirali značajku live chata u svoju aplikaciju s vrlo malo redaka koda.
Isplati li se značajka razgovora uživo?
Značajka live chata odličan je način pružanja korisničke usluge, povećanja zadovoljstva korisnika i poboljšanja korisničkog iskustva.
Pruža komunikacijski kanal s potencijalom za povećanje angažmana, smanjenje vremena odgovora i personalizaciju korisničke podrške. U konačnici, to bi vam trebalo pomoći da poboljšate rad korisničke službe uz malo truda.
