Bileşeni sitene ekleme

Bileşen kartındaki kodu kopyala ve sohbet düğmesinin görünmesini istediğin her sayfada kapanış body etiketinden önce yapıştır.

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

Kurulum bu kadar. İndirilecek bir şey yok, bağımlılık yok ve bileşen bir shadow root içinde çizildiği için kendi stillerinle çakışmaz. Düz HTML, WordPress, Shopify, Webflow ve her JavaScript çatısında çalışır.

İsteğe bağlı öznitelikler

Ad	Tür	Zorunlu	Açıklama
data-key	string	zorunlu	Bileşenin açık anahtarı. Panelden kopyala.
data-position	left \| right	isteğe bağlı	Düğmenin hangi köşede duracağı. Paneldeki ayarı geçersiz kılar.
data-theme	auto \| light \| dark	isteğe bağlı	Açık ya da koyu pencere. Varsayılan, ziyaretçinin sistem ayarını izler.
data-locale	string	isteğe bağlı	Bir dili zorunlu kılar, örneğin de ya da pt-BR. Varsayılan, tarayıcıyı izler.
data-launcher	auto \| manual	isteğe bağlı	Yüzen düğmeyi gizleyip sohbeti kendi öğenden açmak için manual yaz.

Sohbeti kendi düğmenden açmak

data-launcher manual olduğunda, sen çağırana kadar bileşen görünmez kalır.

<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() pencereyi açar.
TicketsXChat.close() ve TicketsXChat.toggle() adlarının söylediğini yapar.
TicketsXChat.isOpen() pencerenin açık olup olmadığını söyler.
TicketsXChat.on('message', handler) ekibinden bir yanıt geldiğinde çalışır.