Your AI Connector Docs

WhatsApp Widget

WhatsApp Widget Entegrasyonu

Bu basit kılavuzla web sitenize yüzen bir WhatsApp sohbet butonu ekleyin.

Bilmenizde fayda var. WhatsApp Widget’ı basit bir “sohbet etmek için tıkla” butonudur; üzerine tıklandığında ziyaretçiniz için WhatsApp açılır ve size oradan mesaj gönderebilir. Mesajları Sohbetler gelen kutunuza getirmez veya tek başına yapay zekayı tetiklemez. Web sitenize gömülü bir sayfa içi yapay zeka sohbet deneyimi için bunun yerine ayrı olan Sohbet Widget’ını kullanın.

Sadece düz bir bağlantı veya kendi butonunuzu mu istiyorsunuz? Kayan widget’ı kullanmak istemiyor ve kendi butonunuzu (veya bir metin parçasını) doğrudan bir WhatsApp sohbetine bağlamayı tercih ediyorsanız, aşağıdaki Düz bir bağlantı veya buton mu tercih edersiniz? (wa.me) bölümüne atlayın. SMS eşdeğeri için Metin Göndermek İçin Tıkla (SMS) Bağlantısı Ekleme bölümüne bakın.

Kurulum

  1. Web sitenizin HTML dosyasını bir metin düzenleyicide açın.
  2. </body> etiketini bulun (genellikle HTML dosyanızın sonundadır).
  3. Aşağıdaki betiği </body> etiketinden hemen önce yapıştırın:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/NUMBER"></script>
  1. Yukarıdaki kodda şunları değiştirin:
    • NUMBER kısmını WhatsApp numaranızla
    • Örneğin: +1 555 123 4567 numarası için sadece şunu kullanın: 15551234567

Özel Bir Mesaj Ekleme

Birisi butona tıkladığında önceden doldurulmuş bir mesajın görünmesini istiyorsanız:

  1. Bunun yerine şu kodu kullanın:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/NUMBER/Your message here"></script>
  1. Gerçek bir numara ve mesaj içeren örnek:
<script src="https://api.youraiconnector.com/v1/whatsapp-widget/15551234567/Hello! I'm interested in your services"></script>

Ne Elde Edersiniz

Kurulumdan sonra otomatik olarak şunları göreceksiniz:

  • Web sitenizin sağ alt köşesinde yeşil bir WhatsApp butonu
  • Kaydırma yaparken görünür kalan bir buton
  • Mobil cihazlarda sorunsuz çalışan bir buton
  • Butonun üzerine gelindiğinde beliren hafif bir animasyon

Ek Bilgiler

  • Telefon numaranız şunlarla birlikte veya bunlar olmadan yazılabilir:
    • Artı işareti (+)
    • Boşluklar
    • Kısa çizgiler (-)
    • Bunlar otomatik olarak doğru şekilde işlenecektir
  • Mesaj doğal olarak boşluklar içerebilir
  • Ek dosya veya kurulum gerekmez
  • Düğme, mobil ekranlara otomatik olarak uyum sağlar

Tam Web Sayfası Örneği 

<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
</head>
<body>
    <!-- Your website content here -->

    <!-- WhatsApp Widget (place this just before </body>) -->
    <script src="https://api.youraiconnector.com/v1/whatsapp-widget/15551234567/Hello! I have a question"></script>
</body>
</html>

Düz bir bağlantı veya düğme mi tercih edersiniz? (wa.me)

Yukarıdaki araç size hazır bir yüzen düğme sunar. Ancak zaten kendi düğmeniz (veya bir menü bağlantınız, görseliniz ya da metniniz) varsa ve sadece numaranızla bir WhatsApp sohbeti açmasını istiyorsanız, araca hiç ihtiyacınız yoktur; sadece bir wa.me URL’sine bağlamanız yeterlidir.

Format şöyledir:

https://wa.me/NUMBER

NUMBER kısmını uluslararası formattaki tam numaranızla değiştirin — sadece rakamlar, artı işareti, boşluk veya kısa çizgi olmadan. Örneğin, +31 6 5801 5937 için şunu kullanırsınız:

https://wa.me/31658015937

Mesajı önceden doldurma

Sohbet açıldığında mesajın önceden yazılı olması için ?text= ve ardından mesajınızı ekleyin:

https://wa.me/31658015937?text=Hi!%20I%20have%20a%20question

Mesajdaki boşluklar %20 olarak yazılmalıdır (bağlantıların boşlukları işleme biçimi budur).

Bir düğmeye yerleştirme

Herhangi bir düğmeyi bu URL’ye bağlayın — tıpkı bir düğmeyi başka herhangi bir web adresine bağladığınız gibi. Ham HTML’de şu şekilde görünür:

<a href="https://wa.me/31658015937?text=Hi!%20I%20have%20a%20question">Chat on WhatsApp</a>

Bir web sitesi oluşturucuda (Wix, Squarespace, WordPress, Webflow vb.), her zamanki gibi bir düğme ekleyin ve wa.me URL’sini “bağlantı” / “URL” alanına yapıştırın.

Birden fazla numara arasında dönüşümlü çalışan, geri dönen ziyaretçileri hatırlayan ve tıklamaları takip eden tek bir kısa bağlantı mı istiyorsunuz? Ham bir wa.me URL’si yerine (Ayarlar → Kanallar altındaki) Kısa Bağlantıları kullanın.