커스터 마이징

0.2.6 버전 이상에서 지원하는 기능입니다.

일반 디자인 변경하기

버블잇 SDK에서는 CSS 선택자를 이용한 커스터마이징을 허용하고 있습니다.

# 예시

#bublitt_agentBubble {
    background-color: #ffffff;    
}

뱃지 버튼 변경하기

일반적으로 제공하는 기존 뱃지 버튼 외에 직접 만든 HTML 요소를 뱃지 버튼으로 사용할 수 있습니다.

# 예시

<button class="webchat-button">챗봇 커스텀 버튼</button>

HTML로 작성한 임의의 웹챗 뱃지 버튼은 아래와 같이 설정하여 SDK와 연결할 수 있습니다.

# 예시

bublitt.create({
    title: "테스트 웹챗",
    renderFloatingBadge: false,
    customBadgeButton: [".webchat-button"]
})