Vai alla navigazione
GuideNo-Code

ElevenAgents in Framer

Scopri come distribuire un agente ElevenLabs su Framer

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

Prerequisiti

  • Un agente ElevenLabs Agents creato seguendo questa guida
  • Un account e un sito web Framer, creane uno qui
Progetto di esempio Convai Framer

Guida

1

Apri l'editor di Framer

Apri il tuo sito web nell’editor di Framer e fai clic sul desktop principale a sinistra.

2

Aggiungi il componente ElevenAgents

Copia e incolla il seguente URL nella pagina in cui desideri aggiungere l’agente ElevenLabs:

https://framer.com/m/ConversationalAI-iHql.js@y7VwRka75sp0UFqGliIf

Ora vedrai una risorsa ElevenAgents nella barra “Layers” a sinistra e i dettagli del componente ElevenAgents a destra.

3

Inserisci i dettagli dell'agente

Abilita l’agente ElevenLabs inserendo l’ID dell’agente nella barra a destra. Puoi trovare l’ID dell’agente nella dashboard di ElevenLabs.

Hai problemi? Assicurati che il componente ElevenAgents sia posizionato sotto il componente desktop nel pannello dei livelli.

Progetto di esempio Convai Framer
Progetto di esempio Convai Framer

Passaggi successivi

Ora che hai aggiunto il tuo agente ElevenLabs al sito web Framer, 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.