Adding a click-to-chat link

Open the chat window by clicking a button or link on the Help Center.

This can be achieved by adding a few lines of code in HTML and JS.

Steps:

1.  Attach following code to your image/link/button which would be clicked to launch chat widget, following attaches javascript to a html-link (which can wrap an image or icon -- button)
   

   //to attach to a html link
   <a href="javascript:$zopim.livechat.window.show();">
      <img src="yourbutton.png" alt="Chat Button" />
   </a>

2. Add following in your JavaScript code (General > Customize Design > JS). This code hides the chat widget, so it doesn't show up by default on page load.

   $zopim(function() {
      $zopim.livechat.hideAll();
   });

Following Images show how you can put code on "Ask a Question" icon, and clicking on it would show Chat widget on the page:

It's quite simple, and that's all required to show chat widget on click of a button or link. The Zendesk Chat (JS) API provides more stuff which can be used to suite different requirements.

Please try, and share your feedback. If you face any issue, or need help, please feel free to leave a comment in this post, and we would try to help you asap.

Cheers!

Team Diziana 

Visit Diziana to download free and premium custom responsive ready-to-use Zendesk theme or Zendesk template or Zendesk plugins for Zendesk Help Center. Brand your Zendesk Help Center, and provide fantastic self-service customer support experience.