Οι προγραμματιστές μπορούν να ορίσουν με ακρίβεια πού θα εμφανίζεται το πλαίσιο συνομιλίας, προσθέτοντας συγκεκριμένες παραμέτρους στον κώδικα εγκατάστασης του Smartsupp. Σε αυτόν τον οδηγό θα δείτε πώς να μετακινήσετε το πλαίσιο συνομιλίας αριστερά, να αλλάξετε την προεπιλεγμένη θέση του, να ορίσετε διαφορετική τοποθέτηση σε κινητές συσκευές ή να το αποκρύψετε στο κινητό.
Προχωρημένο: ρύθμιση στον κώδικα εγκατάστασης
🟡 Σημείωση: Θα χρειαστεί να έχετε πρόσβαση προγραμματιστή στον κώδικα του ιστοτόπου σας. Η λειτουργία προβολής του πλαισίου συνομιλίας στην αριστερή πλευρά είναι διαθέσιμη στα πλάνα Solo και ανώτερα.
Προσθέστε τις επιλογές στο τμήμα παραμετροποίησης του κώδικα εγκατάστασης: αμέσως μετά τη γραμμή με το _smartsupp.key και πριν από τον loader (το τμήμα που ξεκινά με window.smartsupp||). Το πλαίσιο συνομιλίας εφαρμόζει αυτές τις επιλογές με τη φόρτωση, οπότε πρέπει να βρίσκονται στη σωστή θέση πριν τον loader.
Μετακίνηση του πλαισίου συνομιλίας στην αριστερή πλευρά:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...υπόλοιπος κώδικας εγκατάστασης (ο loader)</script>Μετακίνηση του πλαισίου συνομιλίας από την προεπιλεγμένη του θέση (τιμές σε pixel):
_smartsupp.offsetX = 20; // το απομακρύνει από την πλευρά_smartsupp.offsetY = 100; // το τοποθετεί ψηλότερα από το κάτω μέρος
Χρήση διαφορετικής θέσης μόνο σε κινητό:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) { _smartsupp.offsetY = 150;}// ...υπόλοιπος κώδικας εγκατάστασης (ο loader)</script>Απόκρυψη του πλαισίου συνομιλίας μόνο σε κινητό (διατηρείται ορατό σε υπολογιστή, διαθέσιμο σε όλα τα πλάνα):
_smartsupp.hideMobileWidget = true;
Η διαδικασία υλοποίησης γίνεται ως εξής:
Ανοίξτε τον κώδικα του ιστοτόπου σας και εντοπίστε το script εγκατάστασης του Smartsupp.
Προσθέστε τις επιθυμητές επιλογές αμέσως μετά τη γραμμή
_smartsupp.keyκαι πριν τον loader.Ρυθμίστε τις τιμές ώστε να ταιριάζουν στην εμφάνιση του ιστοτόπου σας.
Αποθηκεύστε τις αλλαγές και φορτώστε τον ιστότοπο σε ιδιωτική ή ανώνυμη περιήγηση για να ελέγξετε τη νέα θέση. Ελέγξτε και την εμφάνιση στο κινητό σας.
💡 Συμβουλή: Η εντολή smartsupp('chat:position', ...) δεν υποστηρίζεται. Το πλαίσιο συνομιλίας την αγνοεί και η κονσόλα του προγράμματος περιήγησης εμφανίζει "Άγνωστη εντολή API". Για όλες τις επιλογές διαμόρφωσης, επισκεφθείτε την τεκμηρίωση προγραμματιστή.
Τι ακολουθεί
💡 Χρειάζεστε επιπλέον βοήθεια; Επικοινωνήστε με την ομάδα υποστήριξης — θα χαρούμε να σας εξυπηρετήσουμε!