> For the complete documentation index, see [llms.txt](https://docs.makerobos.com/chatman-enterprise-whatsapp-platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.makerobos.com/chatman-enterprise-whatsapp-platform/chatman-functions/widgets.md).

# Widgets

Customize WhatsApp widget that looks captivating on your website, so when a user sees it, they are persuaded to click and engage in real-time communication.

## Launcher Icon

Choose how you want your WhatsApp widget icon to look on your website.

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

## Configure Launcher

Modify your WhatsApp widget with background color, text color, spacing and a lot more to make it perfectly align with your website.

{% content-ref url="/pages/vsG58c01umBNZ9heS1fA" %}
[Configure Launcher](/chatman-enterprise-whatsapp-platform/chatman-functions/widgets/configure-launcher.md)
{% endcontent-ref %}

## Link Your Message

The main aim of linking messages is to add visitors as a contact on WhatsApp by linking your WhatsApp QR code. Choose a message which you want the visitor to get redirected with, say 'hello, what services you're providing?'

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

## Copy & Paste Widget Code

Code that helps you display WhatsApp widget on your website. Just copy the code and paste it in the HTML, preferably before the closing body tag (/ body>) on each page of your website.

{% code fullWidth="true" %}

```html
<script
	id="makerobos_widget_script" 
	type="text/javascript" 
	data-link="105784655816503" 
	src="https://link.makerobos.com/dev_chatmanwidget">
</script>
```

{% endcode %}