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 Bolla di notifica 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 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 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

Come aggiungere il chatbot IA Asyntai a WordPress

Guida passo passo per i siti web WordPress

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: Scegli il metodo di installazione

Esistono diversi modi per aggiungere il widget di chat a WordPress. Scegli il metodo più adatto alle tue esigenze:

Metodo 1: Utilizzo di un plugin (consigliato)

Il modo più semplice per aggiungere il widget di chat è utilizzare un plugin come "Insert Headers and Footers" o "WPCode".

Utilizzo di WPCode (gratuito)

  1. Go to Plugins → Add New in your WordPress admin
  2. Cerca "WPCode" e installalo
  3. Attiva il plugin
  4. Vai su Code Snippets → Header & Footer
  5. Incolla il codice di integrazione Asyntai nella sezione "Footer"
  6. Clicca su "Save Changes"

Utilizzo di Insert Headers and Footers

  1. Go to Plugins → Add New in your WordPress admin
  2. Cerca "Insert Headers and Footers" di WPBeginner
  3. Installa e attiva il plugin
  4. Vai su Settings → Insert Headers and Footers
  5. Incolla il codice di integrazione Asyntai nella casella "Scripts in Footer"
  6. Clicca su "Save"

Perché usare un plugin? L'utilizzo di un plugin garantisce che il codice resti al suo posto anche quando aggiorni o cambi il tema WordPress.

Metodo 2: Modifica dei file del tema

Puoi aggiungere il codice direttamente ai file del tema. La posizione dell'editor dei file del tema dipende dalla versione di WordPress e dal tipo di tema.

Per i temi classici

  1. Vai su Aspetto → Editor file del tema nell'amministrazione WordPress
  2. Seleziona il tema attivo dal menu a discesa (se non è già selezionato)
  3. Trova e clicca su footer.php nell'elenco dei file sulla destra
  4. Scorri fino in fondo e trova il tag di chiusura </body>
  5. Incolla il codice di incorporamento Asyntai appena prima del tag </body>
  6. Clicca su "Update File"

Per i temi a blocchi (temi FSE)

Se stai utilizzando un tema basato su blocchi (come Twenty Twenty-Four o altri temi Full Site Editing), l'editor dei file del tema è stato spostato:

  1. Vai su Strumenti → Editor file del tema nell'amministrazione WordPress
  2. Seleziona il tema attivo dal menu a discesa
  3. Cerca footer.php o footer.html nell'elenco dei file
  4. Aggiungi il codice di integrazione Asyntai prima del tag di chiusura </body>
  5. Clicca su "Update File"

Nota: Alcuni temi a blocchi non hanno un file footer.php. In tal caso, utilizza il metodo con plugin (WPCode) che funziona con tutti i tipi di tema.

Importante: Gli aggiornamenti del tema sovrascriveranno le tue modifiche. Per una soluzione permanente, utilizza un tema figlio o il metodo con plugin.

Metodo 3: Utilizzo di Elementor

Se stai utilizzando Elementor, puoi aggiungere il codice tramite la funzione di codice personalizzato di Elementor.

Elementor Pro

  1. Vai su Elementor → Custom Code
  2. Clicca su "Add New"
  3. Assegna un nome come "Asyntai Chatbot"
  4. Imposta la posizione su "Before </body> End"
  5. Incolla il tuo codice di incorporamento Asyntai
  6. Set Display Conditions to "Entire Site"
  7. Clicca su "Publish"

Elementor Free

Se stai utilizzando la versione gratuita di Elementor, utilizza il metodo con plugin descritto sopra, poiché l'iniezione di codice personalizzato richiede Elementor Pro.

Passaggio 3: verifica l'installazione

Dopo aver aggiunto il codice, visita il tuo sito web 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 del sito. Cliccaci sopra per assicurarti che si apra e funzioni correttamente.

Non vedi il widget? Svuota la cache del browser e di qualsiasi plugin di cache WordPress. Se stai utilizzando un plugin di cache come WP Rocket o W3 Total Cache, svuota la cache dopo aver aggiunto il codice.