Deploy the Chatbot on WordPress Website
Welcome to the Sixt lesson on how to Build Chatbots with IBM Watson assistant, we saw in the last lesson how to make our chatbot more interactive with the users.
If you didn’t watch the previous tutorial you can see it in the link below.
In this lesson, we’ll Deploy our chatbot on a WordPress website.
Create a WordPress website
watch this video so you can create your own WordPress website.
But if you do have one you can skip this step.
Create an Assistant and link it to your skill
We have created earlier dialog skill, which is the most important component of the chatbot, but we still in the halfway and to make use of it and deploy it on our WordPress, we’ll need to create an Assistant and link it to our skill.
Let’s see how to do that in practice:
Click on IBM Watson Assistant at the top of the page.
Now click on the Create assistant button.
You should give it a name, call it wherever you want for instance Hotel reservation chatbot or shopping chatbot or insurance chatbot or wherever your business type.
The last thing, click on the Create assistant button.
Now you should add a dialog skill to the assistant you just have made, click Add Dialog Skill.
Then select Add existing skill tab and click on your chatbot.
Your chatbot assistant is now ready to be deployed, you can see a preview of it just by clicking on the Preview Link button in the Integrations section as shown in the image.
Click on that link to see your chatbot in action.
Now, try out some messages.
Now, we gonna see how to deploy the chatbot on WordPress that we have created earlier.
Deploy Chatbot On WordPress
IBM provides the Watson Conversation service on its IBM Cloud platform which combined with WordPress plugin.
Let’s see that in practice how to deploy the chatbot:
The first thing you need to do is log in to your WordPress admin page and to access the WordPress dashboard you simply need to add /wp-admin to the end of the URL where you installed WordPress as shown in the image.
Next Type the username and password you used when you installed your WordPress.
The WordPress admin dashboard is the control panel for your all WordPress website where you manage and create your pages.
Now you see the plugins option in the admin menu, for those who don’t know what is plaguing is, the plugin is a piece of software containing a group of functions that can be added to a WordPress website and they can extend functionality or add new features to your WordPress websites.
Click on the plugins option.
And then click on add new.
In WordPress 2.7 and above you can install plugins directly from the plugins section.
Just search for IBM Watson Assistant in the search box on the right-hand side of the plugins section then click Install Now and the plugin will be installed shortly.
Then you need to activate it, so go ahead and click activate.
Now you will see the Watson assistant plugins have been added to the admin menu, go ahead and click on it.
Then click on the plugins setup tab, and here where we gonna add our chatbot to the WordPress website.
Go to your IBM cloud dashboard Here, and search for Watson assistant, then click on that tile.
you will be redirected to this page, just click on launch Watson assistant and remember don’t close this page since we need it later on.
After click on the launch Watson assistant, you will be redirected to the assistant that you have created before.
Click on that three dots on your chatbot assistant and then click on the setting.
You will be redirected to your assistant setting page.
Click on the API details tab on the left-hand side, then copy the assistant URL by clicking on that little icon shown in the image.
Go back to your WordPress site and paste the URL in the assistant URL as shown in the image.
Now we just have to get the username and password.
As you see above there is an option that said I don’t see a username and password in my credentials then click on it, you will see a tiny instruction on how to get the username and password.
First, type the word apikey in the username section as shown here.
Now for the password just go back to your IBM Watson service page and copy the API key by clicking on that icon.
Go back to your WordPress, and past it in the password section and then hit the save changes button.
You will see a successful message appear in your WordPress telling you it was completed linking the chatbot with your WordPress site.
Click on browse your website link.
congratulation, you have successfully added Watson chatbot to your website.
Go ahead and try some of the chat with your chatbot.
This is the last part of the lessons on our chatbot, but you can make it much smarter than this by adding a context variable and digression.