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 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 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 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.