In this workshop, we are going to create a customer service Assistant for a bank. We are looking to automate some of the top questions that are reaching our agents via support chat on our site,in this scenario - people trying to transfer money to friends or family.
We will Start by redirecting people contextually into the bank's application if they have a transfer to make under $10000
1.1- If you are an existing user, click on this link to Login: https://ibm.biz/nocodebot
And if you are not, don't worry! We have got you covered! There are 3 steps to create your account on IBM Cloud:
1.2- Put your email and password.
1.3- You get a verification link with the registered email to verify your account.
1.4- Fill the personal information fields.
** Please make sure you select the country you are in when asked at any step of the registration process.
2.1 - Fron Dashboard search for Watsonx Assistant service in catalog
2.2 - Check the terms box and click on create. This will take you to a new window
2.3 - Click on Launch Watsonx Assistant to start building your chatbot
2.4 - Go to top right, select manage > Switch to new experience, it will prompt a confirmation message, click on switch.
3.1- Name your assistant and click on create
3.2 - From the home window, select your first action, this will take you to a new window.
4.1 - click on create a new action
4.2 - add "I want to transfer $100 to my friend" and click save
4.3 - change the title of the action in the top left to something more consumable - "Transfer funds"
4.6 - Step 1: In our first step, enter "How much would you like to transfer?" and Under options, we can define the type of response we anticipate from the user. select currency and click on next step
4.7 - Step 2: In our second step, enter "When do you want to make this transfer?" select date
Note that the system can detect dates in plain language, not just formatted (e.g. tomorrow, two weeks from now, etc...)
4.7 - Step 3 (a): In our third step, add a simple confirmation message to make sure we've got everything right. add "Just confirming, you want to transfer $ "$step1" on "$step2?"
Notice how we can use the $ sign to call upon pieces of information the user has already provided in an earlier step - these are called variables
In this step, you can also define options for our customers from directly within the step itself - unlike most tools which require you to set up a separate "entity" Let's add yes and no under options, We can even add some synonyms for Yes and No yeah, ya, nah, nope. Also change the skip step setting to "always ask".
4.8 - Step 3(b): let's define what happens if the user selects Yes or No. In this step, user selects YES.
To set this up, we will add a condition, which must be met for this step to be triggered
add "Great, let's finish the transfer directly in our app where we will gather your account information and the transfer destination. Click here to continue."
Highlight "click here to continue" and make it a link. In the link, type the following: "dtebank.com/transfer?date=(step1)&amount=(step2)" You can, in fact, add variables to your URL, if your transactional engine requires it We must then indicate to the system that this step ends the action successfully
4.9 - Step 3(c): let's define what happens if the user selects No.
Add "Whoops! Let's start over."
In this case, instead of ending the action, we'd want to re-prompt previous steps so the user can start over. Select all of them so that the user goes back to the beginning of the action. Select every step (1-4) to re-prompt
To test your chatbot, click on preview and try it out like below.
5.1 - Truly complex situations, such as when customers change the topic of a conversation entirely mid-flow, are called digressions.
In this example, let's plan for scenarios where your customer asks what the transfer limit is during the transfer flow. To do this, we simply need to build a new action with a single step in response Create new action > add example "What is the transfer limit?" then, Edit step 1 "The maximum daily transfer limit for all customers is $10,000.". And then: End the action
7.1 - To test your chatbot's digression capabilities, click on preview and try it out like below. Here you can notice how Watson Assistant jumps back to previous step after digression.
Now we will see how you can integrate your Watsonx Assistant as web-chat and with third party tools
8.1 - Open Navigation bar, select integration and select Web Chat. Keep the environment as draft and click confirm.
8.2 - Here you can customize your Chatbot as below
8.3 - To integrate your chatbot with your application, simply copy the code from Embed section and paste it in Header of your application's HTML file and your chatbot will be integrated. You can test it locally as well as with your live application.
8.4 - To integrate your Watsonx Assistant you will need a Twilio Account. Once you have your Twilio account visit Link and follow the steps.