Torna alla Dashboard

Documentazione

Scopri come usare Asyntai

Per iniziare
Installazione Knowledge Base Come l'IA accede ai tuoi contenuti Collega il tuo sito Testa la Tua IA Gestisci i Siti Web
Personalizzazione
Design del pulsante di chat Icona del pulsante di chat 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 Passare da un altro chatbot Confronta i Piani
Funzionalità
Barra Ask AI Barra di ricerca IA Ricerca IA per WordPress AI Search for Joomla AI Search for Webflow AI Search for Moodle AI Search for TYPO3 AI Search for Craft CMS AI Search for Grav AI Search for October CMS AI Search for ProcessWire AI Search for Odoo AI Search for Bagisto AI Search for OpenCart AI Search for BigCommerce AI Search for Magento Scansione del Sito Web Lacune di conoscenza Schede Prodotto Schede Prodotto Dinamiche Immagini dinamiche Contesto utente Strumenti personalizzati Parametri dei link 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 Autenticazione a due fattori Includi Immagini Visione Immagini Widget di Traduzione Localizzazione Trasparenza dell'IA Contatti Acquisizione Contatti Intelligente Ticket di Supporto Categorie di chat Prenotazioni Incorporamenti Escludi Pagine IP bloccati Criteri di conservazione Modalità zero conservazione Mascheramento PII Classificatore delle risposte Access Tags Blocco della versione del widget Registro di controllo Modello avanzato Attiva il Ragionamento Suggerimenti di Risposta Messaggi di Follow-up Riconoscimento Vocale Download della Trascrizione Chat Incorporata Incorporamento con iframe
Analisi
Analisi delle Chat Registri Chat
Integrazioni
REST API Connettore MCP Instagram Messenger WhatsApp Discord Zulip Bitrix24 phpBB NodeBB Wagtail HumHub XenForo Rocket.Chat WHMCS FOSSBilling FreeScout Crisp Airtable Trello Matomo Shoplazza Jumpseller ShopRenter Shift4Shop ActiveCampaign Browser Extension Raycast Astro Nuxt Obsidian Attio SuiteCRM YouTrack Kit nopCommerce Nuvemshop Squarespace Coda Thinkific Docusaurus Google Tag Manager CS-Cart XWiki MediaWiki DokuWiki Webex Activepieces Albato Zapier Email Notion Google Sheets GitBook Confluence Jira Service Management Contao Zoho Desk App Mobile
Altro
Aggiungi alla Schermata Home Pulsante di Apertura Personalizzato Pulsanti Chiedi all'IA Pagamento non riuscito?
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>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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.