Skip to content

ThirteeNov

My personal blog about coding and internet

Menu
  • About me
  • About Zofia Kreasi
  • Cart
  • Checkout
  • Making an airplane game from scratch in Unity
  • My account
  • Privacy Policy
  • Privacy Policy – zkLeaderboard
  • Sample Page
  • Shop
  • Tutorials on Learning JavaScript
  • ZKAccounts – Privacy Policy
Menu

How to make a simple WhatsApp button for your website?

Posted on June 8, 2020June 8, 2020 by Habibie

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>
Post Views: 228
ciihuy2020

Welcome!

  • My YouTube Channel
  • My GitHub Page
  • About me

Categories

  • 3DVista
  • Android
  • Apache
  • C#
  • Cordova
  • Electron & Node JS
  • HTML5, CSS & JavaScript
  • iOS
  • Let's Make Unity Games
  • Misc
  • Photoshop
  • PHP
  • Python
  • Uncategorized
  • Unity
  • WordPress

Recent Posts

  • Make objects like wires and cables easily in Unity using Ciihuy Curved Mesh
  • [SOLVED] Can’t Add Custom Domain to Blogger After Losing CNAME Verification
  • iOS App Icon Generator by CiihuyCom
  • Advanced Blinking Marker Script to show objects position in your game canvas
  • Ciihuy Images Merger – Fast & Easy Online Image Combiner
© 2025 ThirteeNov | Powered by Superbs Personal Blog theme