ElevenAgents w Framer

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

Ten poradnik pomoże ci dodać agenta ElevenLabs do strony Framer.

Wymagania wstępne

Przykładowy projekt Convai dla Framer

Instrukcja

1

Otwórz edytor Framer

Otwórz stronę w edytorze Framer i kliknij główny widok desktopowy po lewej stronie.

2

Dodaj komponent ElevenAgents

Skopiuj i wklej poniższy adres URL na stronie, do której chcesz dodać agenta ElevenLabs:

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

Na pasku „Layers” po lewej zobaczysz teraz zasób ElevenAgents, a po prawej szczegóły komponentu ElevenAgents.

3

Uzupełnij dane agenta

Włącz agenta ElevenLabs, wpisując ID agenta na pasku po prawej stronie. ID agenta znajdziesz w panelu ElevenLabs.

Masz problem? Upewnij się, że komponent ElevenAgents znajduje się pod komponentem desktop w panelu warstw.

Przykładowy projekt Convai dla Framer
Przykładowy projekt Convai dla Framer

Następne kroki

Gdy dodasz agenta ElevenLabs do strony Framer, 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.