Razvijte prilagođeni widget za chat uživo

Microsoft nudi mogućnost stvaranja prilagođenog widgeta za čavrljanje uživo koji možete priložiti računu za Customer Service sustava Dynamics 365. Svaka komponenta prilagođenog widgeta za chat uživo može se prilagoditi i za funkcionalnost i za korisničko sučelje.

Ovisno o vašim zahtjevima i ishodu, widget za chat možete prilagoditi pomoću jedne od sljedećih opcija:

• Koristite prilagodljivi widget za chat uživo 2.0
• Razvijte vlastiti widget

Koristite prilagodljivi widget za chat uživo 2.0

Prilagodljivi widget za chat uživo 2.0 omogućuje vam uređivanje svih elemenata widgeta, kao što su font, boje i stil kako biste widget mogli uskladiti s imidžom svoje marke. Prilagođeni widget pomaže vam njegovati povjerenje i vjerodostojnost, razlikovati svoj brend, njegovati pozitivne emocionalne veze i povećati vrijednost koju kupci pripisuju vašem proizvodu.

Novi live chat widget 2.0 izgrađen je na Omnichannel Chat SDK-u i Live Chat Widget UI Component Library

Razvojni inženjer portala – prilagodite gotov korisnički interfejs temeljen na skriptama

Mogućnost razvojnog inženjera portala omogućuje vam personalizaciju korisničkog sučelja widgeta za čavrljanje, ali ne mijenja gotove postavke funkcionalnosti u centru za administratore Copilot Service. Da biste prilagodili, možete upotrijebiti skriptu "data-customization-callback" koja povezuje gotovi widget s JavaScript funkcijom. Funkcija može sadržavati prilagodbe CSS stila komponenti chata s istim presedanima kao i biblioteka komponenti korisničkog sučelja widgeta za chat uživo u aplikaciji Svi kanali.

Uredite skriptu widgeta za chat uživo kako biste omogućili widget za chat uživo 2.0

Da biste koristili live chat widget 2.0 i prilagodbu temeljenu na skripti, izmijenite isječak koda gotovog live chat widgeta 2.0 na sljedeći način.

1. U centru za administratore Copilot Service otvorite tijek rada za čavrljanje i odaberite Kopiraj skriptu Live Chat Widget 2.0 da biste kopirali isječak koda.
2. Stvorite novu JavaScript funkciju sa svim stilovima komponenti. Dodatne informacije: Widget za chat u aplikaciji Svi kanali
3. Dodajte "v2" iza atributa skripte.
4. Dodajte "data-customization-callback" i referencirajte JavaScript funkciju.

Ažurirani isječak koda izgledat će na sljedeći način.

Primjer snimke zaslona widgeta za chat 2.0 koji je prilagođen za povećanje njegove veličine je sljedeći.

Pogledajte videozapis s uputama o postavljanju widgeta za chat uživo.

Upotreba orkestracije web angažmana za prilagodbu widgeta

Orkestracija web-angažmana omogućuje vam premještanje nadjačavanja konfiguracije iz JavaScripta stranice u centar za administratore. Saznajte više u članku Implementacija widgeta za chat na web-mjestima pomoću jedne oznake.

Razvijte vlastiti widget

Upotrijebite informacije u sljedećim odjeljcima da biste izradili vlastiti widget.

Biblioteka komponenti korisničkog sučelja widgeta za višekanalni chat uživo

Biblioteka komponenti korisničkog sučelja Omnichannel Live Chat Widget pruža okvir React komponenti za višekratnu upotrebu. Komponente su izrađene pomoću biblioteke Fluent UI. Saznajte više o biblioteci komponenti korisničkog sučelja widgeta za čavrljanje uživo u aplikaciji Svi kanali.

SDK za čavrljanje u aplikaciji Svi kanali

Omnichannel Chat SDK je paket otvorenog koda koji pruža metode i značajke chata za dodavanje funkcionalnosti widgetu za chat uživo. Saznajte više o SDK-u za chat aplikacije Svi kanali.

Prilagodite svoj widget za chat uživo

Nakon što instalirate najnoviju verziju SDK-a za čavrljanje Svi kanali, prilagodite widget za čavrljanje uživo pomoću metoda SDK-a za čavrljanje u aplikaciji Svi kanali i uređivanjem osnovnih CSS stilova komponenti korisničkog sučelja widgeta za čavrljanje uživo u aplikaciji Svi kanali.

Napomena

SDK za čavrljanje Svi kanali preduvjet je za instaliranje biblioteke komponenti korisničkog sučelja widgeta za čavrljanje uživo u aplikaciji Svi kanali.

Povezane informacije

Prilagodba widgeta za chat uživo za mobilne aplikacije
početakChat
zatvoriČavrljanje
lcw:zatvoriRazgovor
lcw:threadUpdate
lcw:chatPreuzeto
lcw:chatQueued