Free Whatsapp Chat Widget
Description
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.
We miss comments too!
Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!
As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.