Embbed a chatbot inside a webpage

Hi:

Since I am useless to get this solved by myself, I ask for some help.

I want to add the chatbot inside (embedded) in a webpage, like the one of the example. In this example case I paste a code to embed a frame and it worked well. But the existing code to embed now, it only let’s me to create the chatbot from the bubble and the sliding carousel from the side.

How can I solve it?

Note: I posted the same question on April 19, but I did not get any solution yet.

Hi Andres,

Here, let me list what I would do to do that trick. The same idea you want to achieve can be found in the chat tab in the Bot dashboard.

Step 1: Go to the chat tab in your bot

Step 2: Right-click right above the chatting windows, and click Inspect

Step 3: You will find a div with class “h-full w-full p-4”, choose “copy outerHTML” and paste it into your HTML.
image

Step 4: Refresh the page, you should be able to see something like this:

Now the last step is to style the “h-full w-full p-4” div

Thank you, it works. Great.

2 Likes