About This Integration

Integration Summary

Tawk.to is a free Live Chat software that does not contain spam or ads. Available in over 20 languages, 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 insert a Tawk.to Chat widget directly into an  app using a HTML Script widget.

You can also configure Tawk.to and  easily, for example, if you want to create incidents in  based on all chat transcripts and missed chat messages while offline.
 

Step-by-Step Integration Process

Embedding Tawk.to in ev Service Apps

 See the Tawk.to online help resources:

• Tawk.to Knowledge base
• Creating a New Account
• Adding a Widget to Your Website
• How to Invite and Manage Agents

You can embed Tawk.to in  in three easy steps:

• Step 1: Check the list of requirements.
• Step 2: Create a new property and a Tawk.to Chat widget and copy its JavaScript code.
• Step 3: Embed the JavaScript code in an  app to display the Tawk.to Chat widget.

Step 1: Check the list of requirements.

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

• To use the Chat widget, each new member must have a Tawk.to user account.
• Your  app does not have any property in your Tawk.to account.
• Tawk.to lets you add several members to a property. These members can now communicate (via chat) with the visitors to the specified property and start a discussion using the Chat widget. You can add the email addresses of new members and assign the Agent or Admin role to them in the Admin > Property Members menu.

Step 2: Create a new property and a Tawk.to Chat widget and copy its JavaScript code.

1. Login to your Tawk.to account.

2. Create a new property by clicking Admin in the navigation bar at the top and specify the information in each step of the wizard. Note: If the wizard does not start automatically, click [ + ADD ] in the Admin bar to use the standard creation process.
         

     Step 1 - Site Information

• Caution: In the Admin bar, the Site Name and Site URL fields can be modified.
• Tawk.to provides unique identifiers (including a Site ID) for each property. The Chat widget code will depend on your property's unique ID.

• Site Name: Name of the  app where you want to add a Chat widget. You can enter a descriptive name that will identify your site and the corresponding property easily.

• Site URL: App URL:
  • You can enter the part of the URL that identifies your platform (Base URI)
               https://mycompany-apps.easyvista.com
  • You can also enter the full URL (in design or execute mode) This enables you to identify the  app associated with the property easily if you inadvertently modify the Site Name field.

    Note:  apps will display:

    • In design mode, the following type of URL https://mycompany-apps.easyvista.com/index.php?timestamp=1474643995412&name=com.mycompany.57e4f6483d9bc&studiomode 
    • In execute mode, the following type of URL https://mycompany-apps.easyvista.com/index.php?timestamp=1474644039302&name=com.80007.57e4f6483d9bc|555c55c0ac965&showapp=0

    The value shown after the timestamp parameter will change systematically, but the last sequence of numbers identifying the app in a unique way will remain unchanged.

     Step 2 - Invite Agent
          This step is optional. You can click [ SKIP THIS STEP ] if required.
         

• You can add the email addresses of other users in addition to those you used to create your Tawk.to account.
• You can assign the Agent or Admin role to these users. Note: Agents whose role is Admin role will be authorized to configure your app's Chat widget.
   

     Step 3 - Install Chat Widget
          Copy all of the JavaScript code outlined in red.

3. Click [ DONE ] to finish creating the new property associated with your Tawk.to account.

4. To view details on the property, select the property and click [ PROPERTY SETTINGS ] in the Admin bar. Each property is identified by a Site ID, an API Key and a Ticket Forwarding Email which are uniquely associated with the property.
         

Step 3: Paste the JavaScript code into the  app to display the Tawk.to Chat widget.

PasteJavaScriptCode

1. Go to  and open the app you want.

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

• Click  in the Objects pane. Open the Basic category and click and drag the HTML Script widget to the Design pane.

   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.

    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.

3. Click  to switch to preview mode and check the visual layout and workability of the Chat widget.

Embedding Tawk.to in ev Service Manager

 See the online help resources:

• Technical Support Agent
• POP and IMAP account settings for configuring your email account:
  • POP and IMAP account settings for Outlook Office 365 for businesses

You can embed Tawk.to in  in three easy steps:

• Step 1: Check the list of requirements.
• Step 2: In Tawk.to, configure the sending of emails to be processed by the Technical Support Agent.
• Step 3: Configure the Technical Support Agent in .

Step 1: Check the list of requirements.

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

• You must have an email account, e.g. Exchange, dedicated to the Tawk.to and  integration.

  Note: The emails of this email account will automatically be deleted by the Technical Support Agent once they have been processed.

• You must have an account for accessing your  platform with the relevant profile and access rights to access the Administration > Technical Support Agent menu.

Step 2: In Tawk.to, configure the sending of emails to be processed by the Technical Support Agent.

1. Login to your Tawk.to account.

2. Click Admin in the navigation bar and select Mail Notifications.
         

3. Enter the email address of the email account used by the Technical Support Agent and click [ SAVE ].

Step 3: Configure the Technical Support Agent in .

Note: Contact your Service Desk or your Windows/Exchange administrator if you do not know the POP3/IMAP4 account settings you should use for this integration.

1. Select Administration > Technical Support Agent in the  menu.

2. Click  to add a new mailbox.

3. Enter the information on the email account dedicated to the Tawk.to and  integration.

            Outlook Office 365 email account
         

4. Display the list of incidents and check that the relevant incidents have been correctly created.
         

Use Case

UseCaseTawkTo