문제 증상

웹사이트에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는 번역의 정확성을 보장하지 않습니다.

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

Zendesk 제공