# 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="https://3618795910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3pP2APLi2ZwqQCorRa5l%2Fuploads%2F5t5GTOneJ88oiOeWqgwV%2Fwidget.png?alt=media&#x26;token=4c6cac8d-5a84-4b90-a26c-20e8881526fc" 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="widgets/configure-launcher" %}
[configure-launcher](https://docs.makerobos.com/chatman-enterprise-whatsapp-platform/chatman-functions/widgets/configure-launcher)
{% 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="https://3618795910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3pP2APLi2ZwqQCorRa5l%2Fuploads%2F7z3pO9AitSvhvDEM8Grv%2Fwidget%201.png?alt=media&#x26;token=6a37bf0a-4c92-4d21-b54e-87f8b464410a" 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 %}