How to add WhatsApp Button on your Website for FREE?
WhatsApp Button- What is it?
A WhatsApp Button allows you to engage customers on WhatsApp, even after they’ve left your website. With this button in place on your website, users need to just ‘click-to-chat to talk to connect with you on WhatsApp.
With a WhatsApp Button, you can:
- Convert users into customers by offering your products & services,
- Provide 1:1 live chat or automation of chat with the Aicubix platform.
About 98% Read-rate
45- 60% Click-through rate
Steps to integrate WhatsApp Button on your website for FREE?
1) Reach the WhatsApp Button Creator Page
First, go to the WhatsApp Button generation tool page to create your own website WhatsApp Button.
2) Customize the WhatsApp Button
Add your WhatsApp number with your country’s dial code. E.g.- If you have an Indian number, add ’91’ behind your number.
Customize the button with a range of options such as:
- Button Background
- CTA (call to action) Text (E.g.- Chat with us)
- Margin from the bottom, left and right
- Margin Radius
- A pre-filled message that customers will send you (By default it’s ‘Hi’. You can change it whatever you find suitable)
- Button Position
Here’s how to customize your WhatsApp Button like a Pro.
3) Choose WhatsApp Button Background Colour
To create a WhatsApp Button that catches your website visitor’s eye, the button should have a healthy contrast with the background colour of your website.
4) Configure the WhatsApp Button Dimensions
Configure the dimensions of the WhatsApp Button which will define where the button will open on the screen when a user clicks the WhatsApp Button
By default, Margin Bottom, left & right are kept 30 while the radius is kept 24 by default.
5) WhatsApp Button Position
You can either place the button on the left or on the right-hand side of your website.
Reports suggest 80% of people pay attention to the left side of a website. So, it would be beneficial to place the WhatsApp Button on the left-hand side.
6) CTA Text & Pre-filled Message
CTA Text is basically the text displayed on the WhatsApp Button. On the right, “Chat with us” is the CTA text for our sample WhatsApp Button.
A pre-filled Message is a message that will pre-fill in a user’s chat when they connect with you on WhatsApp after clicking the WhatsApp Button.
The pre-filled message should be based on your first message tag to automatically allot the tag to the user. By default, the pre-filled message is ‘Hi‘.
7) Customize Chat Widget
The image on the right is the Chat Widget. This pops up upon clicking the website button.
The next step is customizing the Chat Widget window that customers will view after clicking on the WhatsApp Chat Button.
Fill in the necessary details such as your Brand name, Brand image, Widget C.T.A. text and a default on-screen message. as shown in the image below.
As you can guess, the brand name in the image is Aicubix, the on-screen message is “Hi, How can I help you?”, and the Widget CTA Text is “Start Chat“
8) Personalize your URL (Optional)
After customizing the Chat Widget, you are good to go. However, you also get the option to customize the chat button for a particular page.
Basically, you can configure the WhatsApp Button Content for a particular URL, including display message, pre-filled message etc as shown in the image on the right
Carefully fill in the necessary details such as source URL (keep in mind the parameters), pre-filled message and on-screen message. You can create Chat buttons personalized according to different web pages on your website.
8) Preview the WhatsApp Button
Preview your WhatsApp Button by clicking it! Finalize the changes & proceed towards the final step.
9) Generate & paste snippet code below body tag of Webpage
As the last step, hit the “Generate Snippet” button. Copy the snippet code & paste it below the body tag of the webpage.
You are good to GO!
Enjoy 3x more engagements & conversions with your WhatsApp Button!
WhatsApp template Message FAQs
WhatsApp Button: What is it?
With 2 billion active monthly users worldwide, WhatsApp is one of the most widely preferred messenger applications. Businesses, whether online or offline are slowly realizing the potential of WhatsApp and integrating it with their businesses.
A WhatsApp Button is one such method of getting users to engage with you on WhatsApp. With this button in place on your website, users need to just 'click-to-chat to talk to connect with you on WhatsApp. You can utilize this opportunity to get the user to convert into customers by offering your products & services, 1:1 live chat or automation of chat with the Aicubix platform.
Why implement a WhatsApp Button on your website?
Implementing a WhatsApp Button to your website has various benefits:
- It's the easiest way of scoring a lead. You get the customer's name and number along with their opt-in for future WhatsApp updates, notifications and more.
- It offers a great level of personalization with 1:1 live chat. It's a 'foolproof' way of getting the users engaged and converting them into customers.
- WhatsApp has a 95% open rate and a 45-60% click-through rate. This is 7x better than emails or SMS. You'll have a better chance to boost your sales and growth with WhatsApp than any other platform.
What is the significance of the First Message tag?
The first message tag signifies the interest of the user towards a particular product or service. This makes the business know the landing source of the user on WhatsApp. For example, if the user is coming from the “Product X” page, the “Product X’ tag will be assigned to the user. This implies that the user is interested in Product X. Similarly if the user is coming from an Ad of “Service A”, the “Service A” tag will be assigned to the user in an automated manner.
Do I need to pay anything?
No, this service is absolutely FREE.