إرسال بيانات إلى الواتس آب مع المستخدم

أنت تبحث عن bot يقوم بـإرسال البيانات بشكل أتوماتيكي بمجرد ما يقوم بإدخال المستخدم البيانات في الموقع, هذه هي فكرة سؤالك وطبعا ممكنة وغير مستحيلة يمكنك البحث عنها في الأنترنيت من هنا, أيضا هناك الكثير من الشروحات لها, بما فيها هذا الفيديو حيث يشرح لك كيفية إنشاء WhatsApp Bot باستخدام Twilio و Python", خد الفكرة منه وطبقها على اللغة التي تريد أنت.

أنصحك بالتعامل مع التلجرام عكس الواتساب (السبب وهو أنه سهل في التعامل على الواتساب).

يجب أن تكون قد قرأت أن استخدام WhatsApp Business سيسمح لك بالاتصال بأكثر من 1.5 مليار شخص حول العالم ، ولكن الحقيقة هي أنه للوصول إلى هؤلاء العملاء المحتملين، يجب عليك الاستفادة من كل قناة متاحة لتحفيزهم على الاتصال بعملك من خلال WhatsApp.

لوضع زر "انقر للدردشة" على موقع الويب الخاص بك، والذي سيسمح للزوار بالاتصال بك بنقرة واحدة. يجب أن يكون لديك حق الوصول إلى رمز موقع الويب الخاص بك، والمعرفة الأساسية ببرمجة الويب أو مبرمج لمساعدتك.

لتقوم لهذا العمل أنت بحاجة إلى:

• jQuery
• Floating WhatsApp plugin
• WhatsApp Business phone number: سيتم استخدام هذا الرقم بواسطة المكون الإضافي لتشغيل رابط WhatsApp Chat.

اقتباس

يستخدم هذا الكود مكونات مفتوحة المصدر وليست منتجات WhatsApp أو Toky 

في البداية إضافة المكتبات و CSS إلى قسم الترويسة في الصفحة

<!--JQuery-->  
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>  
<!--Floating WhatsApp css-->  
<link rel="stylesheet" href="floating-wpp.min.css">  
<!--Floating WhatsApp javascript-->  
<script type="text/javascript" src="floating-wpp.min.js"></script>

عليك إضافة زر الدردشة

<!--Div where the WhatsApp will be rendered-->  
<div id="WAButton"></div>  

من ثم استخدام الدالة التي تصل العنصر div الماضي بالآيبي الخاص بك على الواتس آب

<script type="text/javascript">  
   $(function () {
           $('#WAButton').floatingWhatsApp({
               phone: 'WHATSAPP-PHONE-NUMBER', //WhatsApp Business phone number
               headerTitle: 'Chat with us on WhatsApp!', //Popup Title
               popupMessage: 'Hello, how can we help you?', //Popup Message
               showPopup: true, //Enables popup display
               buttonImage: '<img src="whatsapp.svg" />', //Button Image
               //headerColor: 'crimson', //Custom header color
               //backgroundColor: 'crimson', //Custom background button color
               position: "right" //Position: left | right

           });
       });
</script> 

يجب عليك إضافة المعلومات التالية إلى الرمز السابق:

• phone: رقم الهاتف التجاري.
• position: حدد ما إذا كنت تريد أن يظهر الزر على "اليسار" أو إلى "اليمين".
• popupMessage: الرسالة التي ستظهر في النافذة المنبثقة ، تدعو الزائر لبدء محادثة.
• showPopup: تحديد ما إذا كانت نافذة الرسالة المنبثقة ممكنة أو معطلة. في حالة التعطيل ، يظهر الزر فقط ، وسيؤدي النقر عليه إلى بدء المحادثة.
• autoOpenTimeout: الزمن في المللي ثانية التي يجب أن ينتظرها المكون الإضافي لفتح النافذة المنبثقة تلقائيًا.
• headerColor: لون الخلفية لشريط عنوان النافذة المنبثقة.
• headerTitle: عنوان النافذة المنبثقة.
• buttonImage: الصورة التي تريد أن تظهر في علامة <img>.
• size: عرض الزر بتنسيق CSS ، الافتراضي هو "72 بكسل".
• backgroundColor: لون الخلفية للزر العائم.

بتاريخ 32 دقائق مضت قال Abdulhamid Hamsho:

يجب أن تكون قد قرأت أن استخدام WhatsApp Business سيسمح لك بالاتصال بأكثر من 1.5 مليار شخص حول العالم ، ولكن الحقيقة هي أنه للوصول إلى هؤلاء العملاء المحتملين، يجب عليك الاستفادة من كل قناة متاحة لتحفيزهم على الاتصال بعملك من خلال WhatsApp.

لوضع زر "انقر للدردشة" على موقع الويب الخاص بك، والذي سيسمح للزوار بالاتصال بك بنقرة واحدة. يجب أن يكون لديك حق الوصول إلى رمز موقع الويب الخاص بك، والمعرفة الأساسية ببرمجة الويب أو مبرمج لمساعدتك.

لتقوم لهذا العمل أنت بحاجة إلى:

• jQuery
• Floating WhatsApp plugin
• WhatsApp Business phone number: سيتم استخدام هذا الرقم بواسطة المكون الإضافي لتشغيل رابط WhatsApp Chat.

في البداية إضافة المكتبات و CSS إلى قسم الترويسة في الصفحة

<!--JQuery-->  
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>  
<!--Floating WhatsApp css-->  
<link rel="stylesheet" href="floating-wpp.min.css">  
<!--Floating WhatsApp javascript-->  
<script type="text/javascript" src="floating-wpp.min.js"></script>

عليك إضافة زر الدردشة

<!--Div where the WhatsApp will be rendered-->  
<div id="WAButton"></div>  

من ثم استخدام الدالة التي تصل العنصر div الماضي بالآيبي الخاص بك على الواتس آب

<script type="text/javascript">  
   $(function () {
           $('#WAButton').floatingWhatsApp({
               phone: 'WHATSAPP-PHONE-NUMBER', //WhatsApp Business phone number
               headerTitle: 'Chat with us on WhatsApp!', //Popup Title
               popupMessage: 'Hello, how can we help you?', //Popup Message
               showPopup: true, //Enables popup display
               buttonImage: '<img src="whatsapp.svg" />', //Button Image
               //headerColor: 'crimson', //Custom header color
               //backgroundColor: 'crimson', //Custom background button color
               position: "right" //Position: left | right

           });
       });
</script> 

يجب عليك إضافة المعلومات التالية إلى الرمز السابق:

• phone: رقم الهاتف التجاري.
• position: حدد ما إذا كنت تريد أن يظهر الزر على "اليسار" أو إلى "اليمين".
• popupMessage: الرسالة التي ستظهر في النافذة المنبثقة ، تدعو الزائر لبدء محادثة.
• showPopup: تحديد ما إذا كانت نافذة الرسالة المنبثقة ممكنة أو معطلة. في حالة التعطيل ، يظهر الزر فقط ، وسيؤدي النقر عليه إلى بدء المحادثة.
• autoOpenTimeout: الزمن في المللي ثانية التي يجب أن ينتظرها المكون الإضافي لفتح النافذة المنبثقة تلقائيًا.
• headerColor: لون الخلفية لشريط عنوان النافذة المنبثقة.
• headerTitle: عنوان النافذة المنبثقة.
• buttonImage: الصورة التي تريد أن تظهر في علامة <img>.
• size: عرض الزر بتنسيق CSS ، الافتراضي هو "72 بكسل".
• backgroundColor: لون الخلفية للزر العائم.

 

بارك الله فيك أستاذي؛ 

هل بهذه الطريقة سوف تتحول بيانات المستخدم التي ملءها في خانات الموقع إلى الرقم على الواتس آب ؟ 

بتاريخ 6 دقائق مضت قال عبد الواحد الحدادي:

بارك الله فيك أستاذي؛ 

هل بهذه الطريقة سوف تتحول بيانات المستخدم التي ملءها في خانات الموقع إلى الرقم على الواتس آب ؟ 

بهذه الطريقة سوف يتحول إلى تطبيق الواتس آب الخاص بالشخص، لأنه لا يمكن إرسال رسالة إلى الواتس آب الخاص بك إلى من خلال واتس آب أخر.

Thanks for sharing. You can try Fouad Whatsapp a new, secure messaging service that allows you to message anyone with the app.