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

Τεκμηρίωση

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

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

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

Οδηγός βήμα προς βήμα για εφαρμογές Bubble

Λήψη Κώδικα Ενσωμάτωσης
Πλατφόρμα:
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: Χρήση Ρυθμίσεων Εφαρμογής (Προτεινόμενο)

Το Bubble διαθέτει ενσωματωμένο τρόπο για να προσθέσετε προσαρμοσμένα σενάρια μέσω των ρυθμίσεων εφαρμογής:

  1. Συνδεθείτε στον επεξεργαστή εφαρμογής Bubble
  2. Μεταβείτε στις Ρυθμίσεις στο αριστερό πλαϊνό μενού
  3. Κάντε κλικ στην καρτέλα «Web App»
  4. Κυλήστε προς τα κάτω στο "Advanced Solutions"
  5. Βρείτε την ενότητα «Προσαρμοσμένες κεφαλίδες και σώμα»
  6. Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai στο πεδίο «Σενάριο στο σώμα»
  7. Αναπτύξτε την εφαρμογή σας

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

Εναλλακτικό: Χρήση Στοιχείου HTML

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

  1. Στον επεξεργαστή Bubble, ανοίξτε τη σελίδα όπου θέλετε το chatbot
  2. Προσθέστε ένα στοιχείο HTML στη σελίδα σας
  3. Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai στο στοιχείο
  4. Αναπτύξτε την εφαρμογή σας

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

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

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

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