Ενσωματωμένη Συνομιλία

Εμφανίστε το widget συνομιλίας ενσωματωμένο στη σελίδα σας αντί για πλωτή φυσαλίδα

Όλα τα Πλάνα

Επισκόπηση

Από προεπιλογή, το widget συνομιλίας Asyntai εμφανίζεται ως κυμαινόμενη φυσαλίδα στη γωνία του ιστότοπού σας. Με το Ενσωματωμένο Chat, μπορείτε επίσης να εμφανίσετε τη συνομιλία απευθείας στη σελίδα σας — για παράδειγμα, σε ένα τμήμα «Συνομιλήστε μαζί μας» στην αρχική σελίδα σας.

Η κυμαινόμενη φυσαλίδα εξακολουθεί να λειτουργεί δίπλα στο ενσωματωμένο chat. Οι επισκέπτες που δεν μεταβαίνουν στην ενσωματωμένη ενότητα μπορούν ακόμα να χρησιμοποιήσουν τη φυσαλίδα. Και τα δύο μοιράζονται την ίδια συνομιλία.

Πώς λειτουργεί

Προσθέστε μία ετικέτα script Τοποθετήστε το όπου θέλετε να εμφανιστεί η συνομιλία στο HTML σας

Η συνομιλία αποδίδεται ενσωματωμένη Το widget εμφανίζεται σε αυτή τη θέση, πάντα ορατό, ίδιο μέγεθος με την κανονική συνομιλία

Η φυσαλίδα παραμένει ενεργή Η κυμαινόμενη φυσαλίδα παραμένει στη γωνία για επισκέπτες που δεν βλέπουν το ενσωματωμένο chat

Κοινή συνομιλία Τα μηνύματα συγχρονίζονται μεταξύ του ενσωματωμένου chat και του κυμαινόμενου widget σε πραγματικό χρόνο

Ρύθμιση

Προσθέστε αυτή τη μεμονωμένη γραμμή HTML όπου θέλετε να εμφανίζεται η συνομιλία στη σελίδα σας:

<script src="https://asyntai.com/static/js/chat-embed.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Αντικαταστήστε το YOUR_WIDGET_ID με το αναγνωριστικό widget σας. Μπορείτε να βρείτε τον κώδικα ενσωμάτωσης με το αναγνωριστικό σας προ-συμπληρωμένο στη σελίδα ρύθμισης Ενσωματωμένου Chat.

Σημείωση: Το κύριο script chat-widget.js πρέπει επίσης να βρίσκεται στη σελίδα. Εάν έχετε ήδη εγκαταστήσει το widget Asyntai στον ιστότοπό σας, αυτό έχει ήδη φροντιστεί.

Παράδειγμα

Δείτε πώς θα μπορούσατε να το χρησιμοποιήσετε σε μια αρχική σελίδα:

<section style="max-width: 500px; margin: 0 auto;">
    <h2>Chat with us</h2>
    <p>Ask us anything — our AI assistant is here to help.</p>

    <!-- The chat will appear right here -->
    <script src="https://asyntai.com/static/js/chat-embed.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</section>

Λεπτομέρειες

Μέγεθος

Το ενσωματωμένο chat αποδίδεται στο ίδιο μέγεθος με το κυμαινόμενο widget: 400px πλάτος και 650px ύψος στην επιφάνεια εργασίας, πλήρες πλάτος και 550px ύψος σε κινητό. Μπορείτε να ελέγξετε πού βρίσκεται χρησιμοποιώντας στυλ στο γονικό container.

Συμπεριφορά Κυμαινόμενης Φυσαλίδας

Όταν το ενσωματωμένο chat είναι ορατό στην οθόνη και ένας επισκέπτης κάνει κλικ στην κυμαινόμενη φυσαλίδα, μεταβαίνει κύλιση στο ενσωματωμένο chat. Εάν το ενσωματωμένο chat δεν είναι ορατό, η φυσαλίδα ανοίγει την κανονική κυμαινόμενη επικάλυψη συνομιλίας.

Συγχρονισμός Μηνυμάτων

Τόσο το ενσωματωμένο όσο και το κυμαινόμενο chat μοιράζονται την ίδια συνομιλία. Τα μηνύματα που αποστέλλονται από οποιοδήποτε εμφανίζονται και στα δύο. Χρησιμοποιείται η ίδια συνεδρία, το πλαίσιο ΤΝ και το ιστορικό συνομιλίας.

Πολλαπλές Σελίδες

Μπορείτε να χρησιμοποιήσετε το ενσωματωμένο chat σε ορισμένες σελίδες και το κανονικό κυμαινόμενο widget σε άλλες. Απλώς συμπεριλάβετε το script ενσωμάτωσης στις σελίδες όπου θέλετε το ενσωματωμένο chat. Η συνομιλία μεταφέρεται μεταξύ σελίδων κανονικά.

Ζωντανή Προεπισκόπηση

Εδώ υπάρχει ένα ζωντανό ενσωματωμένο chat ώστε να δείτε πώς φαίνεται:

Απαιτήσεις

Το κύριο widget συνομιλίας Asyntai (chat-widget.js) πρέπει να είναι εγκατεστημένο στη σελίδα

Λειτουργεί σε όλα τα πλάνα — δεν απαιτείται αναβάθμιση

Συμβατό με όλα τα προγράμματα περιήγησης που υποστηρίζουν Shadow DOM (όλα τα σύγχρονα προγράμματα περιήγησης)

Συμβουλή: Δοκιμάστε το ενσωματωμένο chat τοποθετώντας το σε μια σελίδα staging πρώτα. Βεβαιωθείτε ότι φαίνεται σωστά μέσα στη διάταξη της σελίδας σας πριν το ανεβάσετε στην παραγωγή.

Τεκμηρίωση