Πριν ξεκινήσεις

Πάρε τον κώδικά σου

Κάθε βοηθός έχει το δικό του κλειδί, οπότε ο κώδικας είναι μοναδικός για το site σου. Συνδέσου στο panel, άνοιξε το Εγκατάσταση και πάτα Αντιγραφή. Μοιάζει κάπως έτσι:

<script>
  window.BistormingChat = {
    backend: "https://chat.bistorming.gr",
    bot: "bk_το-δικό-σου-κλειδί"
  };
</script>
<script src="https://chat.bistorming.gr/static/chatbot.js"></script>

Για λόγους ασφαλείας ο βοηθός απαντά μόνο στη διεύθυνση του site που έδωσες στην εγγραφή. Αν άλλαξε, διόρθωσέ τη στο panel, στο Περιεχόμενο ιστοσελίδας.

Άνοιγμα του panel →

Η εγκατάσταση

Πού μπαίνει ο κώδικας

Στο Footer code του project

Προσοχή: Ο custom κώδικας δημοσιεύεται μόνο σε project με πληρωμένο site plan. Σε δωρεάν project ο κώδικας αποθηκεύεται αλλά δεν βγαίνει live.

1

Στο Webflow Designer: Site settings → Custom code.
2

Κατέβα στο Footer code (Before </body> tag).
3

Επικόλλησε τον κώδικά σου και πάτα Save changes.
4

Πάτα Publish — αλλιώς ο κώδικας δεν βγαίνει στο live site.

Ο custom κώδικας δεν εμφανίζεται στην προεπισκόπηση του Designer. Έλεγξέ τον πάντα στο δημοσιευμένο site.

Τελευταίο βήμα

Δες ότι δουλεύει

Άνοιξε το site σου σε ανώνυμο παράθυρο (Ctrl+Shift+N / Cmd+Shift+N). Θα δεις το κουμπί συνομιλίας κάτω δεξιά. Πάτησέ το και κάνε μια ερώτηση που ξέρεις ότι απαντιέται από το site σου — αν πάρεις σωστή απάντηση, τελείωσες.

Το ανώνυμο παράθυρο έχει σημασία: στο κανονικό σου παράθυρο ο browser μπορεί να σου δείχνει αποθηκευμένη έκδοση της σελίδας, χωρίς τον νέο κώδικα.

Αν κάτι δεν πάει καλά

Δεν εμφανίζεται το κουμπί;

Στις περισσότερες περιπτώσεις φταίει ένα από τα παρακάτω, με αυτή τη σειρά πιθανότητας.

Το έσωσα αλλά δεν φαίνεται πουθενά +

Δύο πιθανά: είτε δεν πάτησες Publish, είτε κοιτάς την προεπισκόπηση του Designer, όπου ο custom κώδικας δεν τρέχει ποτέ. Άνοιξε το δημοσιευμένο site.

Δεν έχεις βάλει Site URL στο panel +

Ο βοηθός απαντά μόνο στη διεύθυνση που έχεις δηλώσει, ώστε να μη μπορεί κανείς άλλος να τον χρησιμοποιήσει στο δικό του site. Άνοιξε το «Περιεχόμενο ιστοσελίδας» στο panel και συμπλήρωσε τη διεύθυνση του site σου, ακριβώς όπως τη βλέπεις στον browser.

Το κουμπί φαίνεται μόνο σε μία σελίδα +

Ο κώδικας μπήκε σε συγκεκριμένη σελίδα αντί για όλο το site. Μετέφερέ τον εκεί που ισχύει παντού — στο footer του θέματος ή στο πεδίο κώδικα που εφαρμόζεται σε όλες τις σελίδες.

Ο κώδικας κόπηκε στην επικόλληση +

Πρέπει να υπάρχουν και οι δύο γραμμές <script>. Αν το πεδίο όπου τον έβαλες «καθάρισε» τον κώδικα, τότε ήταν επεξεργαστής κειμένου και όχι πεδίο HTML — ψάξε το σωστό σημείο και ξαναδοκίμασε.

Το site σου δεν είναι σε https +

Ο browser μπλοκάρει τη σύνδεση από ένα http site προς το https backend μας. Αν το site σου ανοίγει ακόμα σε http, χρειάζεται πιστοποιητικό SSL — κάθε σοβαρή φιλοξενία το δίνει δωρεάν.

Γράφει «Ο βοηθός δεν είναι διαθέσιμος» +

Ο κώδικας μπήκε σωστά — το πρόβλημα είναι στη συνδρομή. Είτε εξαντλήθηκαν τα μηνύματα του μήνα, είτε η συνδρομή δεν είναι ενεργή. Θα το δεις αμέσως στη σελίδα Συνδρομή του panel.

Καλό να ξέρεις

· Πολύγλωσσο site: μία εγκατάσταση αρκεί. Ο βοηθός απαντά στη γλώσσα του επισκέπτη και το καλωσόρισμα ακολουθεί τη γλώσσα της σελίδας.
· Αλλαγές εμφάνισης: χρώμα, εικονίδιο, τίτλος και μήνυμα καλωσορίσματος αλλάζουν από το panel και ισχύουν αμέσως — δεν ξαναβάζεις τον κώδικα.
· Ταχύτητα: ο κώδικας φορτώνει στο τέλος της σελίδας και δεν καθυστερεί την εμφάνισή της.
· Άλλη πλατφόρμα; Δες όλους τους οδηγούς — Shopify, Wix, Squarespace, Webflow, Google Tag Manager και άλλους.

Βάλε το chatbot στο Webflow site σου