Aggiungere un chatbot ChatLab al tuo sito WordPress consente ai visitatori di interagire con il tuo assistente AI direttamente sul tuo sito. Ci sono due metodi di installazione: il plugin WordPress (consigliato) o l'incorporamento manuale del codice.
Prima di iniziare
Crea e allena il tuo chatbot prima di condividerlo con i clienti. Per l'installazione, devi anche disporre dei permessi per modificare e pubblicare il sito web. Consulta Come creare il tuo primo chatbot.
Passaggio 1 - Apri la scheda Deploy in ChatLab
- Accedi a ChatLab e seleziona il chatbot che desideri incorporare
- Fai clic sulla scheda Deploy (Pubblica), quindi seleziona WordPress dal pannello delle piattaforme a destra
Il pannello di WordPress mostra due schede: Plugin Installation (Installazione tramite plugin) e Manual Installation (Installazione manuale).
Metodo 1: Plugin WordPress (consigliato)
Il metodo con il plugin è il modo più semplice per aggiungere ChatLab a WordPress - non è richiesta alcuna modifica al codice.
- Fai clic su Get the plugin on WordPress.org (Scarica il plugin su WordPress.org) per aprire la pagina del plugin su wordpress.org
- Installa e attiva il plugin "ChatLab - AI Chatbot" dalla directory dei plugin di WordPress
- Nel pannello di amministrazione di WordPress, apri ChatLab e fai clic su Continue (Continua). Per un negozio WooCommerce, lascia selezionata l'opzione WooCommerce integration (Integrazione WooCommerce) se desideri anche la ricerca dei prodotti e la consultazione degli ordini.
- Accedi al tuo account ChatLab e scegli il chatbot che vuoi mostrare.
- Completa la procedura guidata di connessione e torna a WordPress. Il plugin installa il widget automaticamente.
- Apri il tuo sito web in un browser per verificare che l'icona del chatbot appaia
Metodo 2: Installazione manuale
Se preferisci incorporare il codice manualmente, fai clic sulla scheda Manual Installation.
- Installa e attiva un plugin per la gestione del codice nell'header, come WPCode (precedentemente noto come Insert Headers and Footers).
- Per WPCode, apri Code Snippets > Header & Footer. Consulta le istruzioni per header e footer di WPCode.
- In ChatLab, scegli tra Widget (popup di chat attivato da un'icona di chat) o Iframe (chat sempre visibile incorporata nella pagina). Consulta Qual è la differenza tra widget e Iframe? per un confronto
- Fai clic su Copy to clipboard (Copia negli appunti) per copiare il codice
- Per il Widget, incolla il codice nel campo Header e salva. Per l'Iframe, incollalo in un blocco di contenuto HTML nella pagina in cui deve apparire la chat, utilizzando un account o un editor che consenta l'HTML per iframe, quindi aggiorna o pubblica la pagina. Non incollare un iframe nell'header.
- Aggiorna il tuo sito web per verificare che il chatbot appaia
Verifica dell'installazione
Dopo aver completato uno dei due metodi, apri il tuo sito WordPress in un browser. Dovresti visualizzare l'icona della chat nell'angolo della pagina (modalità widget) oppure la finestra di chat incorporata nella pagina (modalità iframe). Fai clic sull'icona per aprire la chat e invia un messaggio di prova per verificare che tutto funzioni correttamente.