en

Whatsapp Button Generator: put on your website in 2 minutes - WhatsWidget

Gabriel Adamante

• 7 min read
Whatsapp Button Generator: put on your website in 2 minutes - WhatsWidget

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

Check out my new project to automatically screen resumes using AI: Magic People AI - Resume Scanner

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:

❕Check out my new project to track prices in your favorite websites.

Message Header
Message text!
Send message Send message
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.

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.