> For the complete documentation index, see [llms.txt](https://help.skoobot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.skoobot.com/how-skoobot-works/bot-settings/widget.md).

# Widget

### What is a Widget? <a href="#ti1dw6jesgu9" id="ti1dw6jesgu9"></a>

A Widget is a chat interface that can be installed in your website, ads, blogs or any promotional content to route subscribers to your Chatbot. You can create multiple widgets by following a few easy steps on the SkooBot dashboard.

### How to Create a Widget <a href="#tl8pi4923lba" id="tl8pi4923lba"></a>

To create one, go to the `Widgets` tab in ‘Bot Settings’ and click `Create Widget` on the extreme right.

![](/files/vpZd5YSzQZxRdfxWrIsr)

### Name your widget <a href="#id-7ad7g84nlw9u" id="id-7ad7g84nlw9u"></a>

Enter the widget name and click `Create Widget` once again, you will be redirected to a section where you can customize the positioning and look of your Widget.

![](/files/USoJ6nq2sgOKOJdGoNAj)

### &#x20;<a href="#otlzywwo1eqq" id="otlzywwo1eqq"></a>

### Configure your widget <a href="#km72sm1vrpyy" id="km72sm1vrpyy"></a>

#### a. Position your widget <a href="#tz6jgn3fpdx7" id="tz6jgn3fpdx7"></a>

Here, select the position of the widget as you wish it to appear on the website or promotional content. You can position your widget as

* Bar: Headline bar on top of the website page
* Slide-In: A square widget slide in at the bottom right
* Page Takeover: Displayed as full page over the page
* Button: Appear as a Call to Action button in the middle of the page

![](/files/s7RX7Tq29yfNTqd2RB0c)

#### b. Select theme color of your widget <a href="#id-4cbvw1ggxm2w" id="id-4cbvw1ggxm2w"></a>

Now select the background color of the widget to match your brand’s personality and the page on which it is placed. Save the changes,

![](/files/szSAI7tRylWwYQqn31k4)

### Install your widget <a href="#id-12pb5vh4nvvm" id="id-12pb5vh4nvvm"></a>

As you save the widget’s configuration, you will be automatically redirected to the section where you will find a Javascript snippet that you can copy and paste on all HTML pages where you want your Widget to appear.

![](/files/DLwLMa6stEsvlw5LJMLE)

![](/files/KzCwDI2LiuDLavQXfy9v)

Copy and install the Widget to prompt visitor’s to chat with your bot.

Done! You have created your widget.

If everything is correct and you are still unable to move forward, write to us at <support@skoobot.com.We> will respond back within 48 business hours.
