Facebook Sohbet Widget’i sitene ekle! - Mobil, Android, ios ve Teknoloji BLoGu

Facebook Sohbet Widget’i sitene ekle!

Gönderen: Kaan   Tarih: 2018-03-31 11:34 Kategori: Php-Html5-Css-jQuery-Mysql | Okundu: 972 Onay sırasına at Düzenle Kopyası

Web sitenize Facebook Messenger Sohbet özelliği ekleyin

Web sitenize Facebook Messenger Sohbet özelliği ekleyin 

Facebook Messenger, bir milyardan fazla aylık kullanıcıya sahip bir platforumdur. Markaların müşterileri ile birebir gerçek zamanlı sohbet etmesine olanak sağlıyor. İşletmeler,  bir satış öncesi müşterinin sorusu olsun ya da olmasın, bir sorunu çözmek ve diyaloğa geçmek için birçok firma tarafından kullanılıyor. Peki, bu özelliği web sitenizde olması güzel olmaz mıydı?

Facebook chat widget’ının yardımıyla bu mümkün. Widgeti web sitenizin bir köşesine ekleyin ve birisi Facebook Messenger simgesini tıkladığında size özel bir mesaj yazabileceği ve rahatsız edici olmayan bir sohbet penceresi açılıyor peki tüm bunları nasıl yakacaksınız.

Facebook Chat Sitene ekle

Facebook Sohbet Widget’i sitene ekle

Facebook Sohbet widget’ını web sitenize entegre etmek için bir adım atmanız yeterlidir.

Tek yapmanız gereken basit kod parçasını  web sitenizin şablonunun herhangi bir yerinin altına kopyalayıp yapıştırın ve widget’ı tüm sayfalarınıza ekleyecektir. Aşağıda verilen kodun kendinize göre düzenleme yerleri gösterilmiştir

<style>.fb-livechat,.fb-widget{display:none}.ctrlq.fb-button,.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:'x';font-family:sans-serif}</style>

<div class="fb-livechat">
  <div class="ctrlq fb-overlay"></div>
  <div class="fb-widget">
    <div class="ctrlq fb-close"></div>
    <div class="fb-page" data-href="https://www.facebook.com/sayfaadı/" data-tabs="messages" data-width="360" data-height="400" data-small-header="true" data-hide-cover="true" data-show-facepile="false">
      <blockquote cite="https://www.facebook.com/sayfaadı/" class="fb-xfbml-parse-ignore"> </blockquote>
    </div>
    <div class="fb-credit"> 
      <a href="https://www.siteadı/software/facebook-messenger-chat-widget/9583/" target="_blank">Facebook Chat Widget by sayfa adı</a>
    </div>
    <div id="fb-root"></div>
  </div>
  <a href="https://m.me/sayfa adı" title="Send us a message on Facebook" class="ctrlq fb-button"></a> 
</div>
	
<script src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>$(document).ready(function(){var t={delay:125,overlay:$(".fb-overlay"),widget:$(".fb-widget"),button:$(".fb-button")};setTimeout(function(){$("div.fb-livechat").fadeIn()},8*t.delay),$(".ctrlq").on("click",function(e){e.preventDefault(),t.overlay.is(":visible")?(t.overlay.fadeOut(t.delay),t.widget.stop().animate({bottom:0,opacity:0},2*t.delay,function(){$(this).hide("slow"),t.button.show()})):t.button.fadeOut("medium",function(){t.widget.stop().show().animate({bottom:"30px",opacity:1},2*t.delay),t.overlay.fadeIn(t.delay)})})});</script>

Widget, Blogger & WordPress blogları, WooCommerce mağazaları ve en statik HTML web siteleri dâhil olmak üzere her türlü web sitesinde kullanılabilir. Bununla birlikte, JavaScript’i sayfalara gömmek için bir seçenek sunmadığı için Google Sites’ın yeni sürümü ile çalışmaz.

Ziyaretçiler Facebook Sohbet widget’ı aracılığıyla bir mesaj gönderdiğinde, doğrudan Facebook Sayfanızın gelen kutusuna gider. İşletme sahibi olarak, mesajları görüntülemek ve cevaplamak için Facebook Pages Manager uygulamasını cep telefonunuza yükleyebilirsiniz. Müşterinize, kendi Facebook Messenger uygulaması içinde yanıtınız bildirilecektir.

İleti geçmişi sonsuza kadar korunur, bir günde alabileceğiniz ileti sayısında bir sınır yoktur ve sayfanız birden çok ziyaretçiden gelen sayfaları aynı anda alabilir.



Yorumlar: