Lägga widgeten på din sida

Kopiera kodsnutten från widgetkortet och klistra in den före den avslutande body-taggen på varje sida som ska visa chattknappen.

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

Det är hela installationen. Inget att ladda ner, inga beroenden, och widgeten ritas inuti en shadow root så den kan inte krocka med dina egna stilar. Den fungerar i ren HTML, WordPress, Shopify, Webflow och alla JavaScript-ramverk.

Valfria attribut

Namn	Typ	Obligatorisk	Beskrivning
data-key	string	obligatoriskt	Widgetens publika nyckel. Kopiera den från panelen.
data-position	left \| right	valfritt	Vilket hörn knappen sitter i. Åsidosätter inställningen i panelen.
data-theme	auto \| light \| dark	valfritt	Ljust eller mörkt fönster. Som standard följs besökarens systeminställning.
data-locale	string	valfritt	Tvingar fram ett språk, till exempel de eller pt-BR. Som standard följs webbläsaren.
data-launcher	auto \| manual	valfritt	Sätt den till manual för att dölja den flytande knappen och öppna chatten från ditt eget element.

Öppna chatten från din egen knapp

Med data-launcher satt till manual syns widgeten inte förrän 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() öppnar fönstret.
TicketsXChat.close() och TicketsXChat.toggle() gör precis det de heter.
TicketsXChat.isOpen() talar om ifall fönstret är öppet.
TicketsXChat.on('message', handler) körs när ett svar från ditt team kommer in.