Πρόσθεσε το widget στον ιστότοπό σου

Αντίγραψε το απόσπασμα από την κάρτα του widget και επικόλλησέ το πριν από την ετικέτα κλεισίματος body σε κάθε σελίδα που θέλεις να δείχνει το κουμπί.

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

Αυτή είναι όλη η εγκατάσταση. Τίποτα να κατεβάσεις, καμία εξάρτηση, και το widget σχεδιάζεται μέσα σε shadow root, οπότε δεν μπλέκεται με τα δικά σου στυλ. Δουλεύει σε σκέτο HTML, WordPress, Shopify, Webflow και κάθε framework JavaScript.

Προαιρετικά χαρακτηριστικά

Όνομα	Τύπος	Υποχρεωτικό	Περιγραφή
data-key	string	υποχρεωτικό	Το δημόσιο κλειδί του widget. Αντίγραψέ το από τον πίνακα.
data-position	left \| right	προαιρετικό	Σε ποια γωνία κάθεται το κουμπί. Υπερισχύει της ρύθμισης του πίνακα.
data-theme	auto \| light \| dark	προαιρετικό	Φωτεινό ή σκούρο παράθυρο. Από προεπιλογή ακολουθεί το σύστημα του επισκέπτη.
data-locale	string	προαιρετικό	Επιβάλλει γλώσσα, για παράδειγμα de ή pt-BR. Από προεπιλογή ακολουθεί τον φυλλομετρητή.
data-launcher	auto \| manual	προαιρετικό	Βάλε manual για να κρύψεις το κουμπί και να ανοίγεις τη συνομιλία από δικό σου στοιχείο.

Άνοιγμα της συνομιλίας από δικό σου κουμπί

Με το data-launcher σε manual το widget μένει αόρατο μέχρι να το ζητήσεις.

<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) ενεργοποιείται όταν φτάνει απάντηση από την ομάδα σου.