# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.skoobot.com/how-skoobot-works/bot-settings/widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.