How to add floating Whatsapp message button on your Shopify store without app

If you want to add quick Whatsapp floating button with message box to connect with your users then here I am going to share an awesome script which add floating whatsapp button on your website and if some one click on that button a web tab will open with prefilled message. Using this web page your user can send message to you on given Whatsapp number.

DEMO

First, you go to the page: https://www.huratips.com/tools/index.php?page=floating-whatsapp. After that fill on fields on this page.

• WhatsApp number
• Greeting message
• Position
• Distance from bottom line
• Distance from margin left/right
• Display

Click onto GET CODE button to submit the form.

On next page, the page will show the embed code. To embed this code you do step by step:

1. Copy above codes.
2. From your Shopify admin, to to Online Store > Theme.
3. Find the theme you want to edit and then click Action > Edit code.
4. In the Layout section, click theme.liquid to open the file in the online code editor.
5. Find </head> and paste code just above it.
6. Done

Happy coding!

Related Posts via Categories

• How to Create Your Own WhatsApp Link
• How to Create a Halloween Scare Effect on Your Logo
• The Best Shopify Apps For Inventory Forecasting
• How To Remove Decimals From Prices in Shopify
• How To Offer Shopify Volume Discounts Using The “Volume Discounts – Dealeasy” App
• Top 9+ Best Shopify Upload File Apps
• The Best Shopify Cart Saver Apps
• How To Create Expand & Collapse Text Using Read More/Less Links in Shopify
• How To Change Any Font For The Whole Of Your Shopify Store
• The Best Shopify Apps To Build Quiz & Recommender Powered by AI