Sæt widgetten på din side

Kopiér uddraget fra widget-kortet, og indsæt det før det afsluttende body-tag på hver side, der skal vise chatknappen.

<script src="https://api.ticketsx.xyz/widget.js" data-key="wk_your_key_here" defer></script>

Det er hele installationen. Intet at hente, ingen afhængigheder, og widgetten tegnes i en shadow root, så den ikke kan kollidere med dine egne styles. Den virker i ren HTML, WordPress, Shopify, Webflow og alle JavaScript-frameworks.

Valgfrie attributter

Navn	Type	Påkrævet	Beskrivelse
data-key	string	påkrævet	Widgettens offentlige nøgle. Kopiér den fra kontrolpanelet.
data-position	left \| right	valgfrit	Hvilket hjørne knappen sidder i. Overskriver indstillingen i kontrolpanelet.
data-theme	auto \| light \| dark	valgfrit	Lyst eller mørkt vindue. Som standard følges systemindstillingen.
data-locale	string	valgfrit	Tvinger et sprog, for eksempel de eller pt-BR. Som standard følges browseren.
data-launcher	auto \| manual	valgfrit	Sæt den til manual for at skjule den flydende knap og åbne chatten fra dit eget element.

Åbn chatten fra din egen knap

Med data-launcher sat til manual bliver widgetten usynlig, indtil du beder om den.

<script src="https://api.ticketsx.xyz/widget.js" data-key="wk_your_key_here" data-launcher="manual" defer></script>
<button onclick="TicketsXChat.open()">Contact support</button>

TicketsXChat.open() åbner vinduet.
TicketsXChat.close() og TicketsXChat.toggle() gør præcis det, de hedder.
TicketsXChat.isOpen() fortæller, om vinduet er åbent.
TicketsXChat.on('message', handler) udløses, når et svar fra dit team kommer ind.