How can I add a WhatsApp floating button to my website?

Hey there, so I’m looking to add WhatsApp floating button onto my website which will take customers to a new tab and it’ll open web whatsapp or whatsapp app for them. Can anyone guide me that how can I do it?
Here’s an example of what I exactly want: https://www.shopatorient.com/
I want a button just like the above website has. Any type of help would be really appreciated a lot.
My Website: https://www.saya.pk/

2 Likes

Hello @Moeed ,

Welcome to Shopify Community!

I have created a widget for your store, Add below code to your theme.liquid file after the tag.


Below is the image how it will look

You can use https://apps.elfsight.com/ to create your own widget. (Video:https://www.youtube.com/watch?v=gLFUIyKNMLs&ab_channel=HowtoDigital)

Reach out to me if you have any questions!

Thanks

1 Like

Thank you for accepting the solution!

Feel free to reach out in case you need any help. Have a good day!

1 Like

Hello @Moeed !

We are very sorry that it took us so long to reply! @SocialAutoPost Many thanks for mentioning us :wink:
@Moeed Our WhatsApp Chat widget will be a suitable app for your use case. So, you are very welcome to test it!

If any questions come up, never hesitate to contact us. We are always happy to help!

Regards,
Elfsight Team

Explore all Elfsight widgets — Widget Catalog
Communicate and learn — Elfsight Community Forum

1 Like

I have found a free app on Shopify’s public app store called Pronavi: https://apps.shopify.com/pronavi-navigation-design , which allows you to easily add and customize the bottom bar of your website.

Super simple tutorial to add Whatsapp Chat without any Shopify App:

Our app, Powerful Floating Button, can manage multiple floating widgets, including WhatsApp, promotion links, etc, on the page. This helps to prevent widgets from different apps float around the page, cluttering the website and disrupting brand consistency.