Επιστροφή στον Πίνακα Ελέγχου

Τεκμηρίωση

Μάθετε πώς να χρησιμοποιείτε το Asyntai

Ξεκινώντας
Εγκατάσταση Βάση Γνώσεων Δοκιμάστε το AI σας Διαχείριση Ιστότοπων
Προσαρμογή
Χρώματα Widget Όνομα Βοηθού ΤΝ Αρχικό Μήνυμα Θέση Widget Αυτόματη Ενεργοποίηση Φυσαλίδα χαιρετισμού Σήμα Μη Αναγνωσμένων Λειτουργία Οδηγιών Υποβολή Ερωτήσεων Χρήση Emoji Συλλογή Email Συλλογή Αριθμών Τηλεφώνου Έξυπνη Καταγραφή Δυνητικών Πελατών Τοπικοποίηση Απόκρυψη Επωνυμίας Σύνδεσμος Απορρήτου Προσαρμοσμένη Ειδοποίηση Λήψη Μεταγραφής Νέα Συνομιλία Ιστορικό Συνομιλιών Σλόγκαν & Κουκκίδα Κατάστασης Ομιλία σε Κείμενο Εικονίδιο Συνομιλίας Λογότυπο Εταιρείας Όριο Χαρακτήρων Θερμοκρασία
Συμβουλές Οδηγιών AI Σύγκριση Πλάνων
Λειτουργίες
Ανίχνευση Ιστότοπου Κενά Γνώσης Κάρτες Προϊόντων Δυναμικές Κάρτες Προϊόντων Dynamic Images Πλαίσιο Χρήστη Ζωντανή Παρακολούθηση Ανάληψη από Άνθρωπο Κλιμάκωση Ειδοποιήσεις AI Ημερήσια Αναφορά Ροή Δεδομένων Πραγματικού Χρόνου Μέγιστη Ροή Δεδομένων Πραγματικού Χρόνου Μέλη Ομάδας Ενιαία Σύνδεση Συμπερίληψη Εικόνων Ανάλυση Εικόνας Widget Μετάφρασης Τοπικοποίηση Δυνητικοί Πελάτες Έξυπνη Καταγραφή Δυνητικών Πελατών Εισιτήρια Υποστήριξης Κρατήσεις Ενσωματώσεις Εξαίρεση Σελίδων Αποκλεισμένες IPs Εξυπνότερο Μοντέλο Ενεργοποίηση Σκέψης Προτάσεις Απάντησης Μηνύματα Παρακολούθησης Ομιλία σε Κείμενο Λήψη Μεταγραφής Ενσωματωμένη Συνομιλία
Αναλυτικά Στοιχεία
Αναλυτικά Στοιχεία Συνομιλιών Αρχεία Καταγραφής Συνομιλιών
Ενσωματώσεις
REST API Instagram Messenger WhatsApp Zapier Email Εφαρμογές Κινητών
Άλλο
Προσθήκη στην Αρχική Οθόνη Προσαρμοσμένο Κουμπί Ανοίγματος
Ρωτήστε το AI

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

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

Λήψη Κώδικα Ενσωμάτωσης
Πλατφόρμα:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

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

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

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

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

Βήμα 2: Χρήση Προσαρμοσμένου Κώδικα (Συνιστάται)

Το Framer διαθέτει ενσωματωμένη λειτουργία Custom Code που διευκολύνει την προσθήκη scripts:

  1. Ανοίξτε το έργο Framer σας
  2. Κάντε κλικ στο εικονίδιο γραναζιού (Site Settings) στην αριστερή πλαϊνή στήλη
  3. Μεταβείτε στο τμήμα "Custom Code"
  4. Κάντε κλικ στο κουμπί "Add Script"
  5. Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στο πεδίο script
  6. Ορίστε την τοποθέτηση στο "End of <body> tag"
  7. Αποθηκεύστε και δημοσιεύστε τον ιστότοπό σας

Συμβουλή: Η τοποθέτηση του script στο "End of <body> tag" διασφαλίζει ότι φορτώνεται μετά το περιεχόμενο της σελίδας, κάτι που συνιστάται για widgets συνομιλίας και δεν θα επιβραδύνει τη φόρτωση σελίδας. Το Framer προσφέρει επίσης επιλογές "Start of <head>" και "End of <head>", αλλά το τέλος body είναι προτιμότερο.

Εναλλακτική: Χρήση Code Component

Αν προτιμάτε να προσθέσετε το chatbot χρησιμοποιώντας ένα Code component:

  1. Στον επεξεργαστή Framer, ανοίξτε τη σελίδα όπου θέλετε το chatbot
  2. Προσθέστε ένα Code component στον καμβά σας
  3. Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στο component
  4. Τοποθετήστε το στη διάταξη σας όπως απαιτείται

Σημείωση: Η μέθοδος Custom Code είναι προτιμότερη καθώς εφαρμόζει το chatbot σε ολόκληρο τον ιστότοπο σε όλες τις σελίδες. Η μέθοδος Code component ενδέχεται να προσθέτει το chatbot μόνο στη συγκεκριμένη σελίδα όπου τοποθετείτε το component.

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

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

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