# Social Channel Button

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

![OneTalk Live Chat Widget with Social Channel Button](https://4266585843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LfVupFSqh_qZAY9OiCO%2F-MgEKHk1i0sifsM-LF2L%2F-MgELaIpY5nIi6RelGsH%2FScreen%20Shot%202021-08-04%20at%2011.09.22.png?alt=media\&token=f5209dc7-05d7-469e-b19e-bd9b7f5ad6ce)

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

### Configure Social Channel Button

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

Please refer to this [documentation](https://docs.taptalk.io/onetalk-omnichannel-documentation/onetalk-channel-integration/live-chat/onetalk-web) 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**

![](https://4266585843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LfVupFSqh_qZAY9OiCO%2F-MgELjGzlF8scqtb6c8i%2F-MgEOmCN5BkQrbu7ghEe%2FScreen%20Shot%202021-08-04%20at%2011.02.31.png?alt=media\&token=20a8fb87-0b50-48b2-80f2-027105c877a7)

Scroll to **Channel Button** section > Click **Edit** 

![](https://4266585843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LfVupFSqh_qZAY9OiCO%2F-MgELjGzlF8scqtb6c8i%2F-MgEOysDNQHvVpbE6TFt%2FScreen%20Shot%202021-08-04%20at%2011.02.52.png?alt=media\&token=b4db09bd-cada-4dcd-9fc5-0a79fc4192b7)

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

![](https://4266585843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LfVupFSqh_qZAY9OiCO%2F-MgELjGzlF8scqtb6c8i%2F-MgEPW3OLmFS8_ADGcsP%2FScreen%20Shot%202021-08-04%20at%2011.01.12.png?alt=media\&token=6576e336-022d-4ffd-8248-9e2a5fd9b3d8)

{% 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](https://4266585843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LfVupFSqh_qZAY9OiCO%2F-MgELjGzlF8scqtb6c8i%2F-MgEQTo7O2x3X53uWFVG%2FScreen%20Shot%202021-08-04%20at%2011.29.25.png?alt=media\&token=abffd052-ca04-46e0-8d18-53ed235ed9c8)

![Click Channel Button with Include current Page URL](https://4266585843-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LfVupFSqh_qZAY9OiCO%2F-MgELjGzlF8scqtb6c8i%2F-MgEQSIgu2_eoMduDFVr%2FScreen%20Shot%202021-08-04%20at%2011.03.44.png?alt=media\&token=c50f1b92-685b-459f-827b-2f8af160ed2f)