De insluitcode van de Web Widget kopiëren

De preview maakt de insluitcode voor je website: je Web Widget-fragment uit het Beheercentrum plus de zE-aanroepen voor de aanpassingen die je koos.

De preview maakt de insluitcode voor je website: je Web Widget-fragment uit het Beheercentrum plus de zE-aanroepen voor de aanpassingen die je koos.

De code kopiëren

1. Richt de widget in de preview in zoals je hem wilt hebben. De opties staan in De aanpassingsopties van de Web Widget.
2. Klik in de werkbalk op Preview-instellingen, dan op Web Widget-aanpassingen, en scrol naar Insluitcode onderaan het paneel.
3. Klik op Insluitcode kopiëren voor het fragment en de aanroepen samen, of op Alleen zE-aanroepen kopiëren voor een site waar het fragment al op staat.
4. Plak de code op je website, vóór </body>.
5. Open de pagina en vergelijk de widget met de preview.

Een melding bevestigt dat de code op het klembord staat. Lukt kopiëren niet, selecteer de code dan in het paneel en kopieer hem zelf.

Wat de code bevat

• Het fragment van de Web Widget, zoals het Beheercentrum het geeft, voor het merk dat de preview gebruikt. Bij meerdere merken is dat het merk van de AI-agent, of het merk dat je koos onder Dit account in het menu Preview-kanaal. Een Web Widget-sleutel die je op de optiepagina invulde, of met de Web Widget-inspector van een website kopieerde, gaat voor, ook bij een beheerder. De eerste regel is dan een commentaarregel in plaats van het fragment: <!-- Plak hier de Web Widget-code uit Admin Center (Kanalen > Messaging, je widget, Installatie; widgetsleutel <key>) -->. Daarin staat de sleutel, zodat je weet om welke widget het gaat, en waar het fragment ervan staat. Je developer vervangt die regel.
• Een aanpassingsaanroep, zE('messenger:set', 'customization', ...), met de opties die je hebt gewijzigd, in de volgorde van de documentatie van Zendesk. Een andere Stijl dan Standaard van account komt erin als stylingPreset, met een opmerking dat die de lijst-, avatar- en ballonopties van eerdere aanpassingsaanroepen terugzet; zet die dus in dezelfde aanroep. De kleuren uit Kleuren voor dit account komen er niet in, want die tonen alleen je kleuren uit het Beheercentrum. Wil je kleuren in de code, gebruik dan Themakleuren.
• Een taalaanroep, zE('messenger:set', 'locale', ...), als je een Taal van de widget hebt gekozen in de preview-instellingen. Bij Automatisch is er geen taalaanroep. Hoe de widget zijn taal kiest, staat in In welke taal verschijnt de widget.
• Aanroepen voor zIndex, cookies en behavior, als je die instelt. Het scherm vóór het gesprek hoort bij de aanroep voor behavior.

De aanroepen staan samen in één <script>-blok. Heb je niets gewijzigd, dan bestaat de code alleen uit het fragment.

De standaardplaats van Gesprek beëindigen blijft weg. De widgetversies van Zendesk waren het niet eens over de waarde, en een waarde die een versie weigert, laat hem de rest van de gespreksinstellingen overslaan. Andere waarden die de widget zou weigeren, worden in het paneel gemarkeerd, met wat de widget dan overslaat; zie De aanpassingsopties van de Web Widget.

Als er geen fragment is

De extensie leest het fragment met de rol Admin voor Support. Heb je die rol niet, of heeft het account geen Web Widget, dan begint het codeblok met een opmerking dat er geen fragment is gevonden. Zet dan je eigen fragment boven de zE-aanroepen. Waar je het op je site vindt, staat in Hoe vind ik de code van de widget op mijn website.

Preview en site gelijk houden

De aanpassingen worden per Zendesk-account in deze browser bewaard, dus de code blijft gelijk totdat je een optie wijzigt. Aanpassingen herstellen wist alle opties; de code toont dan alleen het fragment. De extensie verandert nooit iets aan je website of het Beheercentrum: de widget op je site verandert pas als je de code daar vervangt.

De code is voor de Web Widget op een website. Hij verandert niets aan de Zendesk SDK's in een mobiele app.

Staat de code op je site, dan controleert de Web Widget-inspector de widget daar, bijvoorbeeld op aanpassingen die de widget niet toepast. Zie De controles in de Web Widget-inspector.

Zie ook

• De aanpassingsopties van de Web Widget
• De preview-instellingen
• Hoe vind ik de code van de widget op mijn website
• De Web Widget instellen en tonen