Interface ChatOptions

interface ChatOptions {
    backgroundColor?: string;
    basicPlaceholder?: string;
    chatbotPlaceholder?: string;
    chatWindowHeight?: number;
    chatWindowWidth?: number;
    isChatButtonCall?: "new" | "current";
    isConsultant?: boolean;
    isHelpdesk?: boolean;
    isNotice?: boolean;
    isPreviousHistory?: boolean;
    isResponseSpeed?: "normal" | "hide" | "fast" | "slow";
    isWorktime?: boolean;
    mobileButtonBottom?: number;
    mobileButtonLeft?: number;
    mobileButtonPosition?: "left" | "right";
    mobileButtonRight?: number;
    mobileButtonSize?: number;
    mobileHappytalkButtonChoice?: 2 | 1 | 3;
    mobileKakaotalkButtonChoice?: 2 | 1 | 3;
    mobileNavertalkButtonChoice?: 2 | 1 | 3;
    pcButtonBottom?: number;
    pcButtonLeft?: number;
    pcButtonPosition?: "left" | "right";
    pcButtonRight?: number;
    pcButtonSize?: number;
    pcHappytalkButtonChoice?: 2 | 1 | 3;
    pcKakaotalkButtonChoice?: 2 | 1 | 3;
    pcNavertalkButtonChoice?: 2 | 1 | 3;
    subTitle?: string;
    textColor?: string;
    theme?: "default" | "simple" | "banner" | "dark";
    title?: string;
    titleAlign?: "center" | "left" | "right";
}

Properties

backgroundColor? basicPlaceholder? chatbotPlaceholder? chatWindowHeight? chatWindowWidth? isChatButtonCall? isConsultant? isHelpdesk? isNotice? isPreviousHistory? isResponseSpeed? isWorktime? mobileButtonBottom? mobileButtonLeft? mobileButtonPosition? mobileButtonRight? mobileButtonSize? mobileHappytalkButtonChoice? mobileKakaotalkButtonChoice? mobileNavertalkButtonChoice? pcButtonBottom? pcButtonLeft? pcButtonPosition? pcButtonRight? pcButtonSize? pcHappytalkButtonChoice? pcKakaotalkButtonChoice? pcNavertalkButtonChoice? subTitle? textColor? theme? title? titleAlign?

Properties

OptionalbackgroundColor

backgroundColor?: string

배경 색상 (채팅 버튼, 채팅창 색상, 메세지 버블 색상) 예:

  1. '#cccccc'
  2. 'red'
  3. 'rgba(0, 0, 0, 0.05)'

OptionalbasicPlaceholder

basicPlaceholder?: string

채팅 입력창 상담원 연결 후 안내메시지

OptionalchatbotPlaceholder

chatbotPlaceholder?: string

채팅 입력창 챗봇 상태일 경우 안내메시지

OptionalchatWindowHeight

chatWindowHeight?: number

채팅창 높이

OptionalchatWindowWidth

chatWindowWidth?: number

채팅창 너비

OptionalisChatButtonCall

isChatButtonCall?: "new" | "current"

채팅 버튼 호출 (모바일 디바이스에서만 사용 가능)

OptionalisConsultant

isConsultant?: boolean

상담가능 상담원 on/off

OptionalisHelpdesk

isHelpdesk?: boolean

헬프데스크 on/off

OptionalisNotice

isNotice?: boolean

공지사항 on/off

OptionalisPreviousHistory

isPreviousHistory?: boolean

이전 대화 기록 on/off

OptionalisResponseSpeed

isResponseSpeed?: "normal" | "hide" | "fast" | "slow"

상담 응답 속도 설정

OptionalisWorktime

isWorktime?: boolean

근무시간 on/off

OptionalmobileButtonBottom

mobileButtonBottom?: number

mobile 버튼 css bottom 값

OptionalmobileButtonLeft

mobileButtonLeft?: number

mobile 버튼 css left 값

OptionalmobileButtonPosition

mobileButtonPosition?: "left" | "right"

mobile 버튼 위치

OptionalmobileButtonRight

mobileButtonRight?: number

mobile 버튼 css right 값

OptionalmobileButtonSize

mobileButtonSize?: number

mobile 버튼 크기 (width, height 값 동일)

OptionalmobileHappytalkButtonChoice

mobileHappytalkButtonChoice?: 2 | 1 | 3

해피톡 mobile 버튼 모양 선택

OptionalmobileKakaotalkButtonChoice

mobileKakaotalkButtonChoice?: 2 | 1 | 3

카카오톡 mobile 버튼 모양 선택

OptionalmobileNavertalkButtonChoice

mobileNavertalkButtonChoice?: 2 | 1 | 3

네이버톡톡 mobile 버튼 모양 선택

OptionalpcButtonBottom

pcButtonBottom?: number

pc 버튼 css bottom 값

OptionalpcButtonLeft

pcButtonLeft?: number

pc 버튼 css left 값

OptionalpcButtonPosition

pcButtonPosition?: "left" | "right"

pc 버튼 위치

OptionalpcButtonRight

pcButtonRight?: number

pc 버튼 css right 값

OptionalpcButtonSize

pcButtonSize?: number

pc 버튼 크기 (width, height 값 동일)

OptionalpcHappytalkButtonChoice

pcHappytalkButtonChoice?: 2 | 1 | 3

해피톡 pc 버튼 모양 선택

OptionalpcKakaotalkButtonChoice

pcKakaotalkButtonChoice?: 2 | 1 | 3

카카오톡 pc 버튼 모양 선택

OptionalpcNavertalkButtonChoice

pcNavertalkButtonChoice?: 2 | 1 | 3

네이버톡톡 pc 버튼 모양 선택

OptionalsubTitle

subTitle?: string

부제

OptionaltextColor

textColor?: string

글자 색상 (채팅 버튼 아이콘 및 메세지 버블 텍스트 색) 예:

  1. '#cccccc'
  2. 'red'
  3. 'rgba(0, 0, 0, 0.05)'

Optionaltheme

theme?: "default" | "simple" | "banner" | "dark"

테마

Optionaltitle

title?: string

제목

OptionaltitleAlign

titleAlign?: "center" | "left" | "right"

제목/부제목 정렬

Settings

Member Visibility

On This Page

Properties