Torna alla Dashboard

Documentazione

Scopri come usare Asyntai

Per iniziare
Installazione Knowledge Base Testa la Tua IA Gestisci i Siti Web
Personalizzazione
Colori del widget Nome dell'assistente IA Messaggio iniziale Posizione del widget Auto-apertura Fumetto di saluto Badge non letti Modalità istruzioni Fai domande Usa emoji Raccogli email Raccogli numeri di telefono Acquisizione Contatti Intelligente Localizzazione Nascondi il branding Link alla privacy Avviso personalizzato Download della Trascrizione Nuova Conversazione Cronologia delle conversazioni Tagline e indicatore di stato Riconoscimento Vocale Icona della chat Logo aziendale Limite caratteri Temperatura
Suggerimenti per le Istruzioni IA Confronta i Piani
Funzionalità
Scansione del Sito Web Lacune di conoscenza Schede Prodotto Schede Prodotto Dinamiche Dynamic Images Contesto utente Monitoraggio in tempo reale Takeover umano Escalation Notifiche IA Report giornaliero Feed Dati in Tempo Reale Feed Dati in Tempo Reale Max Membri del Team Single Sign-On Includi Immagini Visione Immagini Widget di Traduzione Localizzazione Contatti Acquisizione Contatti Intelligente Ticket di Supporto Prenotazioni Incorporamenti Escludi Pagine IP bloccati Modello avanzato Attiva il Ragionamento Suggerimenti di Risposta Messaggi di Follow-up Riconoscimento Vocale Download della Trascrizione Chat Incorporata
Analisi
Analisi delle Chat Registri Chat
Integrazioni
REST API Instagram Messenger WhatsApp Zapier Email App Mobile
Altro
Aggiungi alla Schermata Home Pulsante di Apertura Personalizzato
Chiedi all'IA

Come aggiungere il chatbot IA Asyntai a Bubble

Guida passo passo per le app Bubble

Ottieni il codice di incorporamento
Piattaforma:
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

Passaggio 1: ottieni il tuo codice di incorporamento

Per prima cosa, vai alla tua Dashboard Asyntai e scorri fino alla sezione "Codice di incorporamento". Copia il tuo codice di incorporamento univoco che apparirà così:

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

Nota: Il codice sopra è solo un esempio. Devi copiare il tuo codice di incorporamento univoco dalla tua Dashboard poiché contiene il tuo ID widget personale.

Passaggio 2: Utilizzo delle impostazioni dell'app (consigliato)

Bubble ha un modo integrato per aggiungere script personalizzati tramite le impostazioni dell'app:

  1. Accedi all'editor della tua app Bubble
  2. Vai su Settings nella barra laterale sinistra
  3. Clicca sulla scheda "Web App"
  4. Scorri verso il basso fino a "Advanced Settings"
  5. Trova la sezione "Custom headers and body"
  6. Incolla il codice di incorporamento Asyntai nel campo "Script in body"
  7. Distribuisci la tua app

Suggerimento: Aggiungere il codice nel campo script del body assicura che venga caricato su ogni pagina della tua app Bubble, che è l'approccio consigliato per i widget di chat. Questa funzionalità è disponibile su tutti i piani Bubble, incluso Free.

Alternativa: Utilizzo dell'elemento HTML

Se preferisci aggiungere il chatbot solo a una pagina specifica:

  1. Nell'editor Bubble, apri la pagina in cui desideri il chatbot
  2. Aggiungi un elemento HTML alla tua pagina
  3. Incolla il codice di incorporamento Asyntai nell'elemento
  4. Distribuisci la tua app

Nota: Il metodo tramite impostazioni dell'app è preferibile poiché applica il chatbot a tutta l'app. Il metodo con elemento HTML aggiungerà il chatbot solo alla pagina specifica in cui posizioni l'elemento.

Passaggio 3: verifica l'installazione

Dopo aver distribuito la tua app, visita il tuo sito Bubble in una nuova scheda del browser o in una finestra di navigazione in incognito. Dovresti vedere il pulsante del widget di chat nell'angolo in basso a destra. Cliccaci sopra per assicurarti che si apra e funzioni correttamente.

Non vedi il widget? Assicurati di aver distribuito la tua app dopo aver aggiunto il codice. Prova a svuotare la cache del browser o a visualizzare in una finestra di navigazione in incognito. Se stai testando in modalità sviluppo, assicurati di controllare anche la versione live della tua app.