ClickFunnels에 Chatbot Builder AI를 원활하게 통합하는 방법

ClickFunnels에 Chatbot Builder AI Webchat 위젯을 embedding하려면 다음 단계를 따르세요:

1. Chatbot Builder AI 플랫폼에서 웹 채팅 코드를 얻으세요. "설정" > "채널" > "웹 채팅" 섹션으로 이동하여 사용할 웹 채팅을 선택하면 찾을 수 있습니다.

2. ClickFunnels에서 새로운 "사용자 정의 HTML & JavaScript" 블록을 만들고 웹 채팅 코드를 붙여넣으세요.

3. ClickFunnels에는 웹 채팅 코드에 대한 플랫폼 특정 요구 사항이 있을 수 있습니다. 문제가 발생하면 Chatbot Builder AI 문서를 참조하여 ClickFunnels에 맞게 코드를 수정하는 방법을 확인하세요.

4. 코드를 붙여넣은 후 10분 정도 기다리면 ClickFunnels 페이지에 변경 사항이 반영됩니다. 이는 플랫폼의 알려진 제한 사항입니다.

5. 채팅 버튼 위에 텍스트 버블을 추가하는 등 웹 채팅 위젯을 추가로 사용자 정의하려면 Anthropic의 Claude와 같은 서비스를 사용할 수 있습니다. 요구 사항을 제공하면 필요한 코드를 제공해 드립니다.

6. 사용자 정의된 코드를 얻으면 ClickFunnels "사용자 정의 HTML & JavaScript" 블록의 원래 웹 채팅 코드를 새 코드로 바꾸세요. 그러면 10분 후 페이지에 변경 사항이 반영됩니다.

이 단계를 따르면 ClickFunnels 페이지에 Chatbot Builder AI Webchat 위젯을 쉽게 embedding할 수 있으며, 고급 웹 개발 기술 없이도 사용자 정의할 수 있습니다.

Chatbot Builder AI 웹 채팅 위젯을 사용자 정의하고 특정 스타일의 텍스트 버블을 추가하려면 다음 단계를 따르세요:

1. Chatbot Builder AI 대시보드에서 원래 웹 채팅 스크립트 코드를 얻으세요.
2. Anthropic의 Claude와 같은 서비스를 사용하여 원하는 텍스트 버블과 스타일이 포함된 수정된 코드를 생성하세요. 다음 지침을 제공하세요:
   • "여기 웹 채팅 플러그인 스크립트 코드가 있습니다. 웹 채팅 버튼 위에 텍스트 버블을 추가해 주세요. 텍스트는 '질문이 있으시면 여기서 문의해 주세요'입니다. 텍스트는 매우 좁고 모바일 반응형이어야 하며, 테두리 반경은 16픽셀입니다. 텍스트 표시 지연 시간은 5초입니다."
   • "텍스트 버블의 배경색을 흰색으로 변경하고 채팅 버튼과 텍스트 버블 사이에 공간을 추가해 주세요."
3. 생성된 코드에는 텍스트 버블과 스타일이 적용된 사용자 정의 웹 채팅 위젯을 구현하는 데 필요한 HTML, CSS, JavaScript가 포함됩니다.
4. 웹사이트 또는 플랫폼(예: ClickFunnels)에서 수정된 웹 채팅 코드를 붙여넣을 적절한 섹션을 찾으세요(예: 사용자 정의 HTML/JavaScript 블록).
5. 코드를 업데이트한 후 10분 정도 기다리면 라이브 웹사이트 또는 플랫폼에 변경 사항이 반영됩니다.
6. 페이지를 새로 고치면 텍스트 버블과 스타일이 적용된 사용자 정의 웹 채팅 위젯을 볼 수 있습니다.

이 섹션에서는 ClickFunnels에 ChatbotBuilder AI 웹 채팅 플러그인을 설치하는 과정을 다루었습니다. 주요 내용은 다음과 같습니다:

1. ChatbotBuilder AI 플랫폼에서 웹 채팅 코드를 얻어 ClickFunnels의 사용자 정의 JavaScript 및 HTML 블록에 붙여넣습니다.
2. 변경 사항이 ClickFunnels 페이지에 반영되려면 최대 10분이 소요될 수 있으므로 기다려야 합니다.
3. 웹 채팅 위젯을 추가로 사용자 정의하려면 Clowd.ai와 같은 서비스를 사용하여 채팅 버튼 위에 텍스트 버블을 추가하고, 배경색을 변경하며, 간격을 조정할 수 있습니다.
4. 이러한 단계를 따르면 고급 웹 개발 기술 없이도 ClickFunnels 페이지에 ChatbotBuilder AI 웹 채팅 플러그인을 쉽게 통합할 수 있습니다.