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

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

Πλατφόρμα:

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

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

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

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

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

Για να προσθέσετε το chatbot σε όλες τις σελίδες του ιστότοπου Tilda σας ταυτόχρονα, χρησιμοποιήστε τη μέθοδο Ρυθμίσεων Ιστότοπου:

Συνδεθείτε στον λογαριασμό Tilda σας και ανοίξτε τον επεξεργαστή ιστότοπου
Κάντε κλικ στο Site Settings (εικονίδιο γραναζιού) στο επάνω μενού
Κάντε κύλιση προς τα κάτω στην ενότητα «More»
Βρείτε το «Κώδικας HTML για την ενότητα HEAD για όλες τις σελίδες»
Κάντε κλικ στο «Επεξεργασία κώδικα»
Επικολλήστε τον κώδικα ενσωμάτωσης του Asyntai στο πλαίσιο κειμένου
Κάντε κλικ στο «Αποθήκευση»
Κάντε κλικ στο "Publish" για να δημοσιεύσετε τις αλλαγές

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

Εναλλακτική: Χρήση μπλοκ T123 (Συγκεκριμένες Σελίδες)

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

Ανοίξτε τη σελίδα που θέλετε να επεξεργαστείτε στον Tilda editor
Κάντε κλικ στο "+ Add Block" ή πατήστε "T"
Στη Βιβλιοθήκη Μπλοκ, μεταβείτε στο Other → T123 (Embed HTML Code)
Εναλλακτικά, αναζητήστε το «T123» στη γραμμή αναζήτησης
Κάντε κλικ στο μπλοκ T123 για να το προσθέσετε στη σελίδα σας
Στις ρυθμίσεις του μπλοκ, επικολλήστε τον κώδικα ενσωμάτωσης του Asyntai
Τοποθετήστε το μπλοκ οπουδήποτε στη σελίδα σας (δεν επηρεάζει την τοποθέτηση του widget)
Κάντε κλικ στο "Publish" για να δημοσιεύσετε τις αλλαγές

Σημείωση: Το μπλοκ T123 υποστηρίζει HTML, JavaScript (εντός ετικετών <script>) και CSS (εντός ετικετών <style>). Η οπτική τοποθέτηση του μπλοκ δεν έχει σημασία - το chatbot θα εμφανίζεται στην κάτω δεξιά γωνία όπως έχει ρυθμιστεί.

Ενότητα Head ανά Σελίδα (Για Προχωρημένους)

Για περισσότερο έλεγχο, μπορείτε να προσθέσετε κώδικα στις ενότητες head μεμονωμένων σελίδων:

Ανοίξτε τη σελίδα στον επεξεργαστή Tilda
Κάντε κλικ στο «Ρυθμίσεις Σελίδας» (εικονίδιο γρανάζι)
Μεταβείτε στην καρτέλα «Πρόσθετα»
Βρείτε το «Κώδικας HTML για την ενότητα HEAD»
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai
Κάντε κλικ στο «Αποθήκευση μπλοκ» και μετά «Αποθήκευση διάταξης»

Σημαντικό: Όταν χρησιμοποιείτε το μπλοκ T123 ή τη μέθοδο ανά σελίδα, θα πρέπει να προσθέσετε τον κώδικα σε κάθε σελίδα όπου θέλετε να εμφανίζεται το chatbot. Για εγκατάσταση σε ολόκληρο τον ιστότοπο, χρησιμοποιήστε τη μέθοδο Site Settings που περιγράφεται στο Βήμα 2.

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

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