> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Whatsapp Widget integration using Elfsight

# Getting Started

You can create a Whatsapp widget on [Elfsight.com](http://Elfsight.com) and integrate it into your website with a few simple steps. This article will cover the whole process in detail.

---

# Whatsapp Chat Integration

To integrate a Whatsapp chat widget from Elfsight, follow the steps below:

- Go to elfsight.com, login to your dashboard
- Click on Applications
- Select WhatsApp Chat
- Select a template for your widget
- Add a phone number/URL, choose what the chat would look like, and click on “Add to website”
- Copy the HTML code in the next step
- Go back to your website builder
- Add a new section
- Add the Custom Code element
- Paste the HTML code on the HTML input field
- Publish your site

Refer to the GIFs and Screenshots below to see the above steps visualized:

1. Go to elfsight.com, login to your dashboard, click on Applications and select WhatsApp Chat

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-8_1rokp4j.png)

2. Select a template for your widget

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-9_2fpnwd.png)

3. Add a phone number/URL, choose what the chat would look like, and click on “Add to website”

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-10_1pgavj9.png)

4.Copy the HTML code

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-11_34f3z5.png)

5. Go back to your website builder, add a new section, and add the Custom Code element

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2023-06-21-at-60_1en837t.gif)

6. Paste the HTML code on the HTML input field

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2023-06-21-at-55_1wm0gc7.gif)

7. Publish your website

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-12_39xn1y.png)

8. Done! Your Whatsapp widget is integrated

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-12-01-at-11_1b52pec.gif)