recent
أخبار ساخنة

كيفية إضافة أداة الدردشة المباشر على Facebook Messenger في مدونتك

السلام عليكم اليوم سأشارك معكم حول كيفية إضافة أداة الدردشة مباشر على Facebook  Messenger إلى موقع الويب الخاص بك بطريقة سهلة وربما قام بعض مستخدمي المدونين بتثبيته بالفعل على مدونة بلوجر 
كيفية إضافة أداة الدردشة المباشر على Facebook Messenger في مدونتك

كيفية إضافة أداة الدردشة المباشر على Facebook Messenger في مدونتك 

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

يتم تضمين هذه الأداة في ميزة صفحة المعجبين ( الصفحة ) لذلك إذا كنت تريد تثبيت مكون إضافي دردشة مباشر على Facebook Messenger يجب أن يكون لديك صفحة الفيسبوك ستنتقل جميع محتويات الدردشة إلى صندوق الوارد في Fanspage وليس إلى حساب شخصي .

هذه الميزة مهمة للغاية لأولئك الذين يبيعون المنتجات أو الخدمات عبر الإنترنت سيتمكن الزوار الذين يفتحون مدونتك من الاتصال بخدمة العملاء مباشرة عندما يفتحون متجرك عبر الانترنت اتصال سهل جداً بين البائعين والمشترين المحتملين .

طريقة تركيب الأداة سهلة جداً كل ما يتوجب قم بالدخول إلى مدونتك ثم اختار المظهر ثم تحرير HTML ثم CTRL + F قم بالبحث عن هذا الوسم </body>  وانسخ الكود أدناه والصق فوقه ثم حفظ القالب ومبروك عليك الإضافة الجديدة هذا كل شي أي ملاحظة ضع تعليقك في علمود التعليقات وشكر للمتابعة . 


<style>.fb-livechat,.fb-widget{display:none}.ctrlq.fb-button{position:fixed;right:24px;cursor:pointer}.ctrlq.fb-close{position:fixed;right:24px;cursor:pointer}.ctrlq.fb-button{z-index:1;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:60px;height:60px;text-align:center;bottom:24px;border:0;outline:0;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out}.ctrlq.fb-button:focus,.ctrlq.fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)}.fb-widget{background:#fff;z-index:2;position:fixed;width:360px;height:435px;overflow:hidden;opacity:0;bottom:0;right:24px;border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 5px 40px rgba(0,0,0,.16);-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16);-moz-box-shadow:0 5px 40px rgba(0,0,0,.16);-o-box-shadow:0 5px 40px rgba(0,0,0,.16)}.fb-credit{text-align:center;margin-top:8px}.fb-credit a{transition:none;color:#bec2c9;font-family:Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;border:0;font-weight:400}.ctrlq.fb-overlay{z-index:0;position:fixed;height:100vh;width:100vw;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s;top:0;left:0;background:rgba(0,0,0,.05);display:none}.ctrlq.fb-close{z-index:4;padding:0 6px;background:#365899;font-weight:700;font-size:11px;color:#fff;margin:8px;border-radius:3px}.ctrlq.fb-close::after{content:&#39;x&#39;;font-family:sans-serif}</style>
<div class='fb-livechat'> <div class='ctrlq fb-overlay'/> <div class='fb-widget'> <div class='ctrlq fb-close'/> <div class='fb-page' data-height='400' data-hide-cover='true' data-href='https://www.facebook.com/wweulum/' data-show-facepile='false' data-small-header='true' data-tabs='messages' data-width='360'> </div> <div class='fb-credit'> <a href='https://weulum.blogspot.com/' target='_blank'>Facebook Chat Widget by Bloggerbyte.Net</a> </div> <div id='fb-root'/> </div> <a class='ctrlq fb-button' href='https://m.me/XXXXXXXX' title='Send us a message on Facebook'/> </div> <script src='https://connect.facebook.net/ar_AR/sdk/xfbml.customerchat.js'/> <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/> <script>$(document).ready(function(){var t={delay:125,overlay:$(&quot;.fb-overlay&quot;),widget:$(&quot;.fb-widget&quot;),button:$(&quot;.fb-button&quot;)};setTimeout(function(){$(&quot;div.fb-livechat&quot;).fadeIn()},8*t.delay),$(&quot;.ctrlq&quot;).on(&quot;click&quot;,function(e){e.preventDefault(),t.overlay.is(&quot;:visible&quot;)?(t.overlay.fadeOut(t.delay),t.widget.stop().animate({bottom:0,opacity:0},2*t.delay,function(){$(this).hide(&quot;slow&quot;),t.button.show()})):t.button.fadeOut(&quot;medium&quot;,function(){t.widget.stop().show().animate({bottom:&quot;30px&quot;,opacity:1},2*t.delay),t.overlay.fadeIn(t.delay)})})});</script>
  قم بتغيير هذا الرابط (https://www.facebook.com/wweulum/ ) برابط صفحتك على الفيس بوك .
google-playkhamsatmostaqltradent