> For the complete documentation index, see [llms.txt](https://ledsak.gitbook.io/docs-for-ledsak/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ledsak.gitbook.io/docs-for-ledsak/integrations/tawk.md).
# 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.
2\. Enter your name, email and password, and click Sign Up for free.
3\. We’ll send you a confirmation email. In the email, click Confirm email address.
4. Click the gear icon on the top menu to go to the Administration panel.
{% embed url="" %}
5. From the Administration menu, select Chat Widget under Channels.
{% embed url="" %}
### Create pre chat from
1. Scroll down to Widget Content and click Edit Content.
2. . The Widget Content settings are on the left of the page, while your widget preview is on the right.
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.
Click Enable Pre-Chat to activate the form.
Then, click + Add to add Header Cards.
For example, you can add an agent’s profile image, a heading, and a text area in the Header, like this:
Next, click + Add to add Body Cards.
Then, select Form.
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).
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.
2. On the Administration menu, select Webhooks under Settings.
3\. Click Create Webhook.
Note: You can have up to 10 webhooks per property.
4. Config the webhook with ledsak.
{% embed url="" %}
5. How to Get Ledsak Enpoint URL.
Go To Ledsak Integration> click to Tawk connect> click to copy Webhook URL.
{% embed url="" %}
{% embed url="" %}
6. Copy Secret Key Tawk Webhook > Paste into ledsak Webhook Secret Key.
{% embed url="" %}
{% embed url="" %}
7. Source as Tawk> Create a source Tawk> and Save
{% embed url="" %}
8. Finally connect Tawk with ledsak.
{% embed url="" %}