الرئيسية html | زر الواتساب العائم

html | زر الواتساب العائم

  زر الواتساب العائم

html

مقدمة


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


إظافة الزر:


لإظافت الزر سوف تلجأ لمجموعة من الخطوات السهلة وهي كالتالي:

  1.  تدخل على بلوجر الخاص بك
  2.  تدخل على التنسيق
  3. وتظيف في أي مكان من القالب مرفقا
  4. المرفق الذي أظفته هو  html Javascript 
  5. هذه الاظافة تسمح لك بإظافة كود html
  6. وأخيرا تضع الكود وتضغط على حفظ
  7. من الافضل ألا تظيفة لها عنوان


هذا هو الكود الذي سوف تظيف:

<!-- whatsapp text support widget by arabes1.com -->
<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "+212690397805", // 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 -->

قم فقط بتغيير الرقم الموجود في الكود بالرقم الخاص بك


يمكنك أن تغيير حتى على الرسالة التي سوف تظهر للزائر المكتوبة بالعربية، لاكن لا تغيير أي شيء أخر في الكود حتى لا تظهر لك رسالة الخط.

ليست هناك تعليقات:

إرسال تعليق

الموسوعة العامة تحتوي على كل ما يهمك من عمل أو تحميل للأفلام أو أخبار... مجانا

يتم التشغيل بواسطة Blogger.