Articles on: Integrations

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:


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



  1. Select a template for your widget



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



4.Copy the HTML code



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



  1. Paste the HTML code on the HTML input field



  1. Publish your website



  1. Done! Your Whatsapp widget is integrated


Updated on: 26/07/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!