가이드노코드

Squarespace의 ElevenAgents

ElevenLabs 에이전트를 Squarespace에 배포하는 방법 알아보기

이 튜토리얼에서는 ElevenLabs Agents 에이전트를 Squarespace 웹사이트에 추가하는 방법을 안내합니다.

사전 요구사항

  • 이 가이드에 따라 생성한 ElevenLabs Agents 에이전트
  • Squarespace Business 또는 Commerce 플랜(사용자 지정 코드에 필요)
  • Squarespace 편집기에 대한 기본적인 이해

가이드

1

임베드 코드 가져오기

ElevenLabs 대시보드에서 에이전트의 임베드 위젯을 찾으세요.

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

페이지에 위젯 추가하기

  1. 원하는 페이지로 이동합니다
  2. 블록을 추가하려면 +를 클릭합니다
  3. 메뉴에서 Code를 선택합니다
  4. Code Block에 <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> 스니펫을 붙여 넣습니다
  5. 블록을 저장합니다
3

전역으로 스크립트 추가하기

  1. Settings > Advanced > Code Injection으로 이동합니다
  2. Footer 섹션에 <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script> 스니펫을 붙여 넣습니다
  3. 변경 사항을 저장합니다
  4. 변경 사항을 확인하려면 사이트를 게시합니다

참고: 위젯은 편집기 미리보기에서는 표시되지 않으며, 실제 게시된 사이트에서만 표시됩니다.

문제 해결

위젯이 표시되지 않는다면 다음을 확인하세요.

  • <script> 스니펫이 Footer Code Injection 섹션에 있는지
  • <elevenlabs-convai> 스니펫이 Code Block에 올바르게 배치되었는지
  • 변경 후 사이트를 게시했는지

다음 단계

이제 ElevenLabs 에이전트를 Squarespace에 추가했으므로 다음 작업을 할 수 있습니다.

  1. ElevenLabs 대시보드에서 브랜드에 맞게 위젯을 맞춤 설정합니다
  2. 추가 언어를 설정합니다
  3. 도구 및 지식 베이스 같은 고급 기능을 추가합니다