PrzewodnikiNo-Code

ElevenAgents w Webflow

Dowiedz się, jak wdrożyć agenta ElevenLabs w Webflow

Ten poradnik pokaże ci, jak dodać agenta ElevenLabs Agents do strony Webflow.

Wymagania wstępne

  • Agent ElevenLabs Agents utworzony zgodnie z tym poradnikiem
  • Konto Webflow z planem Core, Growth, Agency lub Freelancer Workspace (albo Site Plan)
  • Podstawowa znajomość Designera Webflow

Poradnik

1

Pobierz kod osadzania

Wejdź na panel ElevenLabs i znajdź widget osadzania swojego agenta.

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

Dodaj widget do strony

  1. Otwórz projekt Webflow w Designerze
  2. Przeciągnij element Embed w wybrane miejsce
  3. Wklej fragment <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> do edytora kodu elementu Embed
  4. Zapisz i zamknij
3

Dodaj skrypt globalnie

  1. Przejdź do Project Settings > Custom Code
  2. Wklej fragment <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script> do sekcji Footer Code
  3. Zapisz zmiany
  4. Opublikuj stronę, aby zobaczyć zmiany

Uwaga: widget będzie widoczny dopiero po opublikowaniu strony, nie w Designerze.

Rozwiązywanie problemów

Jeśli widget się nie pojawia, sprawdź:

  • Czy fragment <script> znajduje się w sekcji Footer Code
  • Czy fragment <elevenlabs-convai> jest poprawnie umieszczony w elemencie Embed
  • Czy opublikowałeś stronę po wprowadzeniu zmian

Kolejne kroki

Po dodaniu agenta ElevenLabs do Webflow możesz:

  1. Dostosować widget w panelu ElevenLabs do swojej marki
  2. Dodać kolejne języki
  3. Dodać zaawansowane funkcje, takie jak narzędzia i baza wiedzy