# Whatsapp Widget

{% embed url="<https://youtu.be/dXxQ9w1NeQc>" %}

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

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

1. Login to you Botpenguin Account.
2. Create or select any social bot. That can be either Whatsapp, Instagram, Facebook or Telegram.
3. Then click on and select a bot and go to automation settings.
4. Then click on Widgets section.&#x20;

{% hint style="success" %}
Here we have discussed about Whatsapp Widgets. Others also follows almost same procedures.
{% endhint %}

<figure><img src="/files/h0rtFLuFORScjlcv2tU0" alt=""><figcaption><p>Widgets</p></figcaption></figure>

5. Here you can manage widget settings by configuring:

* Link&#x20;
* Chatbot Icon
* QR Code

### Link&#x20;

* Click on "link" button to open the drop down and make changes in the widget's link before sharing.
* You can edit the pre-populated message which will be sent along with the widget link.

<figure><img src="/files/5oFiMtXDOhLFTp5UGHxA" alt=""><figcaption></figcaption></figure>

* Once the text is edited click on "update Widget" and save the changes.
* Then click on "Copy WA Link" button to share your widget using a link.&#x20;
* Once the link is clicked customer will be redirected to chat with your bot.

<figure><img src="/files/6cl79XAKE2Qo5Reg93LD" alt=""><figcaption></figcaption></figure>

### Chatbot Icon

* Click on "Chatbot Icon" to open the drop down and edit the chatbot icon before using it in your website.
* You can copy the chatbot icon code and paste in your website header. This will install the chatbot icon in your website.
* You can also edit the Chatbot Icon.&#x20;
* You can make changes in Icon size by selecting from the drop down.
* You can enter a text that will be displayed in the widget icon.
* You can select a placement and positioning for the widget icon. Select from the options by clicking on the drop down.
* Click on "Update Widget" to save the changes.

<figure><img src="/files/MAYvynuSuMj7xch56qwm" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/PBiWtQGiRMwSpLuxVq7d" alt=""><figcaption></figcaption></figure>

## QR Code

* Click on "QR Code" to open the drop down and edit the pre populated message for your chatbot which will appear after scanning the QR Code.
* You can click on "Download QR Code" and QR Code will be downloaded which can be shared and scanned by customers and they will be redirected to chat with your chatbot.

<figure><img src="/files/nxvpibPL0TjIiDxQ32Yo" alt=""><figcaption></figcaption></figure>

* You can edit the Pre-populated message which will appear after scanning the QR code by clicking on the "Edit pre-populated message" button.&#x20;

<figure><img src="/files/x9IOHXjeOqKZl0E8v386" alt=""><figcaption></figcaption></figure>

* And then click on "Update Widget" to save the changes made.

Done! You have created your widget.

If everything is correct and you are still unable to move forward, write to us at  <support@botpenguin.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.botpenguin.com/ai-agents/creating-ai-agents-in-botpenguin/social-media-widgets/whatsapp-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.