Whatsapp Chat Button

I am seeing two whatsapp sharing buttons / addons that allow you as a store owner to share product info and what not but these addons do not activate the whatsapp app on your Windows (10) PC, iPhone iOS, Chrome or Android device.

Check this website: https://www.parfumaria.com/en/and the whatsapp chat button on the bottom right corner.


Just use this url: https://wa.me/[PHONENUMBER]

Kind regards,


Just use this url: https://wa.me/[PHONENUMBER]

Kind regards,

Thanks for the suggestion but i fail to comprehend the url.

It does work for me.

I did however found this


I will work with it for while and give you my review over time.

please advises how to add code

I did however found this


I will work with it for while and give you my review over time.

please advises how to add code

I am a bit lazy in that optic, I make us of an addon build and maintained by Hungryweb -


Buy Valentin a cup of coffee and he will be to come up with similar useful addons.

Install the addon as usual and open up the addon once installed in your store. The following dialogue screen should appear to you and then copy paste the code generated from this whatshelp into the "Scripts" area as in my sample below

[attachment=13473:2018-10-03 17_30_42-.jpg]

Save the settings and enjoy

2018-10-03 17_30_42-.jpg

please advises how to add code

Just add HTML block with SMARTY support to the footer and wrap your code with

    ... code here...

I am writing the full guide on how you can add whatsapp button -

If you are planning to add a WhatsApp button to your website, you are not alone.

More and more business owners have recognized the benefits of interacting with customers on WhatsApp, the most widely used messaging app globally. Being easily accessible with WhatsApp means you can quickly attend to your customers, supporting them throughout their lifecycle with your brand.

With WhatsApp, you can create automated quick replies for your customers and share meaningful content that helps you build a loyal customer base.

Then again, using WhatsApp to communicate with customers isn’t all sunshine and rainbows; it gets difficult handling multiple customers on chat, sometimes the number of active chats piles up, and the quality of customer experience begins to dwindle.

While you add the WhatsApp button to your website, make plans for how you’ll scale customer service on the platform. See how this Spanish shoe retail brand – **[Pretty Ballerinas] scaled their WhatsApp customer support to streamline their customer experience and improve sales.

Meanwhile, this article will help you add the WhatsApp button on your website, show you how to add WhatsApp on your Shopify store, and then how to manage business Growth with WhatsApp API.

Before the “how-to” section, let’s consider the pros and cons of using WhatsApp to communicate with your clients.

Why integrate WhatsApp on your website?

There are many good reasons to add a WhatsApp Button to your website. However, there are also other factors to consider; after all, you want to use WhatsApp to improve your business communication and convert more clients, not stifle your growth in any way. Consider some of these pros and cons:

Pros Cons
If you are responding to clients with the WhatsApp app, you are limited to one smartphone. This approach isn’t practical if you have more than five employees. Clients have easy access to chat with you or your business.
The automation on the WhatsApp Business app is limited or simple at best.

If you have a more extensive client base, you may need to use the WhatsApp Business API. Take this **[quiz] to know if the API is the right fit for your business.|Broadcast messages and automation options are limited.|
|If you need to have smooth and personalized communication with your clients, you may need CRM functionalities, and they aren’t available on the WhatsApp Business app.

To have targeted communication with your clients, you’ll need to integrate **[WhatsApp business API.]

How To Add WhatsApp Link To Your Website?

Now you know some of the Pros and cons, it’s time to learn how to add WhatsApp to your website. The processes I’ll show you will help you put a button on your website; Basically you can add this with the help from mobile app development company to ensure the button will prompt visitors to start a chat with your business through WhatsApp.

  1. Create a WhatsApp API link

WhatsApp API link is a feature that lets you begin a chat with someone without having their number saved on your phone address book. With the feature, you can create a link that allows you to start a chat with anyone.

Once they click the link, a chat with your business will automatically open on both a phone and WhatsApp web. Once you create the link, you can add it to your website as a button or a link.

Here’s how you create the chat link:

  • Simply add your phone number to this link.

The is a complete phone number in the international format, omitting any zeros, brackets, or dashes when adding the phone number.

Wrong format = +1 30142431267

Correct format = 1 30142431267

  • Suppose you want to add a custom message that will appear when a client clicks on the link. Here’s how you do it:

You’ll add a parameter to the chat link you saw previously; you’ll see as “ &text=” just after you’ve added your phone number.

To add a space in the custom message, use ‘%20’. The default message in this example is “This is a test.”

  1. Create a button with WhatsApp Widgets.

This method of adding a WhatsApp button to your website offers many advantages and is easy for anyone to implement. With WATI’s live chat widget, you can customize a button that will have the look and feel of your brand.

Here’s how you can use the widget:

**Step 1. Go to [Create WhatsApp Chat Button]

Step 2. Customize your button, add:

  • Button color – you can use your brand color.
  • Button name – Ideally, a call to action like (Message Us!)
  • Use the other settings to design the shape and position of the button.

Step 3. Customize your chat widget button, adding:

  • Your brand name.
  • A brand subtitle
  • Add your phone number and then
  • A welcome message

Step 4. Complete your Chat widget settings

  • Add a default message that users can send. The default message prompts users to ask a question about a particular page.
  • Add your brand image URL. Copy a URL of your logo and add it to this field. If you don’t already have an image CDN, you can create one [here].
  • Choose the background color and add a CTA text.

Step 5. When you finish filling the form with relevant details, click “ Generate Widget Code,” once you click it, a drop-down with some codes snippet will appear, then click “copy to clipboard.”

Hope this will help.