Zendesk Chat (Zopim) Integration

Last modified on 2022/11/08 13:22

About this integration

SAS_IntegrationNotRESTIntroduction

You can integrate third-party systems with Service Apps in many ways. The method you select will depend on business requirements, architectural and security constraints as well as the characteristics specific to each third-party application or service. You can use the REST, CSV, Online CSV data sources and the HTML Script widget.

This document describes a standard integration process that has already been implemented in a customer context.

To find out more about this integration, please do not hesitate to contact your EasyVista contact, or your service provider and integrator.

Integration Summary

Zendesk Chat (formerly known as Zopim Live Chat) is a Live Chat software with several versions, one of which is free (Lite). It enables you to communicate in real-time with prospects, customers or visitors to your websites and apps, and engage them through their online experience.

This easy-to-implement integration enables you to embed a Zendesk Chat widget directly in an Product name - ev sas.png app using a HTML Script widget.

Integration Data Feed (direction) Authentication Type Integration Connector Options

Product name - ev sas - big.png

Up and Down arrow.png

Logo - ZenDesk Chat.png

N/A

HTML Script widget   Apps - Widget - Html icon.png

SaaS Version of Third-Party Product

On-Premise Version of Third-Party Product

Check icon.png

Not check icon.png

Step-by-Step Integration Process

Open url.png See the Zendesk Chat online help:

You can embed Zendesk Chat in Product name - ev sas.png in three easy steps:


Step 1: Check the list of requirements.

  • You must have a Zendesk Chat user account as well as the relevant login and password. If this is not the case, use the form to create a Zendesk Chat account. Validate and activate your new account by clicking the email link that will be sent to your email address.
             Open url.png See Creating a Zendesk Chat account.

    Note: If you do not receive the activation link, check the Spam folder of your email system.


Step 2: Copy the JavaScript code of the Chat widget.

1. Log in to your Zendesk Chat account.

2. In the navigation pane to the left of the dashboard, select Settings > Widget > Getting Started (outlined in orange).

3. Copy the JavaScript code outlined in red.
         Zendesk Chat - Javascript code.png

Note: You can click [ SEND ] to send this code by email to the user in charge of embedding the Chat widget in the Product name - ev sas.png app.


Step 3: Embed the JavaScript code in an Product name - ev sas.png app to display the Chat widget.

PasteJavaScriptCode

1. Go to Product name - ev sas.png and open the app you want.

2. Use a HTML Script widget to display the Chat widget:

  • Click Apps - Add widget icon.png in the Objects pane. Open the Basic category and click and drag the HTML Script widget to the Design pane.

    Best Practice icon.png You can place the HTML Script widget anywhere on the page because the Chat widget will appear by default at the bottom right of the user's screen. Nevertheless, to find it quickly without searching for the widget by name, you can insert it at the bottom of the page.

  • Rename the widget so you can identify it easily.
  • Paste the JavaScript code obtained in step 2 in Theme > Footer > Footer and check the Display box.

    Best Practice icon.png  Paste the code of the Chat widget in the Header or Footer section instead of the HTML Code field. This enables the Chat widget to be displayed without being restricted by the height of the HTML Script widget and to appear on all app pages.

Note: In some cases, you can also use the Secured Html widget and paste the JavaScript code directly in the Html Code field.

3. Click EVApps - GUI - Execute icon.png to switch to preview mode and check the visual layout and workability of the Chat widget.


 

Use Case

UseCaseZendesk

The Zendesk Chat widget enables users of your Product name - ev sas.png apps to communicate with a group of users.
         Example documentation icon FR.png  Communication with the Service Desk, HR team or Sales team

Operating principle

  • Members of the group can answer Product name - ev sas.png app users directly in the Zendesk Chat dashboard.
             Use case - Zendesk Chat Dashboard.png
  • The discussion thread in the Chat widget will automatically be updated in the Product name - ev sas.png app.
             Use case -  Service Workplace Template Chat - Reply.png
Tags:
Powered by XWiki © EasyVista 2022