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

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans.

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!

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

1 Response

  1. Stephen says:

    HI, thank you for the codes. However, instead of Whatsapp logo icon, it is showing a blank green color icon. Can you look into this please?

Leave a Reply

Your email address will not be published. Required fields are marked *