가이드노코드

WordPress의 ElevenAgents

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

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

사전 요구 사항

  • 이 가이드에 따라 생성한 ElevenLabs Agents 에이전트
  • 다음 중 하나를 갖춘 WordPress 웹사이트:
    • WordPress.com Business/Commerce 요금제 또는
    • 자체 호스팅 WordPress 설치

가이드

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. WordPress에서 원하는 페이지를 편집합니다.
  2. Custom HTML 블록을 추가합니다.
  3. <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> 스니펫을 블록에 붙여넣습니다.
  4. 페이지를 업데이트/게시합니다.
3

전역으로 스크립트 추가

옵션 A: 플러그인 사용

  1. Header Footer Code Manager를 설치합니다.
  2. Footer 섹션에 <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script> 스니펫을 추가합니다.
  3. 모든 페이지에서 실행되도록 설정합니다.

옵션 B: 테마 직접 편집

  1. Appearance > Theme Editor로 이동합니다.
  2. footer.php를 엽니다.
  3. </body> 앞에 스크립트 스니펫을 붙여넣습니다.

문제 해결

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

  • <script> 스니펫이 전역으로 추가되었는지
  • <elevenlabs-convai> 스니펫이 페이지에 올바르게 배치되었는지
  • 변경 후 사이트를 게시했는지

다음 단계

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

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