가이드노코드

Ghost의 ElevenAgents

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

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

사전 요구 사항

  • 이 가이드에 따라 생성한 ElevenLabs Agents 에이전트
  • Ghost 웹사이트(유료 플랜 또는 자체 호스팅)
  • Ghost 관리자 패널 액세스 권한

가이드

Ghost 사이트에 위젯을 추가하는 방법은 두 가지입니다.

1

임베드 코드 가져오기

ElevenLabs 대시보드를 방문하여 에이전트의 HTML 위젯을 복사합니다.

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

구현 방식 선택

옵션 A: 전체 페이지에 추가

  1. Ghost Admin > Settings > Code Injection으로 이동합니다.
  2. Site Footer에 코드를 붙여넣습니다.
  3. 변경 사항을 저장합니다.

옵션 B: 특정 페이지에 추가

  1. 원하는 페이지/게시물을 편집합니다.
    • 기호를 클릭하여 HTML 블록을 추가합니다.
  3. 1단계에서 복사한 에이전트의 HTML 위젯을 HTML 블록에 붙여넣습니다. agent-id 속성을 올바르게 입력했는지 확인하세요.
  4. 저장하고 게시합니다.
3

통합 테스트

  1. Ghost 웹사이트를 방문합니다.
  2. 위젯이 표시되고 올바르게 작동하는지 확인합니다.
  3. 다양한 기기와 브라우저에서 테스트합니다.

문제 해결

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

  • 코드가 Code Injection 또는 HTML 블록에 올바르게 배치되어 있는지
  • Ghost 플랜이 사용자 지정 코드를 지원하는지
  • 다른 스크립트와 JavaScript 충돌이 없는지

다음 단계

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

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