A widget elhelyezése az oldaladon

Másold ki a kódrészletet a widget kártyájáról, és illeszd be a záró body címke elé minden oldalon, ahol látszódjon a chat gomb.

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

Ennyi a telepítés. Nincs letöltés, nincs függőség, és a widget shadow rootban jelenik meg, így nem ütközhet a saját stílusaiddal. Működik sima HTML-ben, WordPressen, Shopifyon, Webflow-n és bármilyen JavaScript keretrendszerben.

Nem kötelező attribútumok

Név	Típus	Kötelező	Leírás
data-key	string	kötelező	A widget nyilvános kulcsa. Másold ki a vezérlőpultból.
data-position	left \| right	nem kötelező	Melyik sarokban ül a gomb. Felülírja a vezérlőpult beállítását.
data-theme	auto \| light \| dark	nem kötelező	Világos vagy sötét ablak. Alapból a látogató rendszerbeállítását követi.
data-locale	string	nem kötelező	Kikényszerít egy nyelvet, például de vagy pt-BR. Alapból a böngészőt követi.
data-launcher	auto \| manual	nem kötelező	Állítsd manual értékre, hogy elrejtsd a lebegő gombot, és a saját elemedből nyisd a chatet.

A chat megnyitása a saját gomboddal

Ha a data-launcher manual, a widget addig láthatatlan marad, amíg nem kéred.

<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>

A TicketsXChat.open() megnyitja az ablakot.
A TicketsXChat.close() és a TicketsXChat.toggle() pont azt teszi, amit a neve mond.
A TicketsXChat.isOpen() megmondja, nyitva van-e az ablak.
A TicketsXChat.on('message', handler) akkor fut le, amikor megérkezik a csapatod válasza.