Zendesk Chat 위젯의 가로 및 세로 오프셋

문제 증상

웹사이트에 Zendesk Chat을 추가하면 Chat 위젯이 페이지의 몇 가지 중요한 버튼을 가립니다.

팁: 이 문서는 Chat 위젯을 오프셋하는 단계에 대해 자세히 설명합니다. 다음 문서를 참조하여 Chat 위젯 또는 Web Widget이 있는지 확인하세요. 내 Zendesk 계정과 웹사이트에 어떤 위젯을 사용할 수 있나요?

해결 단계

API 코드를 사용하여 위젯을 세로나 가로 또는 양쪽으로 이동하세요. 이를 브라우저 창이나 모바일 앱 창의 가장자리에서 버튼과 창 오프셋이라고 합니다. 이 문서는 위젯 버튼과 위젯 창을 기본 위치에서 오프셋하는 방법에 대해 설명합니다 .

• 세로 오프셋

• 가로 오프셋

• 모바일 오프셋

중요: 시작하기 전에 하나 이상 페이지의 HTML 소스 코드에 위젯 스크립트를 임베드하여 사이트에 위젯을 추가하세요. 그런 다음 임베드된 Chat 위젯 스크립트 외에 이 문서에 나열된 사용자 지정 코드를 추가합니다.

세로 오프셋

이 API 코드를 사용하면 브라우저 창의 가장자리에서 채팅 버튼의 세로 오프셋을 설정할 수 있습니다.

<script type="text/javascript">
$zopim(function() {
$zopim.livechat.button.setOffsetVertical(50);
});
</script>

필요에 따라 () 안의 번호를 변경할 수 있습니다.

채팅 버튼의 기본 위치는 페이지의 오른쪽 아래입니다. 세로 오프셋 코드를 적용하면 버튼이 페이지 맨 위를 향해 세로로 이동합니다.

이 API 코드는 채팅 버튼과 함께 채팅 창을 세로로 오프셋합니다.

$ zopim.livechat.window.setOffsetVertical (50);

필요에 따라 () 안의 번호를 변경할 수 있습니다.

채팅 창의 기본 위치가 페이지 아래쪽에서 열립니다. API 코드를 적용하면 이제 페이지 아래쪽으로부터 지정된 거리에 채팅 창이 열립니다.

가로 오프셋

이 API 코드를 사용하여 브라우저 창의 가장자리에서 채팅 버튼의 가로 오프셋을 설정할 수 있습니다.

<script type="text/javascript">
$zopim(function() {
$zopim.livechat.button.setOffsetHorizontal(50);
});
</script>

필요에 따라 () 안의 번호를 변경할 수 있습니다.

가로 오프셋 버튼 코드를 적용하면 버튼이 페이지 왼쪽을 향해 가로로 이동합니다.

이 API 코드는 채팅 창을 가로로 오프셋합니다.

$zopim.livechat.window.setOffsetHorizontal(50);

필요에 따라 () 안의 번호를 변경할 수 있습니다.

가로 오프셋 창 코드를 적용하면 창이 페이지 왼쪽을 향해 가로로 이동합니다.

모바일 오프셋

아래 API 코드를 사용하여 모바일 채팅 버튼 및 창을 오프셋할 수도 있습니다.

 <script type="text/javascript">
$zopim(function() {
$zopim.livechat.button.setOffsetVerticalMobile(30);
$zopim.livechat.window.setOffsetVerticalMobile(30);
$zopim.livechat.button.setOffsetHorizontalMobile(30);
$zopim.livechat.window.setOffsetHorizontalMobile(30);
});
</script>

필요에 따라 () 안의 번호를 변경할 수 있습니다.

자세한 내용은 Javascript API를 참조하세요.

번역 고지 사항: 본 문서는 콘텐츠에 대한 기본적인 이해를 제공하기 위해 자동 번역 소프트웨어를 사용하여 번역되었습니다. 정확한 번역을 제공하고자 합당한 노력을 기울였으나 Zendesk는 번역의 정확성을 보장하지 않습니다.

번역된 문서에 포함된 정보의 정확성과 관련하여 질문이 있으시면 문서의 공식 버전인 영문 버전을 참조하시기 바랍니다.