Whatsapp Widget integration using Elfsight
Getting Started
You can create a Whatsapp widget on 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:
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)
Select a template for your widget
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-9_2fpnwd.png)
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)
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)
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)
Publish your website
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-12_39xn1y.png)
Done! Your Whatsapp widget is integrated
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-12-01-at-11_1b52pec.gif)
Updated on: 26/07/2023
Thank you!