You can create your button and adjust it as many times as you want, creation is very simple, you can adapt the location where the button will be displayed, text that will be displayed when hovering the mouse and whether it needs to be opened on a computer, whether it opens on a computer or not. a new browser tab.
To have your button is simple, just enter the number that will be called, if you wish, configure a standard message that the user can send with a simple send.
The button created is responsive, works perfectly on any device, be it desktop, tablet or smartphone.
They are easy to install: Just copy and paste the HTML code onto your website.
A WhatsApp button on your website allows you to:
Allow your customers or potential customers to speak to you or your company quickly, with the click of a button.
Make it easier for potential customers who are browsing your website to contact your sales team, answer their questions about your products or services and increase your online sales.
Capture your visitors' contact details and include them in your marketing list.
⚠️ Attention, check the degree of difficulty before making changes to your code. To be safe, make a backup before making changes or ask a programmer for help. We are not responsible for problems generated due to incorrect installation of the code.
Difficulty level:
The generated code needs to be installed in your website's HTML between the tags <head> e </body>, There is no exact location, but we recommend that it is closest to the tag </body>, thus avoiding changes in the performance of your website when the button loads.
Example of how the code can be installed on your website:
<!DOCTYPE html>
<html>
</html>
Difficulty level:
Using the Google Tag Manager, you can create a new tag with the type , is a simple and quick way to install the button, considering that you already have an account created and configured, create a new tag, paste the code generated here by our tool, configure a trigger, save and publish your code, once done your button will now be working.
Difficulty level:
If you use Wordpress on your website, installing the WhatsApp button code can be done in two ways:
</body> tag in the code and paste the generated HTML code before it, just like the example shown above.You can configure the button to be larger or smaller in size, to do this, find the following section in the code:
position:fixed;width:60px;height:60px;
By default a button with 60 pixels will be generated, if you want it bigger or smaller, just change the values highlighted above and test to the point of leaving it in the best way that suits you.
Each website has its own layout, and if you need the button to be positioned higher, lower, more central or closer to the edge, this is possible by editing the following part of the code:
bottom:40px;right:40px
in bottom you determine the height, the higher the number, the higher it will be on the screen, on the right you determine whether you want it closer to the center or closer to the edge of the page.
Adjustments can also be made here until you get it in the way that best suits your needs.
You can choose the location by selecting the button at the beginning of the page, in the Button Location field, but if you have already generated the code and want to change it without generating another code again, adjust the following part of the code:
bottom:40px;right:40px
You can use left or right.
By creating the WhatsApp button you can create ready-made messages that your customer can just click send, this helps the user to start the conversation with you, and you can create different messages according to their needs, for example, on a contact page you can say, "Hi, I need help", on a product page you can say, "Hi, I'm looking at product XYZ on your website and would like more information", note that, With ready-made messages you can even know where the customer came from and what they were looking for, so let’s look at some other examples:
