Μετάβαση στο κύριο περιεχόμενο

Web Integration

Θα θέλατε να προσθέσετε μια λειτουργία συνομιλίας με AI στην ιστοσελίδα σας; Ακολουθήστε αυτόν τον οδηγό για να ενσωματώσετε το AI SmartTalk σε λίγα απλά βήματα. Θα παρέχουμε επίσης προειδοποιήσεις και συμβουλές για να σας βοηθήσουμε να επιλύσετε κοινά προβλήματα.

Prerequisites

Πριν ξεκινήσετε, βεβαιωθείτε ότι έχετε:

  • Έναν ενεργό λογαριασμό AI SmartTalk.
  • Πρόσβαση στον HTML επεξεργαστή της ιστοσελίδας σας.
info

Δεν έχετε ακόμα λογαριασμό AI SmartTalk; Εγγραφείτε εδώ για να ξεκινήσετε.

Step-by-Step Instructions

Step 1: Retrieve the Integration Code

  1. Συνδεθείτε στον λογαριασμό σας AI SmartTalk.
  2. Μεταβείτε στην ενότητα Integration στο back office. b52e6797-0a13-418f-aba8-8abb0db3e1c9.png
  3. Δημιουργήστε τον μοναδικό σας κωδικό ενσωμάτωσης. 12d45607-710d-4820-948c-4e5f2a7db811.png
danger

Το API token περιέχει αναγνωριστικά που είναι συγκεκριμένα για τον λογαριασμό σας. Μην το μοιράζεστε δημόσια.

Step 2: Add the Integration Code to Your Website

  1. Ανοίξτε το κύριο HTML αρχείο της ιστοσελίδας σας.
  2. Επικολλήστε τον κωδικό ενσωμάτωσης ακριβώς πριν από την ετικέτα </body>.
<iframe id="chatbot-iframe" src="https://cdn.aismarttalk.tech/chatbot/{chatModelId}?lang=en&initialColorMode=light&syncHtmlColorScheme=true" width='100px' height='70px' position='fixed' bottom='0' right='0' allow='microphone; camera' scrolling='no' frameborder='0' style='border: none; overflow: hidden; position: fixed; bottom: 0; right: 0; z-index: 999999; display: block;'></iframe>
<script type="text/javascript" src="https://cdn.aismarttalk.tech/latest.js"></script>
danger

Βεβαιωθείτε ότι η ιστοσελίδα σας χρησιμοποιεί HTTPS. Τα σενάρια AI SmartTalk δεν λειτουργούν σε μη ασφαλείς ιστότοπους.

Step 3: Configure the Chatbot

Αφού προσθέσετε το σενάριο, συνδεθείτε στον πίνακα ελέγχου του AI SmartTalk. 71591349-2e7c-4b3e-90d6-723ff96e01ee.png

tip

Μπορείτε να προσαρμόσετε την εμφάνιση του chatbot ώστε να ταιριάζει με το σχέδιο της ιστοσελίδας σας. Εξερευνήστε τις επιλογές προσαρμογής στο back office.

Step 4: Test and Activate

  1. Ανανεώστε την ιστοσελίδα σας για να επιβεβαιώσετε ότι το chatbot εμφανίζεται σωστά.
  2. Δοκιμάστε διάφορα σενάρια για να διασφαλίσετε ότι το chatbot λειτουργεί όπως αναμένεται.
warning

Εάν το chatbot δεν εμφανίζεται, ελέγξτε ότι το σενάριο έχει εισαχθεί σωστά και ότι τα διαπιστευτήριά σας είναι έγκυρα.

Common Issues

The Chatbot Does Not Display

  • Βεβαιωθείτε ότι το σενάριο έχει εισαχθεί ακριβώς πριν από την ετικέτα </body>.
  • Ελέγξτε ότι η ιστοσελίδα σας έχει έγκυρο SSL πιστοποιητικό.

Configuration Errors

  • Επιβεβαιώστε ότι τα πεδία Chat Model ID και Chat Model Token είναι σωστά.
  • Εάν το πρόβλημα επιμένει, επικοινωνήστε με την τεχνική υποστήριξη του AI SmartTalk.
danger

Αν αντιμετωπίζετε επίμονα σφάλματα; Ελέγξτε την τεχνική τεκμηρίωση ή επικοινωνήστε με την ομάδα υποστήριξής μας.

Additional Resources


Ακολουθώντας αυτά τα βήματα, μπορείτε να ενσωματώσετε με επιτυχία το AI SmartTalk στην ιστοσελίδα σας και να προσφέρετε μια διαδραστική εμπειρία στους χρήστες σας.


Je suis là pour corriger ou ajuster si nécessaire. 🙏

Έτοιμοι να αναβαθμίσετε την
εμπειρία χρήστη σας;

Αναπτύξτε AI βοηθούς που ενθουσιάζουν τους πελάτες και κλιμακώνονται με την επιχείρησή σας.

Συμμόρφωση με GDPR