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 Framer

Guida passo passo per i siti web Framer

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 del codice personalizzato (consigliato)

Framer ha una funzione integrata di codice personalizzato che rende facile l'aggiunta di script:

  1. Apri il tuo progetto Framer
  2. Clicca sull'icona a forma di ingranaggio (Site Settings) in alto a sinistra
  3. Vai alla sezione "Custom Code"
  4. Clicca sul pulsante "Add Script"
  5. Incolla il codice di incorporamento Asyntai nel campo dello script
  6. Imposta la posizione su "End of <body> tag"
  7. Salva e pubblica il tuo sito

Suggerimento: Posizionare lo script alla fine del tag "End of <body> tag" garantisce che venga caricato dopo il contenuto della pagina, come consigliato per i widget di chat e senza rallentare il caricamento della pagina. Framer offre anche le opzioni "Start of <head>" e "End of <head>", ma la fine del body è preferibile.

Alternativa: Utilizzo del componente codice

Se preferisci aggiungere il chatbot usando un componente codice:

  1. Nell'editor Framer, apri la pagina in cui vuoi il chatbot
  2. Aggiungi un componente codice al tuo canvas
  3. Incolla il codice di incorporamento Asyntai nel componente
  4. Posizionalo nel tuo layout come necessario

Nota: Il metodo del codice personalizzato è preferibile poiché applica il chatbot a livello di sito su tutte le pagine. Il metodo del componente codice potrebbe aggiungere il chatbot solo alla pagina specifica in cui posizioni il componente.

Passaggio 3: verifica l'installazione

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

Non vedi il widget? Assicurati di aver salvato e pubblicato il sito dopo aver aggiunto il codice. Prova a svuotare la cache del browser o a visualizzare in una finestra di navigazione in incognito. Se usi un dominio personalizzato, le modifiche potrebbero richiedere qualche minuto per propagarsi.