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

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

Πλατφόρμα:

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

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

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

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

Βήμα 2: Προσθήκη Κώδικα στις Ρυθμίσεις Ιστότοπου (Συνιστάται)

Ο ευκολότερος τρόπος για να προσθέσετε το chatbot σε όλες τις σελίδες του ιστότοπου Duda είναι μέσω των Site Settings:

Συνδεθείτε στο λογαριασμό Duda σας και ανοίξτε τον επεξεργαστή ιστότοπου
Στην αριστερή πλαϊνή μπάρα, κάντε κλικ στο \"More\" (εικονίδιο με τρεις τελείες)
Κάντε κλικ στο "Settings"
Κυλήστε προς τα κάτω και κάντε κλικ στο "Head HTML"
Στο πεδίο "Body End HTML", επικολλήστε τον κώδικα ενσωμάτωσης του Asyntai
Κάντε κλικ στο «Αποθήκευση»
Κάντε κλικ στο "Publish" στην επάνω δεξιά γωνία για να δημοσιεύσετε τις αλλαγές σας

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

Εναλλακτική Μέθοδος 1: HTML Widget (Συγκεκριμένες Σελίδες)

Αν θέλετε να προσθέσετε το chatbot μόνο σε συγκεκριμένες σελίδες, χρησιμοποιήστε το HTML widget:

Ανοίξτε τη σελίδα που θέλετε να επεξεργαστείτε στον Duda editor
Στην αριστερή πλευρική μπάρα, αναζητήστε το "HTML" στον πίνακα widgets
Σύρετε και αποθέστε το HTML widget σε μια στήλη ή σειρά στη σελίδα σας
Κάντε κλικ στο widget για να το επεξεργαστείτε
Επικολλήστε τον κώδικα ενσωμάτωσης του Asyntai στο πεδίο κώδικα
Κάντε κλικ στο "Update"
Κάντε κλικ στο "Publish" για να δημοσιεύσετε τις αλλαγές

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

Εναλλακτική Μέθοδος 2: Developer Mode (Για Προχωρημένους)

Για προχωρημένους χρήστες, μπορείτε να χρησιμοποιήσετε τη λειτουργία Developer Mode για να προσθέσετε κώδικα απευθείας στην HTML:

Στον επεξεργαστή Duda, κάντε κλικ στο εικονίδιο Developer Mode στη μπάρα επάνω
Κάντε κλικ στο \"Site HTML/CSS\" για να αναπτύξετε την επιλογή
Κάντε κλικ στο "body-end.html" από τη λίστα αρχείων
Κυλήστε στην τελευταία γραμμή του αρχείου
Επικολλήστε τον κώδικα ενσωμάτωσης του Asyntai σε νέα γραμμή
Κάντε κλικ στο «Αποθήκευση»
Κάντε κλικ στο \"Done\" για να εξέλθετε από το Developer Mode
Κάντε κλικ στο "Publish" για να δημοσιεύσετε τις αλλαγές

Σημαντικό: Η λειτουργία Developer Mode σάς δίνει άμεση πρόσβαση στην HTML και CSS του ιστότοπου. Βεβαιωθείτε ότι προσθέτετε κώδικα μόνο στο τέλος του αρχείου body-end.html για να αποφύγετε τη διακοπή λειτουργίας του ιστότοπου. Δοκιμάζετε πάντα τις αλλαγές πριν από τη δημοσίευση.

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

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