LoginGet started — it’s free
Made in Webflow

Free Whatsapp Chat Widget

Clone in Webflow437
Shaun Heath's avatar
by Shaun Heath
site profile thumbnail


I recently came across the tutorial on Webflow University regarding "how to add a WhatsApp chat widget to your webflow projects" realising that I didn't want to pay the $5 a month fee for Elfsight I had a look at what it was doing and it really wasn't doing very much. Installation: Copy and paste or clone this project, if you copy and paste you will need to recreate the interactions. Also include the following script into your project custom code (before Body close: <script> $(document).on('click', '#close-chat', function(event) { event.preventDefault(); $("#whatsapp-button").click(); }); </script> This will prevent the close button from performing its default action, so you can manage the open and close through one interaction. Finally, to connect your whatsapp account, just change the link on the "Start WhatsApp chat" button with your telephone / Whatsapp number: https://api.whatsapp.com/send?phone=+ADDNUMBERHERE

Feeling inspired?

If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
© 2022 Webflow, Inc. All rights reserved.