워드프레스 웹사이트에 ElevenLabs Conversational AI 추가하기

ElevenLabs Conversational AI는 고객 지원을 위해 인터랙티브한 AI 기반 경험을 제공하는 강력한 도구다. 워드프레스 사용자라면 HTML과 JavaScript를 활용해 이를 쉽게 통합할 수 있다.

통합을 위해서는 먼저 ElevenLabs에서 AI voice agent를 설정하고, <script>와 <div>가 포함된 임베드 코드를 준비해야 한다. 워드프레스.com 사용자의 경우 커스텀 JavaScript 추가를 위해 Business 또는 Commerce 플랜이 필요하다.

구현 방법은 다음과 같다:

• 특정 페이지에 추가: 워드프레스의 Custom HTML Block을 생성하고 ElevenLabs의 <div> 스니펫을 붙여넣는다.
• 전체 사이트에 적용: Header Footer Code Manager와 같은 플러그인을 사용하여 <script> 스니펫을 푸터(Footer)에 삽입하거나, 테마의 footer.php 파일에 직접 추가한다.

위젯이 표시되지 않는다면 스니펫의 위치를 확인하고, 정렬이 어긋날 경우 Custom CSS를 통해 스타일을 조정할 수 있다. 또한 다른 플러그인과의 충돌 여부도 점검해야 한다.