How to make a simple WhatsApp button for your website?

It’s easy! In this video below, you will see how to make a simple WhatsApp image button/link in HTML and JavaScript, with or without message text.

<!DOCTYPE html>
<html>
	<head>
		<title>WhatsApp Button Example</title>
	</head>
	<body>
		<h1>WhatsApp Button Example</h1>
		<a href="https://wa.me/6287880334339"><img src="wabutton.png" width="250px;"></a>
		
		<h1>WhatsApp Button With Message Example</h1>
		<textarea id="message" placeholder="Enter your message"></textarea><br>
		<img src="wabutton.png" width="250px;" onclick="sendWa()">
		
		
		<script>
			function sendWa(){
				var message = document.getElementById("message").value
				location.href = "https://wa.me/6287880334339?text=" + message
			}
		</script>
	</body>
</html>

Leave a Reply

Your email address will not be published. Required fields are marked *