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