Put a WhatsApp button on your website in 2 minutes: generate the button and paste the HTML code

1 WhatsApp Number
? Put your number with the country code before. Only numbers.
Example: 5541995266655
2 Widget Header
3 Message
?What message do you want to display? (Leave blank for nothing)
4 Code:
Message Header
Message text!
Message Header
Message text!

How to use:

Just paste the code somewhere you can put custom HTML/CSS.

It would be best to incorporate the CSS with other custom styles, but it’s not mandatory.

How does it work?

It’s just simple CSS using media queries to display two different  links: 1 for WhatsApp Web, for larger screens, and other for the  WhatsApp API, for smaller screens.


I’ll make a plugin in a couple of weeks.

For now, you can paste it in the footer of your website:

Style > Editor

Style Editor

Go to the file footer.php and paste it in the beggining of the file.

Do not change anything else in this file. Do not delete anything if you don’t know what you are doing.

Editing footer

Don’t forget to update the file.