Legge widgeten på nettstedet

Kopier utdraget fra widget-kortet og lim det inn før den avsluttende body-taggen på hver side som skal vise chatknappen.

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

Det er hele installasjonen. Ingenting å laste ned, ingen avhengigheter, og widgeten tegnes inne i en shadow root, så den kan ikke kollidere med dine egne stiler. Den virker i ren HTML, WordPress, Shopify, Webflow og alle JavaScript-rammeverk.

Valgfrie attributter

Navn	Type	Påkrevd	Beskrivelse
data-key	string	påkrevd	Den offentlige nøkkelen til widgeten. Kopier den fra kontrollpanelet.
data-position	left \| right	valgfritt	Hvilket hjørne knappen står i. Overstyrer innstillingen i kontrollpanelet.
data-theme	auto \| light \| dark	valgfritt	Lyst eller mørkt vindu. Standard følger systeminnstillingen til den besøkende.
data-locale	string	valgfritt	Tvinger et språk, for eksempel de eller pt-BR. Standard følger nettleseren.
data-launcher	auto \| manual	valgfritt	Sett den til manual for å skjule den flytende knappen og åpne chatten fra ditt eget element.

Åpne chatten fra din egen knapp

Med data-launcher satt til manual holder widgeten seg usynlig til du ber 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() åpner vinduet.
TicketsXChat.close() og TicketsXChat.toggle() gjør akkurat det de heter.
TicketsXChat.isOpen() sier om vinduet er åpent.
TicketsXChat.on('message', handler) utløses når et svar fra teamet ditt kommer inn.