How to add whatsapp floating button

[Moeed]

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/

[SaaSEnthu · Accepted solution]

Hello @Moeed,

Welcome to Shopify Community!

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

<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div class="elfsight-app-7ce288f3-b8bb-4f12-b9c5-01b6ba8d73c4"></div>

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

[SaaSEnthu]

Thank you for accepting the solution!

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

[Elfsight_Team]

Hello @Moeed!

We are very sorry that it took us so long to reply! @SaaSEnthu Many thanks for mentioning us 😉
@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

[NguyenVu]

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. 

[websensepro]

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