Home > How to Add SnapEngage to Zendesk Helpdesk

Categories:


(Last Updated On: July 6, 2017)

Let’s walk through the process of adding a live chat button to your Zendesk Helpdesk page. This way, visitors can start a chat session right from Zendesk.


 

 zendesk-chat-and-chat-button-present

To place SnapEngage on your Helpcenter page, simply follow the steps bellow.

  1. Log in to your Helpcenter and click on the Customize design button in the bottom right portion of the screen.
 zendesk-accessing-customization
  1. Next, click on the Edit theme link.
 zendesk-editing-theme
  1. Open the JS tab. Note: You will need to copy the SnapEngage code here.
  2. To get that code, log into SnapEngage and go to the Get the Code tab menu. Copy the code found there without the <script type=“text/javascript”> and </script> lines.
 2017-01-09_1442
  1. Paste the code at the end of the JS section, click on the Save button and then select publish changes to finalize.
 zendesk-saving-chat-changes

You will be able to chat with visitors and track them on your Helpcenter page. To add a chat button to your Helpcenter page, follow these steps:

  1. Log in to you Helpcenter and select Customize Design.
  2. Click on the Edit theme button.
  3. Next, you need to get the chat button code. Log into SnapEngage dashboard and go to the style section to get it.
  4. Depending on your SnapEngage Configuration (see the Style tab) you may now see our “Floating Button” on the side of your Zendesk page when you view it.If you don’t want to use this “Floating Button,” or if you would like to have an “Inline Button” in addition, please follow the steps below:
    1. Log into your SnapEngage Admin dashboard
    2. Click on the style tab (If you don’t have the Style tab but you do have Design Studio, skip to step 4)
    3. Copy the code from the Inline button section 2017-01-09_1457
    4. If you have a Design Studio tab, copy this code and replace the XXXXXXX with your widget ID which can be found under the Get the Code tab
      • <a href=”#” onclick=”return SnapEngage.startLink();”><img src=”https://www.snapengage.com/statusImage?w=XXXXXXXXXXX” alt=”Contact us” border=”0″></a>
      • 2017-01-09_1504
  1. Copy the button code and paste it in the HTML: Home page section of your Helpcenter.
  2. Hit Save and then Publish changes to finalize.

The button will now appear on your Helpcenter page.


We hope you found this document clear, thorough, and helpful. Please get in touch with us if you need further assistance.

Did you find this article helpful?

Not HelpfulNeeds WorkSo-soHelpfulVery Helpful (5 votes, average: 2.60 out of 5)
Loading ... Loading ...

Published January 18, 2012