Hoppa till navigering
GuiderUtan kod

ElevenAgents i Webflow

Lär dig distribuera en ElevenLabs-agent till Webflow

Den här guiden visar hur du lägger till din ElevenAgents-agent på din Webflow-webbplats.

Förutsättningar

  • En ElevenAgents-agent som skapats enligt den här guiden
  • Ett Webflow-konto med Core-, Growth-, Agency- eller Freelancer Workspace (eller Site Plan)
  • Grundläggande kännedom om Webflows Designer

Guide

1

Hämta din inbäddningskod

Gå till ElevenLabs-kontrollpanelen och hitta agentens inbäddningswidget.

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

Lägg till widgeten på din sida

  1. Öppna ditt Webflow-projekt i Designer
  2. Dra ett Embed Element till önskad plats
  3. Klistra in kodavsnittet <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> i kodredigeraren för Embed Element
  4. Spara och stäng
3

Lägg till skriptet globalt

  1. Gå till Project Settings > Custom Code
  2. Klistra in kodavsnittet <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script> i avsnittet Footer Code
  3. Spara ändringarna
  4. Publicera din webbplats för att se ändringarna

Obs! Widgeten visas först när du har publicerat webbplatsen, inte i Designer.

Felsökning

Om widgeten inte visas, kontrollera följande:

  • Kodavsnittet <script> finns i avsnittet Footer Code
  • Kodavsnittet <elevenlabs-convai> är korrekt placerat i ett Embed Element
  • Du har publicerat webbplatsen efter ändringarna

Nästa steg

Nu när du har lagt till din ElevenLabs-agent i Webflow kan du:

  1. Anpassa widgeten i ElevenLabs-kontrollpanelen efter ditt varumärke
  2. Lägga till fler språk
  3. Lägga till avancerade funktioner som verktyg och kunskapsbas