Cititorii ca tine ajută la sprijinirea MUO. Când efectuați o achiziție folosind link-uri de pe site-ul nostru, este posibil să câștigăm un comision de afiliat. Citeşte mai mult.

Imaginează-ți asta: cineva care folosește unul dintre produsele tale întâmpină o problemă. Există câteva canale pe care le-ar putea folosi pentru a raporta problema și a încerca să o rezolve.

Printre acestea, ar putea opta pentru e-mail sau apel. Dar aceste canale de comunicare nu garantează răspunsuri rapide, darămite în timp real. Dar un chat live, interactiv cu un profesionist de asistență pentru clienți se poate dovedi neprețuit.

O funcție de chat live s-a dovedit a fi un instrument de comunicare foarte util. Acest lucru se datorează faptului că vă permite să interacționați mai bine cu utilizatorii, să îmbunătățiți experiența utilizatorului și să remediați problemele rapid și în timp real.

Ce este chatul live și de ce este important?

O funcție de chat live este de obicei inclusă ca widget pe partea laterală a unei pagini web sau o fereastră pop-up care apare după ce site-ul se încarcă. Oferă comunicare în timp real între utilizatori și reprezentanții serviciului pentru clienți sau echipele de asistență, direct în cadrul aplicației.

instagram viewer

Utilizatorii funcției de chat live pot pune întrebări urgente despre produs, pot întreba despre domenii pe care nu le înțeleg sau pot raporta o problemă și pot solicita soluții. Între timp, echipele dvs. de asistență pentru clienți pot oferi feedback detaliat în timp real, personalizat utilizatorului.

Beneficiile integrării unei funcții de chat live

Integrarea unei funcții de chat live poate aduce mai multe beneficii:

  • Îmbunătățiți eforturile de servicii pentru clienți. Un produs grozav este la fel de bun ca și utilizarea sa. Integrarea unei funcții de chat live ajută la îmbunătățirea semnificativă a experienței unui utilizator, oferind o modalitate ușoară de a obține rapid ajutor și răspunsuri. În cele din urmă, acest lucru vă va ajuta să oferiți servicii mai bune care simplifică utilizarea produsului dvs.
  • Creșteți implicarea clienților. Un chat live le permite utilizatorilor să interacționeze cu aplicația dvs. în timp real, făcându-i să se simtă apreciați. Acest lucru îi determină să se implice mai mult, să se înscrie și să testeze mai multe funcții.
  • Generați mai mulți clienți potențiali și creșteți vânzările. Acest canal de comunicare oferă o cale de a interacționa personal cu utilizatorii dvs. Puteți folosi această oportunitate pentru a capta clienții potențiali și a-i transforma în clienți. De asemenea, puteți oferi recomandări de produse și le puteți vinde pe anumite pachete ale produsului dvs.
  • Sursa datelor utilizatorului. În economia digitală, a avea acces la date exacte despre utilizatori vă poate pune semnificativ înaintea concurenței. Când utilizatorii vă vorbesc despre erori sau alte probleme legate de produse, feedback-ul este foarte valoros. Puteți afla mai multe despre modul în care interacționează cu serviciul dvs. și îl puteți folosi pentru a vă îmbunătăți produsul.

Ce este Chatwoot?

Chatwoot este o platformă de servicii pentru clienți open-source care oferă o modalitate personalizată de a interacționa cu utilizatorii dvs. De asemenea, oferă o platformă simplificată pentru a răspunde la întrebările utilizatorilor și a oferi feedback pe mai multe canale în timp real.

Puteți folosi instrumentele sale de automatizare, analiză și raportare pentru a analiza implicarea utilizatorilor și pentru a gestiona ușor și eficient operațiunile de servicii pentru clienți.

Folosind acest ghid, puteți integra Chatwoot cu aplicația dvs. și puteți testa funcția de chat live cu un client React și un tablou de bord de asistență pentru clienți.

Configurarea proiectului Chatwoot

Chatwoot oferă un plugin de chat live personalizabil pe care îl puteți integra cu ușurință în aplicația dvs. Îl puteți personaliza cât mai mult posibil pentru a se potrivi nevoilor dvs. de servicii pentru clienți.

Odată ce încorporați codul pluginului în aplicația dvs., un utilizator poate comunica cu echipele dvs. de asistență pentru clienți și pot gestiona acele conversații din tabloul de bord al agentului Chatwoot.

  1. Du-te la Site-ul lui Chatwoot, creați un cont și navigați la tabloul de bord al utilizatorului.
  2. Pentru a gestiona conversațiile utilizatorilor, mai întâi trebuie să configurați o căsuță de e-mail și să o personalizați în funcție de ceea ce aveți nevoie. Faceți clic pe Mesaje primite nouă butonul pentru a începe.
  3. Acum, selectați canalul în care doriți să integrați Chatwoot. Pentru acest ghid, selectați Site-ul web deoarece îl integrați într-o aplicație React.
  4. Apoi, completați detaliile site-ului dvs. Pentru dezvoltarea locală, puteți testa funcția cu o adresă URL a domeniului gazdă local, totuși, odată ce implementați în producție, nu uitați să actualizați domeniul cu adresa URL live.
  5. În cele din urmă, adăugați un agent(i) pentru a gestiona conversațiile din această căsuță de e-mail. Acesta poate fi un membru al echipei de asistență pentru clienți.

Ați configurat cu succes chatul live Chatwoot cu site-ul dvs. setat ca canal de comunicare. Chatwoot va genera codul pe care trebuie să-l încorporați în aplicația dvs. pentru a adăuga widgetul pentru funcția de chat live. Acest cod este foarte flexibil, deoarece îl integrați cu ușurință într-un client web construit cu oricare dintre Frame-uri frontend JavaScript.

Dacă doriți să personalizați în continuare configurația, faceți clic pe Mai multe setari buton.

React Configurarea proiectului

Creați o aplicație React și încorporați pluginul de chat live Chatwoot pentru a testa funcția. Creați o aplicație React și creați un fișier ENV în directorul rădăcină al folderului de proiect pentru a păstra simbolul site-ului dvs.

REACT_APP_WEBSITE_TOKEN = simbol

În continuare, în src director, creați un folder nou și denumiți-l componente. În acest folder creați un fișier nou: Livechat.js.

Adăugați următorul cod la acest fișier:

import Reacționează, {useEffect} din'reacţiona'
funcţieLivechat () {
 useEffect(() => {
fereastră.chatwootSettings = {
 ascundeMessageBubble: fals,
 poziţie: "dreapta", 
 local: "ro", 
tip: "standard"
 };

 (funcţie(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.amânare = Adevărat;
 g.async = Adevărat;
s.parentNode.inserați Înainte(g, s);


 g.onload = funcţie() {
fereastră.chatwootSDK.alerga({
siteToken: proces.env.REACT_APP_WEBSITE_TOKEN,
 url de bază: BASE_URL
 })
 }
 })(document, "scriptie");
 }, []);


întoarcerenul;
};
exportMod implicit Livechat;

Acest cod integrează funcția de chat live a Chatwoot în aplicația dvs. React. Cârligul useEffect rulează codul în interiorul callback-ului o dată când se montează componenta. În primul rând, inițializează setările Chatwoot pentru această funcție. Apoi rulează funcția de plugin, furnizată de Chatwoot, care configurează widgetul de chat live pe pagină.

Acesta transmite websiteToken-ul ca parametru funcției chatwootSDK.run care conectează aplicația cu contul dvs. Chatwoot. În cele din urmă, funcția de chat live returnează null, deoarece nu trebuie să redați niciun element HTML.

Testați funcția de chat live

  1. Importați această componentă în dvs app.js fișier și rotiți serverul de dezvoltare pentru a actualiza modificările efectuate. Ar trebui să vedeți widgetul de chat live pe React rulând în browser.
  2. Pentru a testa funcția de chat live, faceți clic pe widget pentru a deschide peretele de conversație și tastați un mesaj.
  3. Acum, mergeți la tabloul de bord al utilizatorului Chatwoot și navigați la căsuța de e-mail, ar trebui să vedeți un mesaj nou. În mod implicit, Chatwoot va genera unele mesaje și va răspunde automat imediat după ce un utilizator trimite un mesaj, precum cele pe care le vedeți mai jos. Introduceți un răspuns la mesaj și faceți clic pe trimite. Reveniți la peretele de chat widget din aplicația dvs. pentru a vedea răspunsul.

Ați integrat cu succes o funcție de chat live în aplicația dvs. cu foarte puține linii de cod.

Merită o funcție de chat live?

O funcție de chat live este o modalitate excelentă de a oferi servicii pentru clienți, de a crește satisfacția clienților și de a îmbunătăți experiența utilizatorului.

Oferă un canal de comunicare cu potențialul de a crește implicarea, de a reduce timpul de răspuns și de a personaliza asistența pentru clienți. În cele din urmă, ar trebui să vă ajute să îmbunătățiți operațiunile de servicii pentru clienți cu puțin efort.