Een uitgebreide webchatimplementatie configureren

Een implementatie publiceren

Als u zojuist uw eerste uitgebreide chatkanaal en implementatie hebt gemaakt in de snelstartstroom en u klaar bent om die implementatie aan te passen, slaat u de sectie Een implementatie publiceren over. Als u een extra implementatie toevoegt aan een reeds bestaand Uitgebreid chatkanaal, voert u deze stappen uit om dit vast te stellen.

1. Schakel Digitale omgevingen in uw organisatie in.
2. Geef vanuit Set-up Ingebedde services op in het vak Snel zoeken en selecteer Ingebedde service-implementaties.
3. Klik op de knop Nieuwe implementatie. Kies uw gesprekstype, Uitgebreide chat.
4. Selecteer Web als de implementatiebestemming voor uw kanaal.
5. Geef uw Ingebedde service-implementatie een naam, waarmee de API-naam wordt gemaakt.
   
6. Geef de Domeinnaam op het hoogste niveau van de website op, bijvoorbeeld voorbeeld.com. Deze naam omvat alle subdomeinen van de URL, zoals help.voorbeeld.com. Ga voor een implementatie van een Experience Builder- of Commerce Cloud-site naar Domeinen in Set-up en kopieer het Experience Cloud-sitedomein.
   1. Als u het domein wilt wijzigen dat is gekoppeld aan uw implementatie van ingebedde services, gaat u naar Set-up | Gebruikersinterface | Sites en domeinen | Sites en selecteert u uw site in de kolom Sitelabel. Uw site is opgemaakt als ESW_[implementatienaam]_[getallen]. Zoek onder Vertrouwde domeinen voor inline frames het domein of subdomein dat u wilt wijzigen en klik op Bewerken. Sla uw wijzigingen op.
7. Selecteer het Berichtenverkeerskanaal dat u hebt gemaakt in Instellingen voor berichtenverkeer en voeg het toe aan de implementatie. Als u geen kanaal hebt gemaakt, gaat u naar Berichtenverkeer-instellingen.
8. Sla uw werk op.
9. Maak en publiceer uw nieuwe implementatie, wat enkele minuten duurt. Navigeer niet van pagina weg totdat deze is voltooid.
10. Om ervoor te zorgen dat Uitgebreide chat optimaal blijft werken, publiceert u uw implementatie altijd opnieuw nadat u nieuw toegevoegde voorzieningen hebt getest.

Uw implementatie aanpassen

De pagina 'Instellingen voor Ingebedde service' maakt het mogelijk om doelgerichtheid te verlenen aan uw klanten. Bewerk uw berichtenverkeer-instellingen, selecteer branding, voeg pre-chatwaarden toe en kopieer uw codesnippet om gesprekken aan te leveren aan uw website.

Nadat u een implementatie hebt gemaakt of bewerkt, moet u deze opnieuw publiceren door op de knop Publiceren op de instellingenpagina te klikken.

U kunt eventueel de volgende aspecten van uw implementatie aanpassen in Implementatie-instellingen van Ingebedde service:

Aanpassingsgedeelte	Wat is mogelijk	Extra werk vereist
Instellingen	Schakel vakjes in om ontvangst- en leesbevestigingen aan klanten weer te geven in hun berichtenverkeersvenster. Schakel een vakje in om typindicatoren weer te geven. Schakel een vakje in om het toetsenbord met emoji's aan klanten weer te geven. Schakel een vakje in om de standaardwerking van de Enter- of Return-toets te wijzigen van het verzenden van een messaging naar het beginnen van een nieuwe tekstregel. Als u het berichtenverkeersvenster alleen tijdens kantooruren wilt weergeven, selecteert u een record voor kantooruren.	Voordat u uw kantooruren toevoegt aan uw implementatie, maakt u een kantoorurenrecord. Als u kantooruren wilt overschrijven en de chatknop op bepaalde tijden wilt verbergen of tonen, gebruikt u onze API.
Branding	Stel kleuren en lettertypen (inclusief aangepaste lettertypen) in en upload avatars en chatknopafbeeldingen die overeenkomen met uw branding in het klantgerichte chatvenster. We raden u aan om een avatarafbeelding van 40 x 40 pixels te gebruiken. U kunt ook de breedte en hoogte van uw chatvenster instellen. Het toevoegen van aangepaste CSS aan uw implementatie wordt niet ondersteund.	Avatar-afbeeldingen worden van een webpagina gehaald. Genereer de URL voor elke afbeelding. Upload voor het gebruik van een aangepast lettertype een .ttf-, .otf- of .woff2-lettertypebestand naar Statische resources. Geef het lettertypebestand een unieke naam en stel de cacheregeling in op openbaar. Selecteer bij "branding" de optie voor een aangepast lettertype en geef de naam op van het lettertypebestand dat u hebt geüpload als een statische resource. Voor uw chatknop wordt aangeraden om een cirkelvormige of vierkante afbeelding te gebruiken. Als u de chatknop aanpast op een Omgevingssamensteller-site, zorgt u ervoor dat het domein van de afbeelding wordt toegevoegd aan de door CSP vertrouwde URL's om ervoor te zorgen dat deze correct wordt weergegeven. Zie Een beveiligingsniveau selecteren in Omgevingssamensteller-sites
Pre-chat	Selecteer de standaard- en aangepaste velden die klanten moeten invullen voordat ze berichten kunnen verzenden naar een servicevertegenwoordiger. Voeg verborgen pre-chatvelden toe om achter de schermen automatisch informatie te verzamelen.	Als u zichtbare of verborgen velden wilt toevoegen aan uw pre-chatformulier, maakt u een aangepaste parameter voor het berichtenverkeerskanaal voor de implementatie. Zie Pre-chat aanpassen voor uitgebreide chat.
Aangepaste labels	Schrijf uw eigen labels voor velden en alt-tekst in uw berichtenverkeersomgeving. Selecteer de taal waarin elk label moet worden weergegeven.	Voordat u aangepaste labels maakt, schakelt u het Vertaalcentrum in, voegt u uw ondersteunde taal of talen toe en wijst u uw vertalers toe. Zie Het Vertaalcentrum inschakelen en Vertaalde talen en vertalers toevoegen.
Codesnippets	Kopieer de codesnippet om de berichtenverkeersimplementatie toe te voegen aan uw website. Sla deze actie over als u berichtenverkeer inbedt in een Omgevingssamensteller- of Commerce Cloud-site. Zie het volgende gedeelte voor het toevoegen van berichtenverkeer aan uw website.	Bed Uitgebreide chat in een Omgevingssamensteller- of Commerce Cloud-site met de component Ingebed berichtenverkeer, niet met een codesnippet. Zie de volgende sectie voor Uitgebreide chat toevoegen aan uw externe website.

Uitgebreide chat toevoegen aan uw website

Als u Uitgebreide chat inbedt op een externe website, volgt u deze stappen om uw codesnippet toe te voegen. Als u een Omgevingssamensteller- of Commerce Cloud-site gebruikt in plaats van een website, voegt u Uitgebreide chat toe via de component Ingebed berichtenverkeer. U hebt geen codesnippet nodig om de taak te voltooien.

1. Selecteer vanuit Implementatie-instellingen Codesnippet installeren.
2. Klik op Het klembord kopiëren om uw code te selecteren.
3. Plak de code vóór de (</body>) van de afsluitende tag voor de hoofdtekst op elke webpagina waarop u de berichtenverkeersknop wilt weergeven. Plaats de code niet in de header. Zorg ervoor dat u een geldige taalcode hebt toegevoegd voor uw taalinstelling in de snippet.
4. Uitgebreide webchat is compatibel met de meeste beleidsvormen voor verwijzende personen, zoals origin. Houd bij het selecteren van uw verwijzingsbeleid rekening met het volgende.
   1. Zorg ervoor dat de koptekst van de chatknoppagina geen no-referrer voor verwijzende personen bevat. Meer specifiek: de pagina mag de volgende regel niet bevatten: <meta name="referrer" content="no-referrer" />.
   2. Om ervoor te zorgen dat Uitgebreide webchat naadloos werkt in de Firefox-browser, gebruikt u geen verwijzingsbeleid van same-origin.
5. U kunt de codesnippet voor de metatag ook opnemen in het kopelement om uw pagina responsief te maken voor alle apparaten. Als uw pagina de metatag al heeft, is het toevoegen van deze snippet niet nodig. De code is de enige die naar de koptekstsectie gaat van elke webpagina waarin ingebed berichtenverkeer wordt weergegeven.

Beveiligingsprotocollen instellen voor uw implementatie

Voeg nadat u de set-up hebt voltooit uw domein toe aan de toegestane CORS-lijst.

1. Geef vanuit Set-up CORS op in het vak Snel zoeken en selecteer vervolgens CORS.
2. Selecteer Nieuw.
3. Geef een URL-patroon voor de herkomst op.
4. Sla uw werk op.