Πώς να προσθέσετε το AI Chatbot Asyntai στο HubSpot

Οδηγός βήμα προς βήμα για ιστότοπους HubSpot CMS

Πλατφόρμα:

Βήμα 1: Αποκτήστε τον Κωδικό Ενσωμάτωσής σας

Πρώτα, μεταβείτε στον Πίνακα Ελέγχου Asyntai και κάντε κύλιση προς τα κάτω στην ενότητα «Κωδικός Ενσωμάτωσης». Αντιγράψτε τον μοναδικό κωδικό ενσωμάτωσής σας που θα μοιάζει ως εξής:

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

Σημείωση: Ο παραπάνω κώδικας είναι απλώς ένα παράδειγμα. Πρέπει να αντιγράψετε τον δικό σας μοναδικό κωδικό ενσωμάτωσης από τον Πίνακα Ελέγχου σας, καθώς περιέχει το προσωπικό σας αναγνωριστικό widget.

Βήμα 2: Χρήση ρυθμίσεων ιστότοπου (Συνιστάται)

Ο ευκολότερος τρόπος για να προσθέσετε το chatbot σε όλες τις σελίδες του ιστότοπου HubSpot σας:

Συνδεθείτε στον λογαριασμό σας HubSpot
Κάντε κλικ στο εικονίδιο ρυθμίσεων (γρανάζι) στην κύρια γραμμή πλοήγησης
In the left sidebar, navigate to Website > Pages
Scroll down to the "Site footer HTML" section
Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στην περιοχή κειμένου
Κάντε κλικ στο «Αποθήκευση» στο κάτω μέρος της σελίδας

Συμβουλή: Η προσθήκη του σεναρίου στο HTML υποσέλιδου ιστότοπου διασφαλίζει ότι φορτώνεται σε όλες τις σελίδες μετά το κύριο περιεχόμενο, κάτι που είναι η συνιστώμενη τοποθέτηση για τα γραφικά στοιχεία συνομιλίας.

Εναλλακτικό: Εγκατάσταση ανά σελίδα

Εάν θέλετε το chatbot μόνο σε συγκεκριμένες σελίδες:

Μεταβείτε στο Marketing > Ιστότοπος > Σελίδες ιστότοπου (ή Σελίδες προορισμού)
Κάντε κλικ στη σελίδα που θέλετε να επεξεργαστείτε
In the page editor, click Settings at the top
Κυλήστε προς τα κάτω στις «Σύνθετες επιλογές»
Βρείτε την ενότητα «HTML υποσέλιδου»
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai
Click "Apply changes" and publish your page

Σημείωση: Ο κώδικας ανά σελίδα θα φορτώνεται μόνο σε αυτή τη συγκεκριμένη σελίδα. Χρησιμοποιήστε αυτή τη μέθοδο εάν θέλετε το chatbot σε επιλεγμένες σελίδες και όχι σε ολόκληρο τον ιστότοπό σας.

Εναλλακτικό: Χρήση Design Manager

Για περισσότερο έλεγχο, μπορείτε να προσθέσετε ένα αρχείο JavaScript μέσω του Design Manager:

Go to Marketing > Files and Templates > Design Tools
In the left sidebar, click File > New file
Επιλέξτε «JavaScript» από το αναπτυσσόμενο μενού
Ονομάστε το αρχείο σας (π.χ., asyntai-chatbot.js)
Προσθέστε τον παρακάτω κώδικα:
(function() { var script = document.createElement('script'); script.async = true; script.src = 'https://asyntai.com/static/js/chat-widget.js'; script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID'); document.body.appendChild(script); })();
Replace YOUR_WIDGET_ID with your actual widget ID
Κάντε κλικ στο «Δημοσίευση αλλαγών»
Συμπεριλάβετε αυτό το αρχείο στο πρότυπό σας χρησιμοποιώντας require_js ή συνδέστε το στις ρυθμίσεις ιστότοπου

Εναλλακτικό: Χρήση προσαρμοσμένων ενοτήτων

Δημιουργήστε μια επαναχρησιμοποιήσιμη ενότητα για το chatbot:

Go to Marketing > Files and Templates > Design Tools
Κάντε κλικ στο Αρχείο > Νέο αρχείο > Ενότητα
Ονομάστε το «Asyntai Chatbot»
Στο αρχείο module.html, επικολλήστε τον κώδικα ενσωμάτωσης
Δημοσιεύστε την ενότητα
Προσθέστε την ενότητα στην ενότητα υποσέλιδου του προτύπου σας ή σύρτε τη σε μεμονωμένες σελίδες

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

Βήμα 3: Επαληθεύστε την Εγκατάσταση

Αφού αποθηκεύσετε τις αλλαγές σας, επισκεφθείτε τον ιστότοπο HubSpot σε μια νέα καρτέλα προγράμματος περιήγησης ή παράθυρο ανώνυμης περιήγησης. Θα πρέπει να δείτε το κουμπί του γραφικού στοιχείου συνομιλίας στην κάτω δεξιά γωνία. Κάντε κλικ σε αυτό για να βεβαιωθείτε ότι ανοίγει και λειτουργεί σωστά.

Δεν βλέπετε το widget; Βεβαιωθείτε ότι κάνατε κλικ στο «Αποθήκευση» ή «Δημοσίευση» μετά την προσθήκη του κώδικα. Το HubSpot αποθηκεύει σελίδες στην κρυφή μνήμη, οπότε δοκιμάστε να προβάλετε τον ιστότοπό σας σε παράθυρο ανώνυμης περιήγησης ή να εκκαθαρίσετε την κρυφή μνήμη του προγράμματος περιήγησης. Εάν προσθέσατε τον κώδικα σε μια συγκεκριμένη σελίδα, βεβαιωθείτε ότι αυτή η σελίδα έχει δημοσιευτεί.

Απαιτείται HubSpot CMS Hub: Η προσθήκη προσαρμοσμένης JavaScript απαιτεί HubSpot CMS Hub (Starter, Professional ή Enterprise). Εάν χρησιμοποιείτε τα δωρεάν εργαλεία HubSpot CMS, ενδέχεται να έχετε περιορισμένες επιλογές για την προσθήκη προσαρμοσμένων σεναρίων.