카카오톡 상담하기 팝업창 관련

메시지 API
1

안녕하세요,

카카오톡 상담하기 구현 중인데요,

카카오 개발 사이트에서 버튼 생성으로 코드 생성하니…상담하기 버튼 클릭 시 팝업창이 뜨는데,문제는 버튼 크기가 너무 커요,버튼 크기는 small, large 두 종류 뿐이고, 유료 등록해야 사이즈 조정 가능하더라고요

그래서 버튼 생성하지 않는 걸로 해서 코드 생성한 것이 아래 코드인데, 이렇게 하면 팝업창이 안뜨고 웹창 전체가 변하네요,

방법이 있을까요??

	<a style="text-decoration-line: none" id="channel-chat-button" href="http://pf.kakao.com/_..../chat" onclick="void chatChannel();">카카오톡 문의하기</a></p>

<script type="text/javascript">

	function chatChannel() {
		Kakao.Channel.chat({
			channelPublicId: '......',

		})

	}

</script>

아,그리고요 위의 코드 3번째 줄 href=" " 이 부분을 위 코드처럼 기입 하는게 맞는지요??이거 때문에 팝업창이 안뜨는거 같기도 해서요…

2

안녕하세요~ 이런 식으로 해보시겠어요?

<p id='channel-chat-button'></p>
<script type="text/javascript">
Kakao.Channel.createChatButton({
  container: '#channel-chat-button',
  channelPublicId: '...' // 카카오톡 채널 홈 URL에 명시된 id로 설정합니다.
});
</script>

https://developers.kakao.com/docs/latest/ko/kakaotalk-channel/js#add-chat