<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>WhatsApp Link Generator</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <div class="container">
    <h1>WhatsApp Link Generator</h1>
    <input type="text" id="phoneNumber" placeholder="Enter Phone Number">
    <textarea id="message" placeholder="Enter Message"></textarea>
    <button onclick="generateLink()">Generate Link</button>
    <p id="whatsappLink"></p>
  </div>

  <script src="script.js"></script>
</body>
</html>

<style>
body {
  font-family: Arial, sans-serif;
}

.container {
  max-width: 600px;
  margin: 50px auto;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

input[type="text"],
textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
}

button {
  padding: 10px 20px;
  background-color: #25D366;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

button:hover {
  background-color: #128C7E;
}

#whatsappLink {
  margin-top: 20px;
  font-weight: bold;
}
</style>
<script>
  function generateLink() {
  const phoneNumber = document.getElementById('phoneNumber').value.trim();
  const message = encodeURIComponent(document.getElementById('message').value.trim());

  if (phoneNumber !== '' && message !== '') {
    const link = `https://wa.me/${phoneNumber}?text=${message}`;
    document.getElementById('whatsappLink').innerHTML = `<a href="${link}" target="_blank">${link}</a>`;
  } else {
    document.getElementById('whatsappLink').innerHTML = 'Please enter both phone number and message.';
  }
}

</script>

WhatsApp Link Generator

أضف رقمك هاتفك مسبوق برمز الدولة بدون علامة (+)
مثال: 201012345678

اكتب رسالة

إنسخ النص

en: malformed 'create-qr-code' API request. Please consider the API documentation at http://goqr.me/api/doc/create-qr-code/ de: ungültige 'create-qr-code'-API-Anfrage. Bitte beachten Sie die API-Dokumentation unter http://goqr.me/de/api/doc/create-qr-code/