Build Your AI Chatbot: Setting Up A Widget

Modified on Thu, 16 Jan at 10:38 PM

Setting up a Widget


A Widget is the interface for your AI Agent through which your user interacts with it. 


Here are the steps to create a Widget and deploy it on your website. 


        a. Navigate to Widgets. Make sure you have selected AI Agents from the sidebar. 



          b. Click on Add a Widget.


           c. Here you can set up the Widget as needed. 



  • Name: Give a name to your Widget.


  • Description: Describe what the Assistant would do. It is for your own reference only.


  • Select Assistant: Pick one of the Assistants that would be used to act as the interface. 


  • Widget Type: You can select one out of Chat, HTML, or WhatsApp. 


Chat bubbles can be embedded on any page of your website in the bottom right corner.



HTML variants are embeddable directly in an iframe or can be accessed directly through a URL.



WhatsApp is deployed for your customers to interact through their own WhatsApp numbers. A separate guide is provided to set its configuration.



           d. Once you click the Submit button, it will create the Widget.


           e. You can find out basic information about the Widget and the Assistant it is built on. 


Also, it gives you the option to get the code, and QR, customize the design, or open the Widget that you just created in a new tab.

 


  • Get Code: This option gives you the code for your widget for both Chat bubble type and iframe by selecting from the dropdown menu. 


    Once you copy and paste the code into the respective section of your website, your AI Agent will be live. You can also generate a QR Code and use it anywhere including physical places such as at a clinic, restaurant, event and so many other places.
  • Customize Widget: Our AI Chatbot Agents can be fully customized to suit the look and feel of where you intend to deploy them. Refer to this manual for more details.


  • Visit Demo: Click on this link to open the AI Chatbot Agent in a new tab. You can also use the same URL anywhere to make it accessible to your users.


Now your Widget is ready to use and deployed in the forms explained above. You can also try it out from the Playground section of your dashboard.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article