Passa al contenuto principale

Helvira AI ChatBot - WordPress

Chatbot alimentato dall'IA con capacità RAG per WordPress

Introduzione

Helvira AI ChatBot è un potente plugin WordPress che aggiunge un chatbot intelligente alimentato dall'IA al tuo sito web. Il chatbot utilizza la tecnologia RAG (Retrieval-Augmented Generation) per rispondere alle domande sui contenuti del tuo sito, prodotti e servizi.

Funzionalità principali

  • 🤖 Risposte alimentate dall'IA - Utilizza modelli linguistici avanzati per conversazioni naturali
  • 📚 Tecnologia RAG - Indicizza automaticamente i tuoi contenuti per risposte accurate
  • 🛒 Integrazione WooCommerce - Assistente allo shopping con gestione del carrello
  • 🌍 Supporto multilingue - Rileva automaticamente e risponde nella lingua dell'utente
  • 🎨 Design personalizzabile - Adatta al tuo brand con colori, gradienti e loghi personalizzati
  • 📱 Responsive mobile - Funziona perfettamente su tutti i dispositivi
  • 💬 Cronologia conversazioni - Mantiene il contesto durante tutta la sessione di chat

Requisiti

RequisitoMinimoRaccomandato
WordPress5.8+6.0+
PHP7.4+8.0+
MySQL5.7+8.0+
WooCommerce6.0+ (opzionale)8.0+

Requisiti server

  • Estensione PHP cURL abilitata
  • Estensione PHP JSON abilitata
  • Connessioni HTTPS in uscita consentite (per chiamate API)

Installazione

Metodo 1: Upload tramite admin WordPress

  1. Scarica il file ZIP del plugin
  2. Vai su Admin WordPress → Plugin → Aggiungi nuovo
  3. Clicca su Carica plugin
  4. Seleziona il file ZIP e clicca su Installa ora
  5. Clicca su Attiva plugin

Metodo 2: Installazione manuale (FTP)

  1. Estrai il file ZIP del plugin
  2. Carica la cartella helvira in /wp-content/plugins/
  3. Vai su Admin WordPress → Plugin
  4. Trova "Helvira AI Chat" e clicca su Attiva

Configurazione

Dopo l'attivazione, vai su Admin WordPress → Helvira Chat per configurare il plugin.

Impostazioni generali

Abilita chatbot

Attiva questa opzione per mostrare o nascondere il chatbot sul tuo sito.

  • Abilitato: Il chatbot è visibile a tutti i visitatori
  • Disabilitato: Il chatbot è nascosto (utile per manutenzione)

Titolo chat

Il titolo visualizzato nell'intestazione del widget chat.

Esempio: "Chatta con noi", "Hai bisogno di aiuto?", "Chiedimi qualsiasi cosa"

Messaggio di benvenuto

Il primo messaggio visualizzato quando un visitatore apre la chat.

Best practice:

  • Mantienilo amichevole e conciso
  • Menziona in cosa il chatbot può aiutare
  • Considera il tono del tuo brand

Esempio:

Ciao! 👋 Sono qui per aiutarti a scoprire i nostri prodotti e servizi. Cosa vorresti sapere?

Configurazione API

Chiave API

La tua chiave API Helvira è necessaria per il funzionamento del chatbot.

Come ottenere una chiave API:

  1. Vai su chat.helvira.ai
  2. Crea un account o accedi
  3. Naviga su Impostazioni → Account → Chiavi API → Mostra
  4. Copia la chiave e incollala nelle impostazioni del plugin

⚠️ Nota sulla sicurezza: Non condividere mai la tua chiave API pubblicamente. Il plugin la memorizza in modo sicuro nel tuo database WordPress.

Modello IA

Scegli il tuo modello in base al tuo abbonamento:

Nome modello
Gemmini Light (Gemma3) Standard
Gemmini (Gemma3) Premium
OSS (gpt-oss) Premium

Impostazioni aspetto

Stile colore

Scegli tra due modalità di colore:

Colore solido

  • Un solo colore per tutti gli elementi
  • Look pulito e professionale
  • Ideale per design minimalisti

Gradiente

  • Effetto gradiente a due colori
  • Aspetto moderno e dinamico
  • Direzione personalizzabile

Colore primario

Il colore principale utilizzato per:

  • Pulsante chat
  • Sfondo intestazione
  • Pulsante invio
  • Bolle messaggi utente

Predefinito: #667eea (Blu-viola)

Colore secondario (solo gradiente)

Il secondo colore per gli effetti gradiente.

Predefinito: #764ba2 (Viola)

Direzione gradiente

Scegli come fluisce il gradiente:

OpzioneDirezione
↘️ DiagonaleAlto-sinistra verso basso-destra (135deg)
→ OrizzontaleSinistra verso destra
↓ VerticaleAlto verso basso
↗️ Diagonale ascendenteBasso-sinistra verso alto-destra (45deg)

Posizione widget

Dove appare il pulsante chat sul tuo sito:

  • Basso destra (raccomandato) - Posizione standard, non interferisce con il contenuto
  • Basso sinistra - Posizione alternativa per siti RTL o per preferenza
  • Alto sinistra
  • Alto destra

Logo personalizzato

Carica un'immagine personalizzata per il pulsante chat.

Specifiche:

  • Formato: PNG (con trasparenza) o JPG
  • Dimensione: 40x40 pixel raccomandato
  • Peso file: Sotto 100KB per migliori prestazioni

Per caricare:

  1. Clicca su Carica
  2. Seleziona o carica un'immagine
  3. Clicca su Usa questa immagine

Indicizzazione contenuti

Il sistema RAG indicizza i contenuti del tuo sito così l'IA può rispondere alle domande con precisione.

Tipi di post da indicizzare

Seleziona quali tipi di contenuto devono essere ricercabili:

  • Articoli - Post del blog, articoli
  • Pagine - Pagine statiche, chi siamo, contatti
  • Prodotti - Prodotti WooCommerce (se installato)

Raccomandazione: Abilita tutti i tipi di contenuto pubblici per una copertura completa.

Chunk di contesto massimi

Quanti chunk di contenuto includere nel contesto IA (1-20).

ImpostazioneCompromesso
1-3Più veloce, meno contesto
4-6Bilanciato (raccomandato)
7-10Più contesto, più lento
11-20Contesto massimo, più lento

Predefinito: 5 chunk

Dimensione chunk (parole)

Numero di parole per chunk di contenuto (100-2000).

  • Chunk più piccoli (100-300): Corrispondenza più precisa, meno contesto per chunk
  • Chunk più grandi (500-1000): Più contesto, potenzialmente meno preciso
  • Predefinito: 500 parole

Sovrapposizione chunk (parole)

Sovrapposizione tra chunk consecutivi per continuità (0-500).

  • Perché la sovrapposizione? Assicura che le informazioni importanti ai confini dei chunk non vengano perse
  • Predefinito: 100 parole

Reindicizzazione contenuti

Clicca su Reindicizza tutti i contenuti per ricostruire l'indice dei contenuti. Fallo dopo:

  • Aggiunta o aggiornamento di contenuti significativi
  • Modifica dei tipi di post indicizzati
  • Modifica delle impostazioni dimensione/sovrapposizione chunk
  • Configurazione iniziale del plugin

ℹ️ La reindicizzazione può richiedere diversi minuti per siti di grandi dimensioni.


Integrazione WooCommerce

Se WooCommerce è installato, diventano disponibili funzionalità aggiuntive.

Abilita assistente allo shopping

Quando abilitato, il chatbot può:

  • 🛒 Visualizzare contenuto carrello - Vedere quali articoli sono nel carrello del cliente
  • Aggiungere prodotti - Aggiungere articoli al carrello via chat
  • Rimuovere prodotti - Rimuovere articoli dal carrello
  • 🎫 Applicare coupon - Applicare codici sconto
  • 📦 Informazioni prodotto - Fornire dettagli sui prodotti
  • 💡 Raccomandazioni - Suggerire prodotti rilevanti

Esempi di conversazione

Aggiunta al carrello:

Utente: Aggiungi questo prodotto al mio carrello
Bot: ✓ "Nome prodotto" aggiunto al tuo carrello. Il tuo carrello ora contiene 2 articoli.

Applicazione coupon:

Utente: Ho un codice sconto RISPARMIA20
Bot: ✓ Coupon "RISPARMIA20" applicato! Stai risparmiando il 20% sul tuo ordine.

Domande sui prodotti:

Utente: È disponibile?
Bot: Sì! Il "Nome prodotto" è attualmente disponibile con 15 unità.
Il prezzo è 49,99€. Vuoi che lo aggiunga al tuo carrello?

Funzionalità

Supporto multilingue

Il chatbot rileva automaticamente e risponde nella lingua dell'utente.

Lingue supportate per il carrello:

  • 🇬🇧 English
  • 🇫🇷 Français
  • 🇩🇪 Deutsch
  • 🇪🇸 Español
  • 🇮🇹 Italiano

Come funziona:

  1. L'utente invia un messaggio nella sua lingua
  2. L'IA rileva la lingua
  3. La risposta viene generata nella stessa lingua

Consapevolezza del contesto della pagina

Il chatbot sa quale pagina il visitatore sta attualmente visualizzando.

Esempio:

Utente: Puoi riassumere questa pagina?
Bot: Stai visualizzando la nostra pagina "Chi siamo". Questa pagina spiega
la storia della nostra azienda, fondata nel 2010, la nostra missione
di fornire prodotti di qualità, e presenta il nostro team di oltre 50 dipendenti...

Cronologia conversazioni

  • La cronologia chat viene conservata durante la sessione
  • L'IA ricorda il contesto dei messaggi precedenti
  • Gli utenti possono cancellare la cronologia con il pulsante 🗑️

Citazione delle fonti

Quando risponde dai contenuti indicizzati, il chatbot può mostrare le fonti:

Bot: La nostra politica di reso consente resi entro 30 giorni dall'acquisto...

Fonti:
• Politica di reso
• FAQ - Spedizione & Resi

Come funziona

RAG (Retrieval-Augmented Generation)

┌─────────────────────────────────────────────────────────────┐
│ Messaggio utente │
└─────────────────────────────────────────────────────────────┘


┌─────────────────────────────────────────────────────────────┐
│ 1. Rilevamento intento │
│ Determinare se è domanda chat o azione carrello │
└─────────────────────────────────────────────────────────────┘

┌───────────────┴───────────────┐
▼ ▼
┌─────────────────────────┐ ┌─────────────────────────┐
│ Domanda chat │ │ Azione carrello │
└─────────────────────────┘ └─────────────────────────┘
│ │
▼ ▼
┌─────────────────────────┐ ┌─────────────────────────┐
│ 2. Cerca contenuti │ │ 2. Esegui azione │
│ indicizzati (RAG) │ │ (Aggiungi/Rimuovi) │
└─────────────────────────┘ └─────────────────────────┘
│ │
▼ ▼
┌─────────────────────────┐ ┌─────────────────────────┐
│ 3. Costruisci contesto │ │ 3. Conferma azione │
│ + Info pagina │ │ + Aggiorna carrello │
└─────────────────────────┘ └─────────────────────────┘
│ │
▼ ▼
┌─────────────────────────────────────────────────────────────┐
│ 4. Risposta IA │
└─────────────────────────────────────────────────────────────┘


┌─────────────────────────────────────────────────────────────┐
│ Mostra all'utente │
└─────────────────────────────────────────────────────────────┘

Processo di indicizzazione contenuti

  1. Estrazione: Il contenuto viene estratto da articoli, pagine e prodotti
  2. Chunking: Il contenuto viene diviso in chunk gestibili
  3. Memorizzazione: I chunk vengono memorizzati nel database con metadati
  4. Recupero: I chunk rilevanti vengono recuperati in base alle query utente

Risoluzione problemi

Il chatbot non appare

Possibili cause e soluzioni:

CausaSoluzione
Plugin disabilitatoAbilitare in Helvira Chat → Impostazioni generali
Errore JavaScriptControllare la console del browser per errori
Conflitto temaTestare con tema predefinito
CacheSvuotare cache del sito e del browser

Errore "Chiave API non valida"

  1. Verifica che la chiave API sia corretta (nessuno spazio extra)
  2. Controlla se la chiave è scaduta
  3. Assicurati che il tuo account API sia attivo
  4. Testa la connessione nelle impostazioni

Il chatbot dà risposte sbagliate

  1. Reindicizza i contenuti - Clicca su "Reindicizza tutti i contenuti"
  2. Controlla i tipi di post indicizzati - Assicurati che i contenuti rilevanti siano indicizzati
  3. Aumenta i chunk massimi - Permetti più contesto per risposte migliori
  4. Rivedi la qualità dei contenuti - L'IA può usare solo ciò che è indicizzato

Risposte lente

CausaSoluzione
Dimensione chunk grandeRidurre la dimensione chunk a 300-500
Troppi chunkRidurre i chunk massimi a 3-5
API lentaControllare lo stato API, provare modello diverso
Problemi serverControllare risorse server

Azioni carrello WooCommerce non funzionano

  1. Assicurati che Abilita assistente allo shopping sia ON
  2. Controlla che WooCommerce sia attivo e aggiornato
  3. Verifica che il prodotto esista e sia disponibile
  4. Svuota i transient WooCommerce

La cronologia chat non si salva

  • La cronologia è memorizzata nel sessionStorage del browser
  • Si cancella alla chiusura della scheda (per design)
  • La modalità privata/incognito può bloccare la memorizzazione

FAQ

Domande generali

D: Il chatbot è gratuito? R: Il plugin è gratuito, ma richiede una chiave API da Helvira AI che può avere costi associati in base all'utilizzo.

D: Funziona con qualsiasi tema? R: Sì, Helvira Chat è progettato per funzionare con qualsiasi tema WordPress correttamente codificato.

D: Posso usarlo su più siti? R: Controlla i termini di licenza della tua chiave API. Alcuni piani permettono più siti.

D: I miei dati sono sicuri? R: Sì. Le conversazioni sono elaborate tramite connessioni HTTPS sicure. Non memorizziamo i dati delle conversazioni sui nostri server.

Domande tecniche

D: Influisce sulla velocità del sito? R: Il widget chat si carica in modo asincrono e ha un impatto minimo sul tempo di caricamento (~50KB).

D: Posso personalizzare la personalità dell'IA? R: L'IA si adatta al nome e alla descrizione del tuo sito. Prompt di sistema personalizzati potrebbero essere disponibili in versioni future.

D: Funziona con i page builder? R: Sì, compatibile con Elementor, Divi, Beaver Builder e altri.

D: Posso escludere determinate pagine? R: Non attualmente. Questa funzionalità è pianificata per una versione futura.

Domande WooCommerce

D: Il chatbot può processare pagamenti? R: No, può guidare gli utenti al checkout ma non gestisce l'elaborazione dei pagamenti.

D: Supporta prodotti variabili? R: Sì, può aggiungere prodotti variabili con le variazioni selezionate.

D: Può accedere alla cronologia ordini? R: Attualmente limitato. Le funzionalità complete di cronologia ordini sono pianificate.


Changelog

Versione 1.0.0 (Release iniziale)

  • ✅ Chatbot alimentato dall'IA con RAG
  • ✅ Indicizzazione contenuti per articoli, pagine, prodotti
  • ✅ Integrazione WooCommerce (azioni carrello)
  • ✅ Supporto multilingue
  • ✅ Aspetto personalizzabile (colori, gradienti, logo)
  • ✅ Design responsive mobile
  • ✅ Cronologia conversazioni
  • ✅ Consapevolezza contesto pagina
  • ✅ UI impostazioni admin moderna

Supporto

Documentazione: docs.helvira.ai

Email supporto: support@helvira.ai

Issues GitHub: github.com/helvira/chat-plugin/issues


Licenza

Questo plugin è sotto licenza GPL v2 o successiva.

Questo programma è software libero; puoi ridistribuirlo e/o modificarlo
secondo i termini della GNU General Public License come pubblicata dalla
Free Software Foundation; sia la versione 2 della Licenza, sia
(a tua scelta) qualsiasi versione successiva.

Fatto con ❤️ da Helvira AI