Deploying Watson Assistant Web Chat in Salesforce Lightning Console

Here is a simple tutorial on how to bring your Watson Assistant Web Chat to Salesforce Lightning Console

Watson Assistant Web Chat in Salesforce Lighting Console

Requirements

• IBM Cloud Account and Watson Assistant Instance
• Salesforce Org

Getting Started

Create a visualforce page named IBMWatsonWebChat with the following code

<apex:page standardStylesheets="false" showHeader="false" sidebar="false" docType="html-5.0" cache="false">
<script>
  window.watsonAssistantChatOptions = {
      integrationID: "YOUR_INTEGRATION_ID",
      region: "YOUR_REGION",
      serviceInstanceID: "YOUR_SERVICE_INSTANCE_ID",
      onLoad: function(instance) { 
      instance.render(); 
      instance.toggleOpen();
      }
    };
  setTimeout(function(){
    const t=document.createElement('script');
    t.src="https://web-chat.global.assistant.watson.appdomain.cloud/loadWatsonAssistantChat.js";
    document.head.appendChild(t);
  });
</script>
</apex:page>

After you have created your visualforce page, make sure that your page is enabled for Lighting Experience. You can do this by going to Setup, search Visualforce Page, and looking up your visualforce page.

Next, go to App Manager from Setup and click on Edit on the app you want to put Watson Assistant in.

Trending Bot Articles:

1. Understanding DialogFlow ES and CX

2. Deploying Transformer Models

3. TensorFlow installation with GPU Support on Python 3.7 in Windows

4. Conversation Designers: who are they and what do they do?

Go to Utility Items and click on Add Utility Item, select Visualforce page, and fill out the form with the following information. Once finished, click on Save.

Recommended Settings for Utility Item Properties

Resources:

Watson Assistant web chat documentation

Deploying IBM Watson Assistant Web Chat to Salesforce Communities

Don’t forget to give us your 👏 !