Forumlar - Other Category - Ücretsiz Scriptler - Web sitenize Facebook Messenger Sohbet özelliği ekleyin!

 

Author Message
Kaan

Administrators

Online status

623 posts

#997   2018-03-31 11:52 GMT        
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 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

Kod:
<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/ PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLz
EuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXll
cl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPS
JodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZp
bGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS
00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42
MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE
02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3
TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+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.
Bunlara baktınızmı?
Web Sitenize Emoji Desteği Emoji CSS
Facebook Login hakkında.
Sitenize Mobilden Girenlerin Telefonu Titresin
Seditio Developer Skype: ntkaorg
Kişiliğim, hayatım hakkında konuşabilirsiniz. Fikir yürüte bilirsiniz. Beni öyle böyle sanabilirsiniz. Ama emin olamazsınız. Sizin hakkımdaki yorumlarınız, sanmalarınız benim gerçek de ne olduğumu değiştirmez. Baktığım yeri söyleye bilirsiniz ama ne gördüğümü ASLA...