Vai alla navigazione
GuideNo-Code

ElevenAgents in Ghost

Scopri come distribuire un agente ElevenLabs su Ghost

Questo tutorial ti guiderà nell’aggiunta del tuo agente ElevenLabs Agents al tuo sito web Ghost.

Prerequisiti

  • Un agente ElevenLabs Agents creato seguendo questa guida
  • Un sito web Ghost (piano a pagamento o self-hosted)
  • Accesso al pannello di amministrazione di Ghost

Guida

Esistono due modi per aggiungere il widget al tuo sito Ghost:

1

Ottieni il codice di incorporamento

Vai alla dashboard di ElevenLabs e copia il widget HTML del tuo agente.

<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>
<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>
2

Scegli l'implementazione

Opzione A: aggiungi globalmente (tutte le pagine)

  1. Vai su Ghost Admin > Settings > Code Injection
  2. Incolla il codice in Site Footer
  3. Salva le modifiche

Opzione B: aggiungi a pagine specifiche

  1. Modifica la pagina o il post desiderato
  2. Fai clic sul segno + per aggiungere un blocco HTML
  3. Incolla nel blocco HTML il widget HTML del tuo agente dal passaggio 1. Assicurati di compilare correttamente l’attributo agent-id.
  4. Salva e pubblica
3

Testa l'integrazione

  1. Visita il tuo sito web Ghost
  2. Verifica che il widget venga visualizzato e funzioni correttamente
  3. Esegui test su dispositivi e browser diversi

Risoluzione dei problemi

Se il widget non viene visualizzato, verifica che:

  • Il codice sia inserito correttamente in Code Injection o in un blocco HTML
  • Il tuo piano Ghost supporti il codice personalizzato
  • Non ci siano conflitti JavaScript con altri script

Passaggi successivi

Ora che hai aggiunto il tuo agente ElevenLabs a Ghost, puoi:

  1. Personalizzare il widget nella dashboard di ElevenLabs in base al tuo brand
  2. Aggiungere altre lingue
  3. Aggiungere funzionalità avanzate come strumenti e knowledge base