Before your visitors can start chatting with you, you’ll need to add the widget to your site by embedding the widget script in the HTML source code of one or more pages.
To add the live chat widget to a web page
- From the dashboard, select Settings > Widget, then click the Getting Started tab.
- Copy the embed script, as shown in the example below:
- In the source code of the web page, paste the embed script between the page's head tags.
You can paste it either right after the opening <head> tag or right before the closing </head>.
If you are concerned about page load performance, we recommend instead placing the snippet at the end of the <body> rather than the <head>. Even though the snippet script is very lightweight, it’s best to avoid inserting scripts that will block the browser from continuing to render a web page until that script has loaded. Just keep in mind that any scripts that use the Web Widget zE JavaScript API must be placed after the snippet script.
- Save and publish the page.
The widget should be visible after reloading the page in a browser.
34 Comments
can you only have one widget per Chat instance?
Hi Megan,
You can only have widget key but there are ways to support multiple brands in one account.
You can get more info here: https://chat.zendesk.com/hc/en-us/articles/226082208-Multibrand-Setup-Part-1-Zopim-Standalone
Cheers,
Ramin
Is there any way to do a wordpress plug in instead of integrating it into HTML?
Hi there Brighton,
You can get the Wordpress plugin here: https://wordpress.org/plugins/zopim-live-chat/
Thanks,
Ramin
I have added code in head section..and authinticate key also but i can see only support message form..not chat engine ..could you help me out?
Hi Nitish,
Under the Web Widget settings in your Zendesk account, ensure that Chat is turned on and connected to your account. If you need help with this, please email chat@zendesk.com
Thanks,
Ramin
please how do i see the embedded code
HI
i am using zopim widget code in my website how i integrate this live chat with my android app
Hi Fahed,
You can learn about the Android SDK here: https://developer.zendesk.com/embeddables/docs/android-chat-sdk/introduction
-Ramin
Thanks
You don't need two separate accounts, use the same account key from your first account in the SDK. If you need help with this, please email chat@zendesk.com
Hello,
Where do I put the Zendesk Chat script in a Grav flat-file CMS?
This doc might help: https://learn.getgrav.org/cookbook/general-recipes#add-javascript-to-the-footer
where can i find that code????
Please email chat@zendesk.com if you are having trouble finding and embedding the widget.
i fix it but i have another problem how can i online in chat status for ask our customer????
Read this article on how you can change your status: https://chat.zendesk.com/hc/en-us/articles/212016418-Setting-your-availability-status
Hi, I've a custom field on user_fields and I want to show the chat only for some users who have a true answer for this field, I got the answer by zendesk api.
How can I show or hide chat button?
Or Enable and Disable Chat option?
Here is the API to hide the widget: https://api.zopim.com/files/meshim/widget/controllers/LiveChatAPI-js.html#hideAll
If you are using the new integrated Chat experience in the Web Widget, you will need to use the following API: https://developer.zendesk.com/embeddables/docs/widget/core#hide
If you need further assistance on using the APIs, please email chat@zendesk.com
-Ramin
can I load that script async or defer?
Is there another snippet for us Integrated chat users. We are on Enterprise; when I try to add the snippet from the Widget setup, it generates a fatal error.
@Jason I see you have a ticket open with our support team, they will get back to you shortly.
Hi,
On my mobile website, I don't want to show the floating chat widget (as it will conflict with other elements), but to place it as an item in the hamburger menu. Is there any way to do that? and is it possible under the Team plan?
Thanks
Hi Tien,
It is possible and available across all paid plans, you need to use the Javascript APIs to show/hide the widget based on the user tapping the menu item.
You can get more information on the JS APIs here:
https://api.zopim.com/files/meshim/widget/controllers/LiveChatAPI-js.html
Look at the ones regarding hideAll and window.toggle
-Ramin
i want to use zoopim api in react website
plugin doen't work. ask to me Subdomain (For Zendesk Chat accounts with a subdomain)
I put mywebsite.zendesk.com
but nothing.
Hi Francesco,
Please email support@zendesk.com to get assistance with the plugin. Make sure you let the advocate know which plugin you installed to ease the troubleshooting steps.
Thanks,
Ramin
Please sign in to leave a comment.