Whatsapp Button Generator: put in your website in 2 minutes

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

Publicado em 11/10/2018

1 Whatsapp number
? Put the number with your country code (you don't need to use all the spaces)
Eg:
+55 41995266655
2 Message
?The message you want to be automatically written (leave unfilled for nothing)
3Animation
? Do you want the button to be animated?
4Code:

Preview
⬇️

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.

Wordpress:

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.