विजेट को अपनी साइट पर लगाना

विजेट कार्ड से स्निपेट कॉपी करें और जिस भी पेज पर चैट बटन दिखाना है, वहां बंद होने वाले body टैग से पहले पेस्ट करें।

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

बस इतनी ही इंस्टॉलेशन है। कुछ डाउनलोड नहीं करना, कोई डिपेंडेंसी नहीं, और विजेट shadow root के अंदर बनता है इसलिए आपकी स्टाइल से नहीं टकराता। यह सादे HTML, WordPress, Shopify, Webflow और किसी भी JavaScript फ्रेमवर्क पर चलता है।

वैकल्पिक एट्रिब्यूट

नाम	प्रकार	ज़रूरी	विवरण
data-key	string	ज़रूरी	विजेट की पब्लिक कुंजी। इसे डैशबोर्ड से कॉपी करें।
data-position	left \| right	वैकल्पिक	बटन किस कोने में बैठेगा। यह डैशबोर्ड की सेटिंग पर भारी पड़ता है।
data-theme	auto \| light \| dark	वैकल्पिक	हल्का या गहरा पैनल। डिफ़ॉल्ट विज़िटर की सिस्टम सेटिंग मानता है।
data-locale	string	वैकल्पिक	कोई भाषा जबरन लगाएं, जैसे de या pt-BR। डिफ़ॉल्ट ब्राउज़र से आता है।
data-launcher	auto \| manual	वैकल्पिक	इसे manual रखें ताकि तैरता बटन छिप जाए और चैट अपने एलिमेंट से खुले।

अपने बटन से चैट खोलना

data-launcher को manual रखने पर विजेट तब तक दिखता नहीं जब तक आप उसे न बुलाएं।

<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() पैनल खोलता है।
TicketsXChat.close() और TicketsXChat.toggle() वही करते हैं जो नाम कहता है।
TicketsXChat.isOpen() बताता है कि पैनल खुला है या नहीं।
TicketsXChat.on('message', handler) तब चलता है जब आपकी टीम का जवाब आता है।