https://docsbot.ai/_next/static/chunks/pages/documentation/develop…/zendesk-1497f6ed5ce774f9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66347],{56509:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/documentation/developer/widget-integrations/zendesk",function(){return n(33720)}])},33720:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return g},default:function(){return m},markdoc:function(){return k}});var o=n(54128),i=n(45887),s=n(34575),d=n(9926),r=n(65963),a=n(69725);let c={tags:(0,d.w)(r),nodes:(0,d.w)(a),functions:(0,d.w)({}),...(0,d.w)({})},u=new s.ZP.Tokenizer({allowComments:!0}).tokenize('---\ntitle: Zendesk AI Chat Widget Integration\ndescription: Learn how to embed and integrate our AI chat widget with Zendesk.\n---\n\nLearn how to embed and integrate our AI chat widget with Zendesk. {% .lead %}\n\n---\n\n## Overview\n\n[Zendesk](https://zendesk.com) is a popular support software used by many businesses to provide a support widget in their website. But with DocsBot you can first display our widget to privide an AI frontline support agent that can answer the most common questions about your product or service in any language! If the user still needs help, they can click the support link in the widget to open your Zendesk Web Widget to talk to a human.\n\nFor the broader architecture—including Zendesk AI pricing, solved-ticket learning, Guide content, Copilot, and widget handoff—see the [Zendesk AI integration guide](/integrations/helpdesk/zendesk-ai).\n\n## Zendesk Web Widget (classic) Integration\n\nIf your business uses [Zendesk](https://zendesk.com) Web Widget (classic) for support tickets or live chat, here\'s an example of how you could use the `supportCallback` argument to open the Web Widget if the user clicks the get support link in the DocsBot Widget.\n\nYour existing Web Widget embed code may look something like this:\n\n```html\n<!-- Start of Zendesk Widget script -->\n<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=YOUR_SNIPPET_KEY"></script>\n<!-- End of Zendesk Widget script -->\n```\n\nTo keep your Widget from showing by default, add the following code to your website:\n\n```html\n<script type="text/javascript">\n  zE(function() {\n    zE.hide();\n  });\n</script>\n```\n\nThen you\'ll need to add the DocsBot widget embed code to your website. You can find the embed code by clicking the "Widget Embed" link on your bot. You can find more information about the widget embed code [here](/documentation/developer/embeddable-chat-widget).\n\nFinally adjust the DocsBoc initialization code to open the Zendesk Web Widget when the user clicks the support link in the DocsBot widget:\n\n```js\n<script type="text/javascript">\nDocsBotAI.init({\n    id: "YOUR_ID_HERE",\n    supportCallback: function (event, history, metadata) {\n        event.preventDefault(); // Prevent default behavior opening the url.\n        DocsBotAI.unmount(); // Hide the widget.\n        // Open the Zendesk Web Widget (classic).\n        zE.activate()\n    },\n})\n</script>\n```\n\n## Zendesk Web Widget (messaging) Integration\n\nIf your business uses the newer [Zendesk](https://zendesk.com) Web Widget (messaging) for support tickets or live chat, here\'s an example of how you could use the `supportCallback` argument to open the Web Widget if the user clicks the get support link in the DocsBot Widget.\n\nYour existing Web Widget embed code may look something like this:\n\n```html\n<!-- Start of Zendesk Widget script -->\n<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=YOUR_SNIPPET_KEY"></script>\n<!-- End of Zendesk Widget script -->\n```\n\nTo keep your Widget from showing by default, add the following code to your website:\n\n```html\n<script type="text/javascript">\n// on page load always close widget\nzE(\'messenger\', \'close\');\n</script>\n```\n\nThen you\'ll need to add the DocsBot widget embed code to your website. You can find the embed code by clicking the "Widget Embed" link on your bot. You can find more information about the widget embed code [here](/documentation/developer/embeddable-chat-widget).\n\nFinally adjust the DocsBoc initialization code to open the Zendesk Web Widget when the user clicks the support link in the DocsBot widget:\n\n```js\n<script type="text/javascript">\nDocsBotAI.init({\n    id: "YOUR_ID_HERE",\n    supportCallback: function (event, history, metadata) {\

1n        event.preventDefault(); // Prevent default behavior opening the url.\n        DocsBotAI.unmount(); // Hide the widget.\n        // Open the Zendesk Web Widget.\n        zE(\'messenger\', \'open\');\n    },\n})\n</script>\n```\n\nThat\'s it! Now when the user clicks the support link in the DocsBot widget, the Zendesk Web Widget will open so they can start a live chat or ticket with a human support agent.\n\nIf you need additional help getting started integrating with Zendesk, feel free to contact our team!\n'),h=s.ZP.parse(u,{slots:!1}),p=h.attributes.frontmatter?i.ZP.load(h.attributes.frontmatter):{},{components:l}=(0,d.J)(c);var g=!0;let k={frontmatter:p};function m(e){let t=e.markdoc;return s.RZ.react(t.content,o,{components:{...l,...e.components}})}}},function(e){e.O(0,[22649,56254,40274,49774,92888,40179],function(){return e(e.s=56509)}),_N_E=e.O()}]);