Tokie skaitytojai kaip jūs padeda palaikyti MUO. Kai perkate naudodami nuorodas mūsų svetainėje, galime uždirbti filialų komisinius. Skaityti daugiau.

Įsivaizduokite taip: kažkas, naudojantis vieną iš jūsų produktų, susiduria su problema. Yra keli kanalai, kuriais jie galėtų pranešti apie problemą ir bandyti ją išspręsti.

Tarp jų jie galėjo pasirinkti el. paštą arba skambutį. Tačiau šie komunikacijos kanalai negarantuoja greitų atsakymų, jau nekalbant apie realiu laiku. Tačiau tiesioginis interaktyvus pokalbis su klientų aptarnavimo specialistu gali pasirodyti neįkainojamas.

Tiesioginio pokalbio funkcija pasirodė esanti labai naudinga bendravimo priemonė. Taip yra todėl, kad tai leidžia geriau bendrauti su vartotojais, pagerinti naudotojų patirtį ir greitai bei realiu laiku pašalinti triktis.

Kas yra tiesioginis pokalbis ir kodėl jis svarbus?

Tiesioginio pokalbio funkcija paprastai įtraukiama kaip valdiklis tinklalapio šone arba iššokantis langas, kuris pasirodo įkėlus svetainę. Tai užtikrina realiojo laiko ryšį tarp vartotojų ir klientų aptarnavimo atstovų arba palaikymo komandų tiesiogiai programoje.

instagram viewer

Tiesioginio pokalbio funkcijos vartotojai gali užduoti svarbius klausimus apie produktą, teirautis apie jiems nesuprantamas sritis arba pranešti apie problemą ir prašyti sprendimų. Tuo tarpu jūsų klientų aptarnavimo komandos gali pateikti realiu laiku išsamius atsiliepimus, pritaikytus vartotojui.

Tiesioginio pokalbio funkcijos integravimo pranašumai

Tiesioginio pokalbio funkcijos integravimas gali duoti keletą privalumų:

  • Pagerinkite klientų aptarnavimo pastangas. Puikus produktas yra tiek geras, kiek jis naudojamas. Tiesioginio pokalbio funkcijos integravimas padeda žymiai pagerinti vartotojo patirtį, nes yra paprastas būdas greitai gauti pagalbą ir atsakymus. Galiausiai tai padės pasiūlyti geresnes paslaugas, kurios supaprastins jūsų produkto naudojimą.
  • Padidinti klientų įsitraukimą. Tiesioginis pokalbis leidžia vartotojams sąveikauti su jūsų programa realiuoju laiku, todėl jie jaučiasi vertinami. Tai paskatins juos labiau įsitraukti, prisiregistruoti ir išbandyti daugiau funkcijų.
  • Sukurkite daugiau potencialių klientų ir padidinkite pardavimą. Šis komunikacijos kanalas suteikia galimybę asmeniškai bendrauti su vartotojais. Galite pasinaudoti šia galimybe pritraukti potencialius klientus ir paversti juos klientais. Taip pat galite teikti produktų rekomendacijas ir parduoti jas ant konkrečių savo produkto pakuočių.
  • Vartotojo duomenų šaltinis. Skaitmeninėje ekonomikoje turėdami prieigą prie tikslių duomenų apie vartotojus galite gerokai pralenkti konkurentus. Kai vartotojai pasakoja apie klaidas ar kitas produkto problemas, šis atsiliepimas yra labai vertingas. Galite sužinoti daugiau apie tai, kaip jie sąveikauja su jūsų paslauga, ir panaudoti ją produktui tobulinti.

Kas yra Chatwoot?

„Chatwoot“ yra atvirojo kodo klientų aptarnavimo platforma, kuri suteikia individualų būdą bendrauti su vartotojais. Tai taip pat suteikia supaprastintą platformą, leidžiančią atsakyti į vartotojų užklausas ir teikti atsiliepimus keliuose kanaluose realiuoju laiku.

Galite naudoti jos automatizavimo, analizės ir ataskaitų teikimo įrankius, kad analizuotumėte vartotojų įsitraukimą ir lengvai bei efektyviai valdytumėte klientų aptarnavimo operacijas.

Naudodamiesi šiuo vadovu galite integruoti „Chatwoot“ su programa ir išbandyti jos tiesioginio pokalbio funkciją naudodami „React“ klientą ir klientų aptarnavimo prietaisų skydelį.

„Chatwoot“ projekto sąranka

„Chatwoot“ teikia tinkinamą tiesioginio pokalbio papildinį, kurį galite lengvai integruoti į savo programą. Galite jį kiek įmanoma pritaikyti pagal savo klientų aptarnavimo poreikius.

Įdėję papildinio kodą į programą, vartotojas gali susisiekti su jūsų klientų aptarnavimo komandomis ir valdyti tuos pokalbius iš „Chatwoot“ agento prietaisų skydelio.

  1. Eikite į Chatwoot svetainė, prisiregistruokite gauti paskyrą ir eikite į naudotojo prietaisų skydelį.
  2. Norėdami tvarkyti naudotojų pokalbius, pirmiausia turite nustatyti gautuosius ir tinkinti jį pagal tai, ko jums reikia. Spustelėkite ant Nauja pašto dėžutė mygtuką pradėti.
  3. Dabar pasirinkite kanalą, kuriame norite integruoti „Chatwoot“. Šiam vadovui pasirinkite Interneto svetainė nes integruojate jį į „React“ programą.
  4. Tada įveskite savo svetainės informaciją. Vietos plėtrai galite išbandyti funkciją naudodami vietinio prieglobos domeno URL, tačiau įdiegę gamybinę versiją nepamirškite atnaujinti domeno naudodami tiesioginį URL.
  5. Galiausiai pridėkite agentą (-us), kad galėtumėte valdyti pokalbius šiame gautuosiuose. Tai gali būti jūsų klientų aptarnavimo komandos narys.

Sėkmingai nustatėte „Chatwoot“ tiesioginį pokalbį, naudodami savo svetainę kaip komunikacijos kanalą. „Chatwoot“ sugeneruos kodą, kurį turite įterpti į programą, kad galėtumėte pridėti tiesioginio pokalbio funkcijos valdiklį. Šis kodas yra labai lankstus, nes jį lengvai integruojate į žiniatinklio klientą, sukurtą naudojant bet kurį iš „JavaScript“ sąsajos sistemos.

Jei norite toliau tinkinti sąranką, spustelėkite Daugiau nustatymų mygtuką.

Reaguoti projekto sąranka

Norėdami išbandyti funkciją, sukurkite programą „React“ ir įterptą „Chatwoot“ tiesioginio pokalbio papildinį. Sukurkite programą „React“. ir savo projekto aplanko šakniniame kataloge sukurkite ENV failą, kuriame bus jūsų svetainės prieigos raktas.

REACT_APP_WEBSITE_TOKEN = prieigos raktas

Toliau, į src kataloge, sukurkite naują aplanką ir pavadinkite jį komponentais. Šiame aplanke sukurkite naują failą: Livechat.js.

Pridėkite šį kodą prie šio failo:

importuoti Reaguoti, {useEffect} 'reaguoti'

funkcijaGyvas pokalbis () {
useEffect (() => {
langas.chatwootSettings = {
hideMessageBubble: klaidinga,
pozicija: "teisingai",
lokalė: "en",
tipo: "standartas"
};

(funkcija(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.atidėti = tiesa;
g.async = tiesa;
s.parentNode.insertBefore(g, s);

g.įkelti = funkcija() {
langas.chatwootSDK.paleisti({
svetainės prieigos raktas: procesas.env.REACT_APP_WEBSITE_TOKEN,
baseUrl: BASE_URL
})
}
})(dokumentas, "scenarijus");
}, []);

grąžintinulinis;
};

eksportuotinumatytas Gyvas pokalbis;

Šis kodas integruoja „Chatwoot“ tiesioginio pokalbio funkciją jūsų „React“ programoje. „useEffect Hook“ vieną kartą paleidžia kodą atgalinio skambučio viduje, kai komponentas prijungiamas. Pirma, ji inicijuoja „Chatwoot“ funkcijos nustatymus. Tada jis paleidžia „Chatwoot“ teikiamą papildinio funkciją, kuri puslapyje nustato tiesioginio pokalbio valdiklį.

Jis perduoda websiteToken kaip parametrą funkcijai chatwootSDK.run, kuri sujungia programą su jūsų Chatwoot paskyra. Galiausiai tiesioginio pokalbio funkcija grąžina nulį, nes jums nereikia pateikti jokių HTML elementų.

Išbandykite tiesioginio pokalbio funkciją

  1. Importuokite šį komponentą į savo app.js failą ir pasukite kūrimo serverį, kad atnaujintumėte atliktus pakeitimus. Turėtumėte matyti tiesioginio pokalbio valdiklį „React“, kuris veikia naršyklėje.
  2. Norėdami išbandyti tiesioginio pokalbio funkciją, spustelėkite valdiklį, kad atidarytumėte pokalbio sienelę ir įveskite pranešimą.
  3. Dabar eikite į „Chatwoot“ vartotojo prietaisų skydelį ir eikite į gautuosius, turėtumėte pamatyti naują pranešimą. Pagal numatytuosius nustatymus „Chatwoot“ generuos kai kuriuos pranešimus ir automatiškai atsakys iškart po to, kai vartotojas išsiųs pranešimą, pvz., tuos, kuriuos matote toliau. Įveskite atsakymą į pranešimą ir spustelėkite siųsti. Grįžkite į valdiklio pokalbių sieną programoje, kad peržiūrėtumėte atsakymą.

Sėkmingai integravote tiesioginio pokalbio funkciją į savo programą su labai nedaug kodo eilučių.

Ar tiesioginio pokalbio funkcija to verta?

Tiesioginio pokalbio funkcija yra puikus būdas teikti klientų aptarnavimą, padidinti klientų pasitenkinimą ir pagerinti vartotojo patirtį.

Tai suteikia komunikacijos kanalą, galintį padidinti įsitraukimą, sutrumpinti atsakymo laiką ir individualizuoti klientų aptarnavimą. Galiausiai tai turėtų padėti pagerinti klientų aptarnavimo operacijas be pastangų.