이 문서는 텍스트, 버튼, 이미지 등을 클릭 시 스윙챗 채팅창을 띄우는 방법에 대해 설명합니다. 다음과 같은 전제 조건이 있습니다. 개발에 익숙하지 않으신 분은 동료 혹은 주변 개발자에게 부탁할 것을 권장합니다.
스윙챗 채팅 아이콘이 노출된 페이지에서만 동작합니다.
화이트리스트 기능을 이용하고 있으면 해당 페이지가 화이트리스트에 포함되어 있어야 합니다.
스윙챗 채팅창이 띄워지는 위치는 조정이 불가능합니다.
스윙챗 채팅 아이콘이 노출된 페이지에서만 동작합니다.
화이트리스트 기능을 이용하고 있으면 해당 페이지가 화이트리스트에 포함되어 있어야 합니다.
스윙챗 채팅창이 띄워지는 위치는 조정이 불가능합니다. onclick 이벤트로 채팅창 띄우기
다음 자바스크립트 코드를 text, image, button 등의 onclick 이벤트로 지정합니다.
onclick="window.SWING_CHAT.toggleWebChat()"
<button type="button" class="btn btn-light" onclick="window.SWING_CHAT.toggleWebChat()">Toggle WebChat Button</button>
JavaScript
복사
onclick 이벤트로 채팅창 띄우기 예시
a tag를 이용해 채팅창 띄우기
다음 자바스크립트 코드를 a tag와 함께 text, image, button 등에 삽입합니다.
<a href="javascript:window.SWING_CHAT.toggleWebChat()">
<a href="javascript:window.SWING_CHAT.toggleWebChat()"><img src="https://cdn.42maru.com/upload/cm/images/8dfb808518c0430f9f2aea67cbc3d052.jpeg"></img></a>
JavaScript
복사
a tag를 이용해 채팅창 띄우기 예시