연결하기

SDK 불러오기

---

static 파일의 <body/> 태그 아래에 아래 코드를 작성합니다.

<script src="https://sdk.bublitt.com/bublitt-{version}-io.js" />

버전이 포함된 자세한 정보는 SDK 주소 및 키 가져오기 에서 확인 할 수 있습니다.

초기화하기

---

init 메서드를 사용하여 SDK를 초기화합니다. 초기화 작업은 챗봇의 기본 데이터를 생성하는데에 필요한 작업입니다.

const bublitt = window.Bublitt;

bublitt.init({
    serviceName: {string},
    serviceKey: {string},
});

파라미터	타입	필수 여부	설명
serviceName	string	필수	챗봇의 서비스 명으로 사용할 값
serviceKey	string	필수	어드민에서 제공받은 프로젝트 키

시작하기

---

create 메서드를 사용하여 SDK를 시작합니다. 해당 작업은 함수와 같이 작동하여 이벤트 형식으로 사용할 수 있습니다.

const bublitt = window.Bublitt;

bublitt.create({
    title: {string},
    renderFloatingBadge: {boolean}
})

파라미터	타입	필수 여부	설명
title	string	필수	챗봇의 타이틀 이름을 설정합니다
renderFloatingBadge	boolean	필수	Badge 버튼의 렌더링 유무를 선택합니다
titleColor	string(hex)	선택	타이틀 컬러를 변경합니다
headerBackgroundColor	string(hex)	선택	헤더의 배경 색상을 변경합니다
closeButtonColor	string(hex)	선택	챗봇의 닫기 버튼 컬러를 변경합니다
chatWidth	number	선택	챗봇의 가로 크기를 변경합니다
chatHeight	number	선택	챗봇의 세로 크기를 결정합니다
backgroundColor	string(hex)	선택	대화 영역의 배경 색상을 변경합니다
bubbleBackgroundColor	string(hex)	선택	사용자 채팅 배경 색상을 변경합니다
bubbleTextColor	string(hex)	선택	사용자 채팅 텍스트 색상을 변경합니다
timeStampColor	string(hex)	선택	사용자 채팅 타임스탬프 색상을 변경합니다
agentBubbleBackgroundColor	string(hex)	선택	에이전트 채팅 배경 영역 색상을 변경합니다
agentTextColor	string(hex)	선택	에이전트 채팅 텍스트 색상을 변경합니다
agentTimeStampColor	string(hex)	선택	에이전트 채팅 타임스탬프 색상을 변경합니다
inputBackgroundColor	string(hex)	선택	채팅 입력란 배경 영역 색상을 변경합니다
inputPlaceholderColor	string(hex)	선택	채팅 입력란 플레이스홀더 색상을 변경합니다
inputPlaceholder	string	선택	채팅 입력란 플레이스홀더 값을 변경합니다
welcomeMessage	string[]	선택	웰컴 메시지를 변경합니다
customBadgeButton	string[]	지원 예정	사용자가 작성한 임의의 뱃지 버튼을 사용합니다