ربط ايقونه بالواتس اب

وعليكم السلام ورحمة الله وبركاته .

ان الكود الذى قمت بارفاقة يعمل جيدا . حيث ان هذا ال api ألخاص بواتس اب يمكنك من ارسال رسالة الى الرقم الذى تقوم بادخاله اذا كان مسجل لدى واتس اب . 

https://wa.me/رقم الهاتف

المشكلة ان الرقم الذى قمت بكتابته ليس مسجل لدى واتس اب اى لا يوجد عليه واتس اب لذلك لن يمكنك مراسلته لان الرسائل لن تصل . وهذه هى الرسالة التى تظهر لك . يمكنك استبدال الرقم برقم اخر لديه واتس اب وسيعمل جيدا معك .

والافضل استخدام دالة encodeURI حيث ان الرسالة التى تقوم بارساله تحتوى على مسافات ورموز فيجب ان يتم عمل ترميز (encode) للعنوان حتى يتم ارسال الرسالة بشكل صحيح . 

 window.open(encodeURI(url), '_blank').focus();

مرحبا
ممكن في الاول تضع الرسالة في variable     مثل message ورقم الهاتف في variable مثل phone

ومن ثم استخد هذه الرابط https://api.whatsapp.com/send?text=message&phone=phone

مع استخدام encodeURIComponent عند الدمج

ليكون شكل الكود هكذا
 

function WhatsApp() {
    var phone = "+201029588180";
    var name = document.querySelector('.name').value;
    var email = document.querySelector('.email').value;
    var phonenumber = document.querySelector('.phone').value;
    var title = document.querySelector('.title').value;
    var message = document.querySelector('.message').value;

    var whatsappMessage =
        "Name: " + name + "%0a" +
        "Phone: " + phonenumber + "%0a" +
        "Email: " + email + "%0a" +
        "Title: " + title + "%0a" +
        "Message: " + message + "%0a" +
        "اريد حجز معاد من اجل فحص طبي";

    var url = "https://api.whatsapp.com/send?text=" + encodeURIComponent(whatsappMessage) + "&phone=" + encodeURIComponent(phone);

    window.open(url, '_blank').focus();
}