Passa al contenuto principale

Integrazione Web

Vuoi aggiungere una funzionalità di chat potenziata dall'AI al tuo sito web? Segui questa guida per integrare AI SmartTalk in pochi semplici passaggi. Forniremo anche avvisi e suggerimenti per aiutarti a risolvere problemi comuni.

Requisiti​

Prima di iniziare, assicurati di avere:

  • Un account AI SmartTalk attivo.
  • Accesso all'editor HTML del tuo sito web.
informazioni

Non hai ancora un account AI SmartTalk? Registrati qui per iniziare.

Istruzioni passo-passo​

Passo 1: Recupera il codice di integrazione​

  1. Accedi al tuo account AI SmartTalk.
  2. Vai alla sezione Integrazione nel back office. b52e6797-0a13-418f-aba8-8abb0db3e1c9.png
  3. Genera il tuo codice di integrazione unico. 12d45607-710d-4820-948c-4e5f2a7db811.png
pericolo

Il token API contiene identificatori specifici per il tuo account. Non condividerlo pubblicamente.

Step 2: Aggiungi il Codice di Integrazione al Tuo Sito Web​

  1. Apri il file HTML principale del tuo sito web.
  2. Incolla il codice di integrazione appena prima del tag </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>

Assicurati che il tuo sito web utilizzi HTTPS. Gli script di AI SmartTalk non funzionano su siti non sicuri.

Step 3: Configura il Chatbot​

Dopo aver aggiunto lo script, accedi al tuo dashboard di AI SmartTalk. 71591349-2e7c-4b3e-90d6-723ff96e01ee.png

suggerimento

Puoi personalizzare l'aspetto del chatbot per adattarlo al design del tuo sito web. Esplora le opzioni di personalizzazione nel back office.

Step 4: Testa e Attiva​

  1. Aggiorna il tuo sito web per verificare che il chatbot venga visualizzato correttamente.
  2. Testa diversi scenari per assicurarti che il chatbot funzioni come previsto.
warning

Se il chatbot non appare, verifica che lo script sia stato inserito correttamente e che le tue credenziali siano valide.

Problemi Comuni​

Il Chatbot Non Viene Visualizzato​

  • Assicurati che lo script sia inserito appena prima del tag </body>.
  • Verifica che il tuo sito web abbia un certificato SSL valido.

Errori di Configurazione​

  • Conferma che i campi Chat Model ID e Chat Model Token siano corretti.
  • Se il problema persiste, contatta il supporto tecnico di AI SmartTalk.

Stai riscontrando errori persistenti? Controlla la nostra documentazione tecnica o contatta il nostro team di supporto.

Risorse Aggiuntive​

Seguendo questi passaggi, puoi integrare con successo AI SmartTalk nel tuo sito web e fornire un'esperienza interattiva per i tuoi utenti.

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