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

image avatar

Destiny

Zendesk Customer Care

Hello Sam,
 
I appreciate you getting in touch.
 
It seems you're looking to integrate the Zendesk web widget into your Angular application. Unfortunately, we do not have proprietary documentation on this subject; however, I have managed to locate some external references. Please be mindful that these resources haven't been vetted by us, hence we cannot provide support or address potential challenges that might arise from following those external guides. Your understanding is deeply appreciated.
 
Zendesk Web Widget Installation
Angular Key is missing from Snippet Zendesk

0


when I am checking my webpage on google page speed,  I am getting the Error which is also effecting the page load speed.

Attaching the screenshot for your reference. Please provide the solution.

0


To add the Zendesk Chat widget to your OpenCart site, access the File Manager and navigate to Catalog > View > Theme > Template > Common. Locate the footer.php file and click on Edit to begin integrating the chat widget into your site.

0


To add the Zendesk Chat widget to your website, follow these steps:

1. **Access Zendesk Chat Settings**: Log into your Zendesk account, go to **Channels > Chat**, and customize the widget’s appearance and settings to fit your brand.

2. **Obtain the Code Snippet**: Zendesk provides a unique JavaScript code that you'll need to integrate into your website. The code will look like this:

  ```html
  <!-- Begin Zendesk Chat Widget -->
  <script type="text/javascript">
    window.$zopim || (function(d,s,id){
      var z = $zopim = function(c) { z._.push(c) };
      z._ = [];
      var e = d.createElement(s);
      e.async = true;
      e.id = id;
      e.src = 'https://v2.zopim.com/?YOUR_ACCOUNT_KEY';
      var t = d.getElementsByTagName(s)[0];
      t.parentNode.insertBefore(e, t);
    })(document,'script','zopim');
  </script>
  <!-- End Zendesk Chat Widget -->
  ```

3. **Insert the Code into Your Website**: Copy the code and paste it before the `</body>` tag in your website's HTML.

4. **Publish and Test**: After inserting the code, refresh your site to see the chat widget live. This enables real-time communication with website visitors, enhancing customer support.

Make sure to replace `YOUR_ACCOUNT_KEY` with your unique Zendesk Chat account key.

0


To add the Zendesk Chat widget to your website, copy the embed script from the Settings > Widget section in your Zendesk dashboard. Paste it into your webpage’s HTML, either in the <head> or at the end of the <body> for better performance. After saving and publishing the page, the widget will appear once reloaded in the browser.

0


Please sign in to leave a comment.