Bralci, kot ste vi, pomagajo podpirati MUO. Ko opravite nakup prek povezav na našem spletnem mestu, lahko zaslužimo partnersko provizijo. Preberi več.

Predstavljajte si to: nekdo, ki uporablja enega od vaših izdelkov, naleti na težavo. Obstaja nekaj kanalov, ki jih lahko uporabijo, da prijavijo težavo in jo poskušajo rešiti.

Med njimi so se lahko odločili za elektronsko pošto ali klic. Toda ti komunikacijski kanali ne zagotavljajo hitrih, kaj šele sprotnih odzivov. Toda interaktivni klepet v živo s strokovnjakom za podporo strankam se lahko izkaže za neprecenljivega.

Funkcija klepeta v živo se je izkazala za zelo uporabno komunikacijsko orodje. To je zato, ker vam omogoča boljše sodelovanje z uporabniki, izboljšanje uporabniške izkušnje in hitro in v realnem času odpravljanje težav.

Kaj je klepet v živo in zakaj je pomemben?

Funkcija klepeta v živo je običajno vključena kot pripomoček ob strani spletne strani ali kot pojavno okno, ki se prikaže, ko se spletno mesto naloži. Zagotavlja komunikacijo v realnem času med uporabniki in predstavniki službe za stranke ali podpornimi ekipami neposredno znotraj aplikacije.

instagram viewer

Uporabniki funkcije klepeta v živo lahko postavljajo pereča vprašanja o izdelku, se pozanimajo o področjih, ki jih ne razumejo, ali prijavijo težavo in zahtevajo rešitve. Medtem lahko vaše ekipe za podporo strankam zagotovijo podrobne povratne informacije v realnem času, prilagojene uporabniku.

Prednosti integracije funkcije klepeta v živo

Integracija funkcije klepeta v živo lahko prinese številne prednosti:

  • Izboljšajte prizadevanja za pomoč strankam. Odličen izdelek je tako dober, kot je dober njegova uporaba. Integracija funkcije klepeta v živo pomaga občutno izboljšati uporabniško izkušnjo, saj omogoča enostaven način za hitro iskanje pomoči in odgovorov. Končno vam bo to pomagalo ponuditi boljše storitve, ki poenostavijo uporabo vašega izdelka.
  • Povečajte angažiranost strank. Klepet v živo uporabnikom omogoča interakcijo z vašo aplikacijo v realnem času, zaradi česar se počutijo cenjene. To jih spodbudi, da se bolj vključijo, prijavijo in preizkusijo več funkcij.
  • Ustvarite več potencialnih strank in povečajte prodajo. Ta komunikacijski kanal ponuja pot do osebne interakcije z vašimi uporabniki. To priložnost lahko izkoristite za zajemanje potencialnih strank in njihovo spreminjanje v stranke. Prav tako lahko zagotovite priporočila za izdelke in jih prodate dražje na določenih paketih vašega izdelka.
  • Vir uporabniških podatkov. V digitalnem gospodarstvu vas lahko dostop do natančnih podatkov o uporabnikih močno postavi pred konkurenco. Ko vam uporabniki povedo o napakah ali drugih težavah z izdelkom, so te povratne informacije zelo dragocene. Izvedete lahko več o njihovi interakciji z vašo storitvijo in jo uporabite za izboljšanje vašega izdelka.

Kaj je Chatwoot?

Chatwoot je odprtokodna platforma za pomoč strankam, ki omogoča prilagojen način sodelovanja z vašimi uporabniki. Zagotavlja tudi poenostavljeno platformo za odgovarjanje na poizvedbe uporabnikov in zagotavljanje povratnih informacij na več kanalih v realnem času.

Z njegovimi orodji za avtomatizacijo, analitiko in poročanje lahko analizirate vključenost uporabnikov ter preprosto in učinkovito upravljate storitve za stranke.

S tem priročnikom lahko integrirate Chatwoot s svojo aplikacijo in preizkusite njegovo funkcijo klepeta v živo z odjemalcem React in nadzorno ploščo za podporo strankam.

Nastavitev projekta Chatwoot

Chatwoot ponuja prilagodljiv vtičnik za klepet v živo, ki ga lahko preprosto integrirate v svojo aplikacijo. Lahko ga prilagodite, kolikor je le mogoče, da bo ustrezal vašim potrebam po storitvah za stranke.

Ko v svojo aplikacijo vdelate kodo vtičnika, lahko uporabnik komunicira z vašimi skupinami za podporo strankam in te pogovore lahko upravlja z nadzorne plošče agenta Chatwoot.

  1. Pojdite na Spletno mesto Chatwoot, se prijavite za račun in se pomaknite do uporabniške nadzorne plošče.
  2. Če želite upravljati pogovore vaših uporabnikov, morate najprej nastaviti mapo »Prejeto« in jo prilagoditi glede na vaše potrebe. Kliknite na Nov nabiralnik gumb za začetek.
  3. Zdaj izberite kanal, v katerega želite integrirati Chatwoot. Za ta vodnik izberite Spletna stran ker ga integrirate v aplikacijo React.
  4. Nato izpolnite podatke o svojem spletnem mestu. Za lokalni razvoj lahko preizkusite funkcijo z URL-jem domene lokalnega gostitelja, vendar po uvedbi v produkcijo ne pozabite posodobiti domene z URL-jem v živo.
  5. Nazadnje dodajte agenta/-e za upravljanje pogovorov v tej mapi »Prejeto«. To je lahko član vaše skupine za podporo strankam.

Uspešno ste vzpostavili Chatwootov klepet v živo, pri čemer je vaše spletno mesto nastavljeno kot komunikacijski kanal. Chatwoot bo ustvaril kodo, ki jo morate vdelati v svojo aplikacijo, da dodate pripomoček za funkcijo klepeta v živo. Ta koda je zelo prilagodljiva, saj jo enostavno integrirate v spletni odjemalec, zgrajen s katerim koli od Frontend okviri JavaScript.

Če želite dodatno prilagoditi nastavitev, kliknite na Več nastavitev gumb.

Nastavitev projekta React

Ustvarite aplikacijo React in vdelajte Chatwootov vtičnik za klepet v živo, da preizkusite funkcijo. Ustvarite aplikacijo React in ustvarite datoteko ENV v korenskem imeniku mape vašega projekta, da shranite žeton vašega spletnega mesta.

REACT_APP_WEBSITE_TOKEN = žeton

Naprej, v src ustvarite novo mapo in jo poimenujte komponente. V tej mapi ustvarite novo datoteko: Livechat.js.

V to datoteko dodajte naslednjo kodo:

uvoz Odziv, {useEffect} od'reagirati'
funkcijoKlepet v živo () {
 useEffect(() => {
okno.chatwootSettings = {
 hideMessageBubble: lažno,
 položaj: "prav", 
 jezik: "en", 
vrsta: "standard"
 };

 (funkcijo(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.defer = prav;
 g.async = prav;
s.parentNode.insertBefore(g, s);


 g.onload = funkcijo() {
okno.chatwootSDK.teči({
websiteToken: postopek.env.REACT_APP_WEBSITE_TOKEN,
 baseUrl: BASE_URL
 })
 }
 })(dokument, "skripta");
 }, []);


vrnitevnič;
};
izvozprivzeto klepet v živo;

Ta koda integrira Chatwoot-ovo funkcijo klepeta v živo v vašo aplikacijo React. Kavelj useEffect zažene kodo znotraj povratnega klica enkrat, ko se komponenta namesti. Najprej inicializira Chatwootove nastavitve za to funkcijo. Nato zažene funkcijo vtičnika, ki jo ponuja Chatwoot, ki nastavi pripomoček za klepet v živo na strani.

Posreduje websiteToken kot parameter funkciji chatwootSDK.run, ki poveže aplikacijo z vašim računom Chatwoot. Končno funkcija klepeta v živo vrne vrednost null, ker vam ni treba upodabljati elementov HTML.

Preizkusite funkcijo klepeta v živo

  1. Uvozite to komponento v svoj app.js datoteko in zavrtite razvojni strežnik, da posodobite opravljene spremembe. Morali bi videti, da se v brskalniku izvaja pripomoček za klepet v živo na vašem Reactu.
  2. Če želite preizkusiti funkcijo klepeta v živo, kliknite pripomoček, da odprete pogovorno steno klepeta in vnesite sporočilo.
  3. Zdaj pa pojdite na uporabniško nadzorno ploščo Chatwoot in se pomaknite do mape »Prejeto«, videli bi novo sporočilo. Privzeto bo Chatwoot ustvaril nekaj sporočil in se samodejno odzval takoj, ko bo uporabnik poslal sporočilo, kot so tista, ki jih vidite spodaj. Vnesite odgovor na sporočilo in kliknite pošlji. Vrnite se na steno klepeta pripomočkov v aplikaciji, da si ogledate odgovor.

V svojo aplikacijo ste uspešno integrirali funkcijo klepeta v živo z zelo malo vrsticami kode.

Ali se funkcija klepeta v živo splača?

Funkcija klepeta v živo je odličen način za zagotavljanje storitev za stranke, povečanje zadovoljstva strank in izboljšanje uporabniške izkušnje.

Zagotavlja komunikacijski kanal s potencialom za povečanje sodelovanja, skrajšanje odzivnega časa in personalizacijo podpore strankam. Navsezadnje vam mora pomagati izboljšati delovanje storitev za stranke z malo truda.