Shopify Mağazasına Ücretsiz WhatsApp Sohbet Butonu Ekleme (Uygulamasız)
Shopify mağazanıza doğrudan bir WhatsApp iletişim butonu eklemek, e-ticaret sitelerinde dönüşüm oranını artırmanın en etkili yollarından biridir. Potansiyel müşteriler beden, kargo süresi veya ödeme yöntemleri konusunda tereddüt yaşadıklarında, anında gerçek bir müşteri temsilcisiyle iletişime geçebilmek sepet terk oranlarını ciddi ölçüde azaltır.
Bununla birlikte, birçok mağaza sahibi Shopify App Store üzerinden aylık 5$ ile 29$ arasında ücret talep eden ve 150 KB'tan fazla ağır JavaScript yükleyen uygulamalar kurma hatasına düşer. Bu eklentiler sitenizin Google Core Web Vitals puanlarını düşürerek arama sıralamalarınızı olumsuz etkiler.
Bu rehberde, mağaza temanızı yavaşlatmayan, hafif ve son derece hızlı bir WhatsApp widget'ını tamamen ücretsiz olarak Shopify temanıza nasıl ekleyeceğinizi öğreneceksiniz.
WhatsApp Neden Geleneksel Canlı Destek Araçlarından Daha Etkili?
Geleneksel canlı destek pencereleri (Zendesk, Crisp vb.), ziyaretçi tarayıcı sekmesini kapattığı anda iletişimi kaybeder. Oysa WhatsApp şu kritik avantajları sunar:
- Kalıcı İletişim Kanalı: Sohbet müşterinin kendi WhatsApp uygulamasına taşınır. Temsilciniz yanıt verdiğinde, kullanıcı telefonuna doğrudan anlık bildirim alır.
- %98 Açılma Oranı: Standart pazarlama e-postalarındaki %15-%20 seviyelerinin katbekat üzerindedir.
- Önceden Tanımlanmış Mesajlar: Müşteri butona tıkladığında, incelediği ürünle ilgili hazır bir soru kalıbıyla sohbeti başlatabilir.
Farklı e-ticaret altyapıları da kullanıyorsanız, WooCommerce, Wix, Squarespace ve Webflow için hazırladığımız CMS Entegrasyon Kataloğu sayfamızı inceleyebilirsiniz.
Shopify Temasına WhatsApp Butonu Ekleme Adımları
1. Adım: WAButton Üzerinden Kodunuzu Alın
- Ücretsiz WhatsApp Link Oluşturucu aracımıza gidin.
- Telefon numaranızı uluslararası formatta girin (Örn: Türkiye için
905321234567). - Müşterilerinizin göreceği varsayılan karşılama mesajını belirleyin ve oluşturulan HTML kodunu kopyalayın.
2. Adım: Shopify Tema Kod Editörünü Açın
- Shopify Yönetici Paneli'nize giriş yapın.
- Sol menüden Online Mağaza > Temalar sekmesine tıklayın.
- Yayındaki temanızın yanındaki üç noktaya (
...) basıp Kodu düzenle seçeneğini seçin.
3. Adım: Kodu theme.liquid Dosyasına Ekleyin
Layoutklasörü altındakitheme.liquiddosyasını açın.- Sayfanın en altına inerek kapanış etiketi olan
</body>kodunu bulun. - Kod parçasını
</body>etiketinin hemen üstüne yapıştırın:
<!-- WAButton WhatsApp Widget -->
<script
src="https://wabutton.app/widget.js"
data-phone="905321234567"
data-message="Merhaba! Sitenizdeki bir ürün hakkında bilgi almak istiyorum."
data-position="bottom-right"
defer
></script>
<!-- /WAButton WhatsApp Widget -->
- Sağ üstteki Kaydet butonuna tıklayın.
Sıkça Sorulan Sorular
Buton hem mobilde hem de masaüstünde çalışır mı?
Evet. Akıllı telefonlarda doğrudan yerel WhatsApp uygulamasını açar. Masaüstü ve dizüstü bilgisayarlarda ise WhatsApp Web veya masaüstü uygulamasına sorunsuz yönlendirme sağlar.
Mağazamın açılış hızını etkiler mi?
Hayır. Kod içerisinde yer alan defer özniteliği sayesinde script, mağazanızın kritik tasarım öğeleri yüklendikten sonra arka planda asenkron olarak yüklenir ve sayfa hızınızı düşürmez.
Kendi butonunuzu bugün WhatsApp Link Oluşturucu ile hazırlayın veya E-Ticaret WhatsApp Rehberi makalemizden ilham alın.
Capture More Website Leads with WAButton
Add a smart, floating WhatsApp chat button to your site in 2 minutes. Route chats to multiple team members, display business hours, and trigger automated webhook notifications.
Written by WAButton Büyüme Ekibi
E-Ticaret Optimizasyonu