Suite | 모든 플랜 |
웹 위젯 구성을 마치면 웹사이트나 헬프 센터에 설치하고 고객에게 제공할 수 있습니다. 웹 위젯에 허용 목록을 추가하여 위젯이 설치될 수 있는 도메인을 지정할 수도 있습니다.
이 문서에서 다루는 주제는 다음과 같습니다.
웹사이트에 웹 위젯 설치하기
웹사이트에 웹 위젯을 설치하려면 웹사이트의 코드에 대한 약간의 지식이 필요합니다.
다음 동영상은 웹사이트에 메시징을 추가하는 방법을 보여줍니다.
웹사이트에 메시징 추가하기[1:40]
웹사이트에 웹 위젯을 추가하려면 다음과 같이 하세요.
- 관리 센터의 사이드바에서
채널을 클릭한 다음 메시징 및 소셜 > 메시징을 선택합니다.
- 설치하려는 위젯의 이름을 클릭한 다음 설치 탭을 클릭합니다.
- 코드 스니펫 프레임 아래쪽에 있는 복사 아이콘(
)을 클릭합니다.
- 위젯을 추가하려는 웹 페이지의 소스 코드에서 HTML </body> 닫기 태그 앞에 코드 스니펫을 붙여 넣습니다. 위젯을 표시하려는 모든 웹 페이지에 코드를 추가합니다.
- 다른 사람(예를 들어 개발자)에게 코드를 보내려면 팀원에게 코드를 이메일로 보내기를 클릭합니다.
- 웹 위젯이 표시될 수 있도록 방화벽이 구성되어 있도록 합니다.
헬프 센터에 웹 위젯 설치하기
기술 지원을 받을 필요 없이 한 번의 클릭으로 간단하게 헬프 센터에 위젯을 설치할 수 있습니다.
헬프 센터에 웹 위젯을 추가하려면 다음과 같이 하세요.
- 관리 센터의 사이드바에서
채널을 클릭한 다음 메시징 및 소셜 > 메시징을 선택합니다.
- 편집하려는 위젯의 이름을 클릭한 다음 설치 탭을 클릭합니다.
- 헬프 센터에 자동으로 웹 위젯 임베드 옆의 확인란을 클릭합니다. 헬프 센터의 모든 페이지에 위젯이 추가됩니다.
웹 위젯의 허용 목록 만들기
관리자는 웹사이트 도메인의 허용 목록을 만들어 웹 위젯이 최종 사용자에게 표시될 위치를 지정할 수 있습니다. 허용 목록을 사용 설정하면 다음과 같이 됩니다.
- 목록에 추가된 도메인 또는 하위 도메인 내의 모든 웹 페이지에서 위젯을 임베드하고 액세스할 수 있습니다.
- 목록에 포함되어 있지 않은 도메인의 웹 페이지에서는 위젯에 액세스할 수 없습니다.
- 관리자는 위젯의 허용 목록에서 웹 위젯을 제거함으로써 도메인이나 하위 도메인에 웹 위젯이 나타나지 않도록 신속하게 차단할 수 있습니다.
허용 목록은 웹 위젯 코드 스니펫이 웹사이트의 코드에 추가되는 것을 막지 않습니다. 대신 목록에 포함되지 않은 도메인의 모든 사이트에서 위젯을 차단하여 코드 스니펫이 작동하지 못하게 합니다.
위젯의 허용 목록을 만들려면 다음과 같이 하세요.
- 관리 센터의 사이드바에서
채널을 클릭한 다음 메시징 및 소셜 > 메시징을 선택합니다.
- 편집하려는 위젯의 이름을 클릭한 다음 설치 탭을 클릭합니다.
-
웹 위젯을 다음 도메인에만 설치할 수 있습니다. 옆의 확인란을 클릭합니다.
하위 도메인의 마지막 점(.) 뒤에는 알파벳 문자만 허용됩니다. 예를 들어
my-awesome-restaurant.pizza
는 올바르지만my-awesome-restaurant.pizza-chain
은 올바르지 않습니다. - 위젯이 설치될 수 있는 도메인이나 하위 도메인을 추가합니다. 단일 도메인의 모든 하위 도메인을 추가하려면 도메인 이름 앞에 별표를 추가합니다(예:
*.yourdomain.com
). - 설정 저장을 클릭합니다.
허용 목록에서 도메인 제거하기
도메인이나 하위 도메인에서 웹 위젯을 더 이상 허용하지 않는 경우에는 허용 목록에서 해당 도메인을 제거하면 웹 위젯이 제거된 웹사이트에서 바로 차단됩니다.
허용 목록에서 도메인을 제거하려면 다음과 같이 하세요.
- 관리 센터의 사이드바에서
채널을 클릭한 다음 메시징 및 소셜 > 메시징을 선택합니다.
- 편집하려는 위젯의 이름을 클릭한 다음 설치 탭을 클릭합니다.
- 웹 위젯을 다음 도메인에만 설치할 수 있습니다. 옆의 확인란을 선택 취소합니다.
- 위젯이 차단되어야 하는 도메인이나 하위 도메인 옆의 X를 클릭합니다.
- 설정 저장을 클릭합니다.
허용 목록 사용 중지하기
도메인별로 웹 위젯을 더 이상 제한하지 않도록 선택하는 경우에는 해당 위젯에서 허용 목록을 사용 중지할 수 있습니다. 허용 목록을 사용 중지하면 페이지 코드에 웹 위젯 코드 스니펫을 추가한 모든 웹사이트에서 웹 위젯이 활성화됩니다.
허용 목록을 사용 중지하려면 다음과 같이 하세요.
- 관리 센터의 사이드바에서
채널을 클릭한 다음 메시징 및 소셜 > 메시징을 선택합니다.
- 편집하려는 위젯의 이름을 클릭한 다음 설치 탭을 클릭합니다.
- 웹 위젯을 다음 도메인에만 설치할 수 있습니다. 옆의 확인란을 선택 취소합니다.
- 설정 저장을 클릭합니다.
댓글 14개
Destiny
Thank you for getting back to me on this. I am pretty sure the same link works for me. Screenshot for reference:
Image1: Page loaded showing same URL as shared previously
If this does not work, try searching the term zE('messenger', 'show'); Zendesk Messaging API in Google Chrome. Or you can also check out this link https://developer.zendesk.com/documentation/zendesk-web-widget-sdks/sdks/web/messaging-show-web-widget/
Let me know if that helps
0
Christina hernandez
Hi 1263082121069 Thanks for your response. The link you provided to developer resources doesn't work, can you please repost?
0
Destiny
Thank you for getting in touch. I understand that you are seeking clarity on how to display the Messaging widget on select pages within your Help Center.
The method you've employed is indeed recommended as a potential solution for deploying web widgets. The only limitation I can foresee is in the scenario where your client navigates to different pages; it's uncertain whether the widget will automatically hide itself or continue to be visible. However, as the Messaging feature is designed to maintain ongoing conversations, any active dialogues between your agents and users should not be interrupted.
Beyond embedding the widget on designated pages, another option is to employ a custom script that uses our Messaging API (https://developer.zendesk.com/api-reference/widget-messaging/web/core/) in combination with page URL checker script to control on which webpages the Messaging widget appears. Unfortunately, we do not have a premade script or a specific guide to offer at the moment, so we advise enlisting the assistance of your technical team to handle the scripting aspect.
I trust this information is of assistance to you.
0
Christina hernandez
We have added messaging to our help center page article_page.hbs using the Web Widget snippet. However, we didn't want messaging to appear on every article page, just on select ones. I don't see any recommendation for how to do this. I only see that we can add it to all pages or create an allowlist for specific subdomains.
The workaround we came up with is we created an article template page that's an exact copy of the article_page.hbs, but it has the messaging snippet code on it. Then, we apply this template to any article where we want chat.
My questions for you are:
0
JR Lausin
Upon checking the integration to Blazer web app is not yet supported so we don't have any documentation aside from adding widget to a website please check this article.
https://support.zendesk.com/hc/en-us/articles/4500748175258-Installing-the-Web-Widget
0
Tory Lester
Do you have any guidance on adding the Web Widget to a Blazor web app?
0
Christine
Enter multiple domains separated by a space to allow more than one domain access.
In the following example, email from the domains mondocamcorp, comdocam, and mondostore are permitted:
See Understanding the allowlist and blocklist for usage examples, limitations, and considerations.
Thanks,
Christine
0
mfg
we want to include multiple subdomains - ABC, MNO, & XYZ in our allowlist, but not the primary domain. Assuming this can be done, what is the delimiter - is this accomplished with a comma, space, semi-colon, row, etc separated list?
ie.
or
etc
0
Gab
Once you're able to add your Web Widget to your Wordpress site, you're all set! The article serves as a guide for your Zendesk Support connection with Wordpress.
0
Blaine Light
It seems like I installed the Web Widget via wordpress using this article -- do I still need to follow the steps in this article here too?
0
로그인하세요.