PrzewodnikiNo-Code

ElevenAgents w Squarespace

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

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

Wymagania wstępne

  • Agent ElevenLabs Agents utworzony zgodnie z tym poradnikiem
  • Plan Squarespace Business lub Commerce (wymagany do własnego kodu)
  • Podstawowa znajomość edytora Squarespace

Poradnik

1

Pobierz kod osadzania

Wejdź do panelu ElevenLabs i znajdź widżet 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 widżet do strony

  1. Przejdź do wybranej strony
  2. Kliknij +, aby dodać blok
  3. Wybierz Code z menu
  4. Wklej fragment <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> do bloku Code
  5. Zapisz blok
3

Dodaj skrypt globalnie

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

Uwaga: widżet będzie widoczny tylko na opublikowanej stronie, nie w podglądzie edytora.

Rozwiązywanie problemów

Jeśli widżet się nie wyświetla, sprawdź:

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

Kolejne kroki

Po dodaniu agenta ElevenLabs do Squarespace możesz:

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