إضافة زر التواصل عبر الواتس آب إلى موقعك الالكتروني

إضافة زر التواصل عبر الواتس آب إلى موقعك الالكتروني

كيفية إضافة زر التواصل عبر الواتس اب إلى موقعك الالكتروني لاتاحة القدرة لدى المستخدم للوصول إلى

رقمك والتواصل معك عبر الواتس اب او الانضمام الى مجموعة واتس اب لسهولة الدعم .

إذا كنت تمتلك موقع الكتروني كمدونة تقنية او متجر الكتروني او موقع اختصار روابط ,

او غيره من المواقع وتريد أن توفر للمستخدم

سهولة الوصول الى الدعم والتواصل معك عبر الواتس اب فلا بد لك من إضافة أيقونة التواصل عبر الواتس اب

كما في الصورة التالية :

يمكن ان تفعل ذلك من خلال كود برمجي يعتمد على لغة الجافا سكربت وعليك ان تقوم بتبديل بعض

الأشياء فيه مثل رقم التلفون

بداية قم بتحميل الملف التالي , ستجد به كود جافا سكربت خاص بإضافة زر صندوق التواصل عبر

الواس اب إلى موقعك الالكتروني  من هذا الرابط :  تحميل

طريقة تركيب كود زر التواصل عبر الواتس اب :

قم بفتح الملف السابق عبر المفكرة المتقدمة اي برنامج Notepad ++

قم بتبديل الرقم 0000000  برقم الواتس اب الخاص بك

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

يمكن ان تضع الكود في مكان الاعلانات او اسفل كود الاعلانات او اذا كانت صفحتك بلغة HTML

ابحث عن الكلمة </head>  ثم ضع الكود فوقها مباشرة بعد ذلك قم بحفظ التعديلات على الصفحة

و توجه الى صفحتك المقصودة ستجد ان زر اضافة الواتس اب موجود وعند الضغط عليه سيحيلك الى الواتس اب

الخاص بك من اجل فتح دردشة

يمكنك ايضا نسخ الكود من هنا :

<!-- whatsapp text support widget by arabes1.com -->
<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "+00000000", // WhatsApp number
            company_logo_url: "//static.whatshelp.io/img/flag.png", // URL of company logo (png, jpg, gif)
            greeting_message: "مرحبا، كيف يمكننا مساعدتك؟ فقط أرسل لنا رسالة الآن للحصول على المساعدة.", // Text of greeting message
            call_to_action: "رسالنا", // Call to action
            position: "right", // Position may be 'right' or 'left'
        };
        var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host;
        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
    })();
</script>
<!-- /whatsapp text support widget -->