Vai alla navigazione
GuideNo-Code

ElevenAgents in Webflow

Scopri come distribuire un agente ElevenLabs su Webflow

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

Prerequisiti

  • Un agente ElevenLabs Agents creato seguendo questa guida
  • Un account Webflow con workspace Core, Growth, Agency o Freelancer (oppure un Site Plan)
  • Conoscenza di base del Designer di Webflow

Guida

1

Ottieni il codice di incorporamento

Visita la dashboard di ElevenLabs e trova il widget incorporabile 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

Aggiungi il widget alla pagina

  1. Apri il tuo progetto Webflow nel Designer
  2. Trascina un elemento Embed nella posizione desiderata
  3. Incolla lo snippet <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> nell’editor di codice dell’elemento Embed
  4. Seleziona Save & Close
3

Aggiungi lo script globalmente

  1. Vai a Project Settings > Custom Code
  2. Incolla lo snippet <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script> nella sezione Footer Code
  3. Seleziona Save Changes
  4. Pubblica il sito per visualizzare le modifiche

Nota: il widget sarà visibile solo dopo aver pubblicato il sito, non nel Designer.

Risoluzione dei problemi

Se il widget non appare, verifica che:

  • Lo snippet <script> sia nella sezione Footer Code
  • Lo snippet <elevenlabs-convai> sia posizionato correttamente in un elemento Embed
  • Tu abbia pubblicato il sito dopo aver apportato le modifiche

Passaggi successivi

Ora che hai aggiunto il tuo agente ElevenLabs a Webflow, 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