WAButton

Evrensel tek satırlık yerleştirme

HTML & Custom Websites için WhatsApp butonu

HTML & Custom Websites sitesine dakikalar içinde bir WhatsApp sohbet widget'ı ekle. Ziyaretçileri nitelendir, konuşmaları yönlendir, temanı hızlı tut.

Butonumu Ücretsiz Oluştur

1 dk kurulum Hedef: index.html (before </body>) or root layout component

HTML & Custom Websites için adım adım kurulum

WAButton'ı HTML & Custom Websites sitene yerleştirmek için bu adımları izle. Karmaşık geliştirme veya uygulama ücreti yok.

  1. 1

    Yerleştirme snippet'ini kopyala

    Sana özel betik snippet'ini WAButton widget panelinden veya onboarding ekranından kopyala.

    İpucu: Tarayıcının engellemeden, asenkron olarak yüklemesi için async özniteliğini açık tuttuğundan emin ol.

  2. 2

    Kapanış </body> etiketinden önce yapıştır

    Kodu kök HTML dosyana (ör. index.html) veya kök layout bileşenine (ör. layout.tsx, App.vue, base.blade.php) </body> etiketinden hemen önce yapıştır.

    İpucu: Betiği </body> etiketinden hemen önce yerleştirmek, sayfa içeriğinin önce yüklenmesini sağlar. 

    <script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
  3. 3

    Tarayıcıda aç

    Dosyayı kaydet ve tarayıcını yenile. Yüzen WhatsApp butonun alt köşede hemen görünecek.

Mağaza sahipleri ve ajanslar HTML & Custom Websites için neden WAButton'ı seçiyor

Tek evrensel betik etiketi

Statik HTML, SSR ve SPA framework'lerinde aynı şekilde çalışan, tek ve minik bir asenkron yükleyici.

Kapsamı sınırlı stiller

Her stil wabutton- ile başlayan class adlarıyla sınırlı olduğundan Tailwind, Bootstrap veya özel CSS class'larının görünümünü değiştirmez.

Kendi kendine yeten betik

Preact ile geliştirilmiştir ve betiğin içinde gönderilir; bu yüzden sayfan jQuery'ye, React'e veya simge fontlarına ihtiyaç duymaz.

SPA gezinmesine duyarlı

İstemci tarafı rota geçişlerinde (React Router, Next.js, Vue Router) widget durumunu otomatik olarak korur.

Sık sorulan sorular

WAButton, React, Next.js veya Vue gibi tek sayfalık uygulamalarla (SPA) çalışır mı?

Evet! WAButton window nesnesi üzerinde başlatılır ve istemci tarafı router geçişleri boyunca, her rota değişiminde yeniden çalışmasına gerek kalmadan kalıcı olur.

WAButton, Google Lighthouse veya PageSpeed Insights puanımı düşürür mü?

WAButton, Cloudflare edge'den sunulan, 40KB altı (gzip ile) asenkron bir betiktir ve first paint'i bloklamaz. Sohbet paneli yalnızca bir ziyaretçi açtığında yüklenir. Kendi puanın üzerindeki etkisi sitene bağlıdır; bu yüzden eklemeden önce ve sonra PageSpeed Insights çalıştır.

İlgili Ücretsiz Araçlar

Mağazanın dönüşümünü artıracak ücretsiz WhatsApp araçları.

Diğer kurulum rehberleri

Ziyaretçilerin zaten var. Onlara ver.

Daha fazla trafik çekmek zaman ve para ister. WhatsApp butonu, sitene zaten gelen insanların daha çoğunu, ilgileri sürerken kazanmana yardımcı olur.

Butonumu Ücretsiz Oluştur Canlı oluşturucuyu dene

Tek satır kod. Kredi kartı yok. Bekleme yok.