# Social Channel Button

You can add a social media channel directly into the OneTalk's live chat widget&#x20;

![OneTalk Live Chat Widget with Social Channel Button](/files/-MgELaIpY5nIi6RelGsH)

{% hint style="info" %}
**Note:**\
Please make sure you already implement OneTalk's Live Chat Widget. You can implement it[ by following this guide](/onetalk-omnichannel-documentation/onetalk-channel-integration/live-chat/onetalk-web.md)
{% endhint %}

### Configure Social Channel Button

#### Step 1: Make sure you already implement OneTalk's Live Chat Widget

Please refer to this [documentation](/onetalk-omnichannel-documentation/onetalk-channel-integration/live-chat/onetalk-web.md) for implementing OneTalk's Live Chat Widget

#### Step 2: Setup The Social Channel Button

In this example, we will add the social channel button for WhatsApp (Please make sure you have already created the WhatsApp channel).

Go to **Integration** > **WhatsApp for SME** > Click the **detail of the Channel**

![](/files/-MgEOmCN5BkQrbu7ghEe)

Scroll to **Channel Button** section > Click **Edit**&#x20;

![](/files/-MgEOysDNQHvVpbE6TFt)

Here you can fill **Title**, **Phone** **Number**, and **First** **Message** that will be shown

![](/files/-MgEPW3OLmFS8_ADGcsP)

{% hint style="info" %}
If you wish to know where does this customer came from (from which URL), simply check the **"Include current Page URL in message"**
{% endhint %}

Later, it will be shown as below if the user click the **Channel Button**

![Click Channel Button without Include current Page URL](/files/-MgEQTo7O2x3X53uWFVG)

![Click Channel Button with Include current Page URL](/files/-MgEQSIgu2_eoMduDFVr)


---

# 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://docs.taptalk.io/onetalk-omnichannel-documentation/social-channel-button.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.
