How can I embed the Bot in my web page?

General
1

I used the web sdk to publish my bot on a webpage and this is what I got.

image
image1043×581 2.04 KB

When I click the icon the chat window open up
image
image1477×847 59 KB

But what I wanted was to embed the chat window in the webpage itself like this

image
image1914×955 59.6 KB

My goal is to create a web page like this

image
image1913×734 126 KB

Can I get some guidance on how to achieve it?

2

Dear @rahul1.sinha ,

Thank you for posting a query.

Kindly confirm if you have already followed our documentation that talks about WebSDK Setup in the platform below:

  • In the above link, there is a deployment option where you can copy the code to embed WebSDK Channel in your application pages.

image
image1485×841 96.4 KB

  • In case you want to have a customized WebSDK setup, you can use Download SDK link to download, set up, and configure the Web/Mobile SDK using the prebuilt SDK libraries.

image
image1482×913 79.2 KB

Regards,
Kore.ai Community Team

3

Yes, I have followed it successfully. But as you can see in the image it produces an bot icon at bottom right corner of the page clicking which opens the chat bot.

What I want is for the chatbot to be embedded in the webpage like the last image.

4

@rahul1.sinha ,

Kindly try adding a new script tag to trigger the chat icon click and validate:
Eg:

<script>
[KoreSDK.show](http://koresdk.show/)(KoreSDK.chatConfig);
//add this line
KoreSDK.dependencies.jQuery('.kore-chat-window .messages').trigger('click');
</script>

Regards,
Kore.ai Community Team