Recent searches


No recent searches

Adding the Zendesk Chat widget to your website



image avatar

Aimee Spanier

Zendesk Documentation Team

Edited Jun 21, 2024


-8

35

35 comments

Hi, 

On my ionic mobile, I don't want to show the floating chat widget (as it will conflict with other elements), but to place it as an item. Is there any way to do that?

Thanks

0


image avatar

Ivan Miquiabas

Zendesk Customer Care

Hi Ivan.

Thanks for reaching out!

May i have a look at your mobile view of the widget? can you send a screenshot? Also, you can rather overlay the widget on your mobile device following this article: Recipe: Identify and track what webpage a customer was on when they started a chat

Ivan Miquiabas | Customer Advocate

-1


HI Zendesk / Zopim Chat Team,

We are working on improving our website speed.  Often the page speed tools suggest that the Zopim JavaScript can be compressed more.  Is the something we can download, compress and embed locally from our own domain?  Or do you have an updated version that is faster?

Here's a screenshot example:

0


image avatar

Heather Rommel

Zendesk LuminaryThe Product Manager Whisperer - 2021Community Moderator

Hi Scott Stawarz,

I agree, Zendesk needs to redo the widget in a lighter fashion. It hits our Google rankings because it slows down the page.  Our workaround until Zendesk fixes this (Zendesk, why not fix it??) is to load an image that looks like chat, and when the customer clicks it, we redirect them to a deeper page in our website to load the actual chat.

Terrible, right? But we didn't want our main page to get "dinged" by Google.

 

-1


Hi Ramin, 

Thank you so much for helping. I was wondering about how I can hide widget from website, but thanks you shared API source https://api.zopim.com/files/meshim/widget/controllers/LiveChatAPI-js.html#hideAll

It works for me. Thanks,

-1


is it possible to use it in 2021 for my current website Jazz daily Internet Package, I wanna add a chat box to my website please guide me a little bit..

----

This post has been edited by the Zendesk Community Team, to remove links, in order to meet with our Community Guidelines.

-1


Hi Muhammad!

Thanks for your interest! If you haven't already, first you'll want to register for a trial: Register

Once you've done that, this article will take you step by step through the process of trying out chat and setting it up in your Zendesk help center: Evaluating live chat in your Zendesk Suite trial account

Once you've done that, come back to this article and follow the directions above. You'll need to be able to edit the HTML on your Jazz Packages website in order to embed the chat widget there. 

And if you run into any issues as you go, here's how to contact our support team: Contacting Zendesk Customer Support

Hope that helps!

-1


i am also looking for a chat option in tesco check bill website. Please guide me how is it possible?

 

-1


Is there anyway to have this be an inline form on a specific page vs the floating widget?

0


Hi 

can we enable zendesk chat widget for our different products on different websites?

i want to enable 2 different web widgets for 2 different product , will this be possible??

-1


image avatar

Brett Bowser

Zendesk Community Manager

Hey Gaurav,
 
You should be able to add your widget to multiple websites and customize the appearance for each widget as well. I would recommend taking a look at the following article: Customizing the appearance of your widget

Let me know if this isn't what you're looking for!

 

-1


Can someone explain the first step to me? 
I don't know what the dashboard is.

  1. From the dashboard, select Settings > Widget, then click the Getting Started tab.

-1


Is there a way I can disable caching?

-1


Hi I added this code to my web site html body (end of body)
    <!-- Start of  Zendesk Widget script -->
    <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=MyKey"> </script>
    <!-- End of  Zendesk Widget script -->
the chat is not been displayed and i keep getting error

Key is missing from snippet vendors~rollbar.noconflict.umd.min.js:1:58963
    n https://static.zdassets.com/ekr/vendors~rollbar.noconflict.umd.min.js:1
    oe http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    c http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    (Async: setTimeout handler)
    _immediateFn http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    c http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    l http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    s http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    d http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    re http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    (Async: promise callback)
    re http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    d http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    u http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    re http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    oe http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    <anonymous> http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    c http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    (Async: setTimeout handler)
    _immediateFn http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    c http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    l http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    f http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    c http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    (Async: setTimeout handler)
    _immediateFn http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    c http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    l http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    f http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    c http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    (Async: setTimeout handler)
    _immediateFn http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    c http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    then http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    <anonymous> http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    <anonymous> http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    o http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    <anonymous> http://static.zdassets.com/ekr/snippet.js?key=MyKey:1
    <anonymous> http://static.zdassets.com/ekr/snippet.js?key=MyKey:1

How Can I fix it? what did I do wrong?

-1


Hi Gaurav

-1


Did you still need assistance with this issue ? 

-1


yes I do,.. please
 after I copy the script from the admin to clean regular  HTML file in my machine the chat works fine.
but when I copy the same script to my web application in the same machine into an XHTML file I get this "Key is missing from snippet "  error

-1


Hi Kipa,

I'd advise to start a conversation with support in order for us to best assist. The steps to create a conversation are included in this Article.

-1


Is there a JS load/ready event for zendesk chat ? 

0


image avatar

Ramin Shokrizadeh

Zendesk Product Manager

Felipe Passos You can use the following callback API for when Chat has a connected status: https://developer.zendesk.com/api-reference/widget/chat-api/#on-chatconnected

-1


Hi
I have integrated this on one of the pages in my web-app. However one issue I'm facing right now is that when I start a chat with customer support and then go to a different page and come back the session is not maintained and the chat with customer support is deleted, I have to start a new chat all over again. Any leads to help fix this issue would be appreciated.
Thanks :) 

-1


Hi, looking for some help please

We are using messing on Zendesk suite on a professional plan. We are trying to set up the messaging chat widget (we aren’t using the classic chat widget)

We use UserPilot for our onboarding. Part of this is a resource centre, in which we can install our live chat/messaging service through a js code. The HTML code provided from the chat installation page in the admin centre is not working. I have spoken with UserPilot, and they have advised we need a simple js code for the chat to be triggered manually. Does anyone know where can I get this or if there is a specific way this should be configured?

Thanks in advance! 

0


how can i integrate this in springboot java ?

 

-1


Hello team,

I am working on Zendesk API link to get the data into the database,

Zendesk API documentary - https://developer.zendesk.com/api-reference/ticketing/tickets/ticket_skips/

 However, below link is not working and I checked in postman as well(added screenshot for your reference). Can you please guide or provide the updated link.
https://agodapeopleops.zendesk.com/api/v2/skips

Looking forward to your response.

Your prompt response is highly appreciated.

Thanks
Bhavya

-1


Now how can I get to tell what is this company for

-1


image avatar

Christopher Kennedy

Zendesk Developer Advocacy

Hi Barun,
 
You can include that snippet in whichever UI template or view where you'd like to include the widget in your Spring Boot web app.  Is there a specific complication you've encountered?

-1


Why mention that you have to execute the following function for the chat to show up, right?

<script>
zE('messenger', 'open');
</script>
 
I'm so tired of bad documentation... ChatGPT is more helpful than this.

1


image avatar

Greg Katechis

Zendesk Developer Advocacy

Hi David! I think you may be confusing a couple of our products. This article is describing the chat widget, whereas it looks like you're using the newer Zendesk widget, which allows for messaging. If you're looking for our documentation for the Zendesk widget, we have the API docs here and dev docs here.

In fairness to you, we've had quite a few products over the years with very similar functionality, that are not easily differentiated from one another. Hope this cleared things up a bit, but drop us a line if you run into any issues.

0


Hello! Does anyone have an idea of how to set this feature up in SquareSpace? 

Thank you, 

Robert

0


Hi, I'm trying to add the script in angular,

https://static.zdassets.com/ekr/snippet.js?key=..mykey..,   

But get the error:  Key is missing from snippet

The key is valid and works in a plain html page.  Is there any documentation for adding the widget to an angular app?

0


Please sign in to leave a comment.