가이드노코드

Wix의 ElevenAgents

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

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

사전 요구 사항

  • 이 가이드에 따라 생성한 ElevenLabs Agents 에이전트
  • Wix Premium 계정(사용자 지정 코드에 필요)
  • Dev Mode가 활성화된 Wix Editor 액세스 권한

가이드

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

Dev Mode 활성화

  1. Editor에서 Wix 사이트를 엽니다.
  2. 상단 메뉴에서 Dev Mode를 클릭합니다.
  3. Dev Mode가 보이지 않으면 Wix ADI가 아닌 전체 Wix Editor를 사용하고 있는지 확인하세요.
3

임베드 스니펫 추가

  1. Settings > Custom Code로 이동합니다.
    • Add Custom Code를 클릭합니다.
  3. 1단계에서 복사한 ElevenLabs 임베드 스니펫을 붙여넣고 agent-id 속성이 올바르게 입력되었는지 확인합니다.
  4. ElevenAgents 위젯을 추가할 페이지(모든 페이지 또는 특정 페이지)를 선택합니다.
  5. 저장하고 게시합니다.

문제 해결

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

  • Wix Premium 요금제를 사용하고 있는지
  • 사이트 도메인이 ElevenLabs 허용 목록에 올바르게 구성되어 있는지
  • Custom Code 섹션에 코드가 올바르게 추가되었는지

다음 단계

ElevenLabs 에이전트를 Wix에 추가했다면 다음을 할 수 있습니다.

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