---
description: What is Tawk.to Live Chat Integration
---

# Tawk

Tawk.to is a free live chat application that lets you monitor and chat with visitors on your website or mobile app. This tool helps improve customer support, engagement, and conversion.

#### Integrate with Ledsak (Tawk.to)

#### **Purpose:** Integrate the Tawk.to live chat widget into the **Ledsak.io** platform to enable real-time customer support and improve user engagement.

### Add Widget for website.

1\. Go to [tawk.to](https://www.tawk.to/) and click Get Free Widget.\


![](https://tawk.link/521727297ca1334016000005/kb/attachments/W0T0jGZd6G.png)

2\. Enter your name, email and password, and click Sign Up for free.

![](https://tawk.link/521727297ca1334016000005/kb/attachments/dvaRH705UK.png)

3\. We’ll send you a confirmation email. In the email, click Confirm email address.

![](https://tawk.link/521727297ca1334016000005/kb/attachments/fkKtVjHHTt.png)

4. Click the gear icon on the top menu to go to the Administration panel.

{% embed url="https://tawk.link/521727297ca1334016000005/kb/attachments/LEMtRsahAc.png" %}

5. From the Administration menu, select Chat Widget under Channels.

{% embed url="https://tawk.link/521727297ca1334016000005/kb/attachments/XuB9wARyib.png" %}

### Create pre chat from&#x20;

1.  Scroll down to Widget Content and click Edit Content.

    ![](https://tawk.link/521727297ca1334016000005/kb/attachments/Z543166OuI.png)
2.  . The Widget Content settings are on the left of the page, while your widget preview is on the right.

    ![](https://tawk.link/521727297ca1334016000005/kb/attachments/ALXc1HSjyt.png)
3. Adding the Pre-Chat form\
   The Pre-Chat form makes it easy to capture important visitor information before starting a chat. To learn more about using the Pre-Chat form, click [here](https://help.tawk.to/article/using-the-pre-chat-form).\
   \
   To add the form, select the Pre-Chat tab.

![](https://tawk.link/521727297ca1334016000005/kb/attachments/7_-WHltSnM.png)

Click Enable Pre-Chat to activate the form.

![](https://tawk.link/521727297ca1334016000005/kb/attachments/L1ZqfDmMgG.png)

Then, click + Add to add Header Cards.

![](https://tawk.link/521727297ca1334016000005/kb/attachments/5nOspSnMrN.png)

For example, you can add an agent’s profile image, a heading, and a text area in the Header, like this:

![](https://tawk.link/521727297ca1334016000005/kb/attachments/rrDGE7Aks9.png)

Next, click + Add to add Body Cards.

![](https://tawk.link/521727297ca1334016000005/kb/attachments/tX3CmfUWsS.png)

Then, select Form.

![](https://tawk.link/521727297ca1334016000005/kb/attachments/SLKsh54p45.png)

A form with the default Name and Email fields will appear in the widget preview. \
For example, you can add a text area with a question, like this:

Mandatory to Mapped field one of them (Name, Email, Phone).

![](https://tawk.link/521727297ca1334016000005/kb/attachments/y9L3nUt8Hw.png)

Then, click Update. The changes to your widget are effective immediately. No need to update the widget code in your page’s HTML.



### Creating a webhook

1. Click the gear icon on the top menu to go to the Administration panel.

![](https://tawk.link/521727297ca1334016000005/kb/attachments/0nk7bKd5EW.png)

2. On the Administration menu, select Webhooks under Settings.

![](https://tawk.link/521727297ca1334016000005/kb/attachments/4A3M2zoCNN.png)

3\. Click Create Webhook.

Note: You can have up to 10 webhooks per property.

![](https://tawk.link/521727297ca1334016000005/kb/attachments/uzq6rkyHjU.png)

4. Config the webhook with ledsak.

{% embed url="https://prnt.sc/iivBPx8bX79Q" %}

5. How to Get Ledsak Enpoint URL.

Go To Ledsak Integration> click to Tawk connect> click to copy Webhook URL.

{% embed url="https://prnt.sc/mMe-4ByQgYvA" %}

{% embed url="https://prnt.sc/wHeK_ApmTSFP" %}

6. Copy Secret Key Tawk Webhook > Paste into ledsak Webhook Secret Key.&#x20;

{% embed url="https://prnt.sc/3t87s-gOWoJ4" %}

{% embed url="https://prnt.sc/m140tCHtV09R" %}

7. Source as Tawk> Create a source Tawk> and Save

{% embed url="https://www.loom.com/share/a3750c0eda794a8fba8d5a7ed48c3f34?sid=9c8790e7-fda2-48de-8760-1567d3c7233f" %}

8. Finally connect Tawk with ledsak.

{% embed url="https://prnt.sc/uLw0PukCASgK" %}
