القائمة الرئيسية

الصفحات

أخبار الاخبار

كيفية اضافة اداة اتصال واتس اب whatsapp على موقعك او مدونة بلوجر Blogger او ووردبريس WordPress

    اضافة زر اتصال whatsapp على مدونة بلوجر   

طريقة وضع ايقونة whatsapp على يمين مدونة بلوجر بطريقة صحيحة . وهذا يسهل على الزوار والمتابعين الاتصال بك سواء من أجل الإعلان على مدونتك أو الإستفسار عن أحد الخدمات التى تقدمها فى مدونتك .

فالكل يعلم أن الوتس أب هو وسيله اتصال تتوافر عند الجميع وهى وسيله اتصال مجانيه يتوفر فيها المحادثة من خلال النص والصورة وكذلك الفيديو او الصوتيات وهى وسيله اتصال من وجهت نظرى أنها افضل وأسرع من إميل جوجل .
  
هذة الخاصيه تعطى لمسة جمالية إلى مدونتك أو موقعك الشخصى التى يتميز عن الغير فشكل الزر سيكون ثابت على يمين الموقع أو المدونة عند الضغط عليه ينتقل الزائر إلى حسابك الشخصى على الوتس أب whatsapp مباشرتاً لتواصل معك .

وطريقة إضافتها سهلة للغايه فكل ما عليك هو الدخول على لوحة التحكم الخاصة بالمدونة ثم الضغط على المظهر ثم تعديل HTML كما فى الصورة
بعد ذلك إنزل إلى آخر الأكواد الخاصة بالقالب وقم بوضع الأكواد فى هذا المكان 

إنسخ الأكواد من هنا 👇👇
إنسخ الكود
<!-- whatsapp  بدايه أكواد خاصيه وتس اب -->
<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "أضف هنا رقم الموبايل", // 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  نهاية أكواد خاصية وتس اب -->


ويمكنك مشاهدة الشرح  من خلال الفيديو وتعلم طريقة تخصيص الأداة أيضا 


أذكر الله 
blogger , whatsapp , Whatsapp Widge  , اداة واتساب , اضافة واتساب بلوجر , اداة واتساب بلوجر , واتساب لموقعك , whatsapp to blogger , اضافات بلوجر , دورة بلوجر , دروس بلوجر , اضاافات وورد بريس , شرح وورد بريس , اضافة ايقونات متحركة للموقع , اكواد ايقونات متحركة
هل اعجبك الموضوع :
author-img
مصرى الجنسية عمرى 25 عام مدون ويوتيوبر عربى حاصل على بكالوريوس حاسبات ومعلومات بتقدير إمتياز والأن طالب فى الماجستير . وهدفى هو الأرتقاء بالمحتوى العربى من خلال مشاركة خبرتى فى مجال التقنية بأسلوب مبسط وعملى. youtube facebook twitter instagram facebook

تعليقات

10 تعليقات
إرسال تعليق
  1. شكرا الك اخي والله انت اكثر من راىع اتمنة تزور مدونتي وتعطيني رىيك نشائت هذا المدونة بفضلك

    ردحذف
    الردود
    1. بفضل الله هو الذى علمنى : ما شاء الله جميل جدا والله ولكن حاول تغير من الصور متخليش صورتين زى بعض فى الصفحة الرئيسية زى مثلا صورة المعهد الفنى . بس بصراحة روعة بالتوفيق يارب وكمان عملت الايقونة على اليسار بتاعت الوتس جميلة جدا

      حذف
  2. اعملنا اضافات جديدة منتظرينك

    ردحذف
  3. جزاك الله خيراً لكن لو سمحت انا بضغط علي الايقونة من الكمبيوتر ولكن لاينقلني الي موقع الواتس علي الويب ولكن عند الضغط من الهاتف يتم الامر بنجاح ...
    برجاء الإفادة حول ذلك وشكراً.........

    ردحذف
  4. ولك المثل اخى اسف على التاخير فى الرد : دا عادى لان الموبايل عليه تطبيق الوتس فعند الضغط على الايقونة يفتح التطبيق معك جه اتصال ولكن فى الكمبيوتر لابد ان تضغط على الايقونة فينتقل بك الى صفحة اخر تقول تشغير وتس اب ويب اضغط عليها ولابد يكون الموبايل بتاعك متصل بالانترنت عشان يفتح دا عادى

    ردحذف
  5. مرحبا بك
    عند وضع الكود في وورد بريس لا تظهر لي ايقونة الواتس
    يظهر الكود كما هو في الصفحة

    ما الخطأ الذي قمت به؟

    ردحذف
    الردود
    1. لان حضرتك من المفرود تقوم بوضع الكود بداخل اكواد الجافا اسكربت مش فى ال head قم بالبحث عن اخر اكواد الجافا اسكربت وقم بوضع الاكواد فى الاخر

      حذف

إرسال تعليق