Πώς να προσθέσετε το 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 σας ταυτόχρονα, χρησιμοποιήστε τη μέθοδο Ρυθμίσεων Ιστότοπου:

Log in to your Tilda account and open your site editor
Click Site Settings (gear icon) in the top menu
Κάντε κύλιση προς τα κάτω στην ενότητα «More»
Βρείτε το «HTML code for the HEAD section for all pages»
Κάντε κλικ στο «Edit code»
Επικολλήστε τον κώδικα ενσωμάτωσης του Asyntai στο πλαίσιο κειμένου
Κάντε κλικ στο «Αποθήκευση»
Click "Publish" to apply changes to your live site

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

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

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

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

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

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

For more control, you can add code to individual page head sections:

Ανοίξτε τη σελίδα στον επεξεργαστή Tilda
Click Page Settings (gear icon) in the top menu
Μεταβείτε στην καρτέλα «Additional»
Βρείτε το «HTML code for the HEAD section»
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai
Click "Save" and then "Publish"

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

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

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