Websitenize ücretsiz whatsapp sohbet baloncuğu ekleyin

Kod tamamen ücretsizdir. kendinize göre düzenlemeniz yeterli sonrasında sitenizde görünmesini istediğiniz alanlara ekleme yapabilirsiniz.

Söz konusu buton sitenizde ekrana yapışarak aşağı yukarı hareket ettirdiğinizde takip edecektir.

(function () {
var options = {
whatsapp: "901234567890", // WhatsApp numaranizi buraya yazin
call_to_action: "Whatsapp Destek", // Butonun yaninda gorunmesini istediginiz yazi
position: "left", // pozisyon secimi sag taraf icin 'right' sol taraf icin 'left'
};
var proto = document.location.protocol, host = "getbutton.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);
})();

Tamamen ücretsizdir.

Harici servis gerektirmeyen WhatsApp butonu

Yukarıdaki kod üçüncü taraf bir servise bağlıdır; servis kapanırsa buton da çalışmaz. Aşağıdaki örnek WhatsApp’ın resmî wa.me bağlantısını kullanır ve hiçbir harici dosya yüklemez. Kodu sitenizin </body> etiketinden hemen önce ekleyin ve numarayı ülke koduyla birlikte, başında sıfır olmadan yazın:

<a href="https://wa.me/905XXXXXXXXX?text=Merhaba" target="_blank" rel="noopener"
   style="position:fixed;left:20px;bottom:20px;z-index:999;display:flex;align-items:center;
          justify-content:center;width:56px;height:56px;border-radius:50%;
          background:#25D366;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2)"
   aria-label="WhatsApp ile yazın">WA</a>

Butonu daha etkili kullanmak için

• ?text= parametresiyle hazır bir karşılama mesajı ekleyin.
• Çalışma saatlerinizi butonun yanında ya da iletişim sayfanızda belirtin.
• Butonu sohbet asistanı gibi diğer sabit öğelerle çakışmayacak bir köşeye yerleştirin.