Shopify Mağazasına Ücretsiz WhatsApp Sohbet Butonu Ekleme (Uygulamasız)

Kısa cevap: Ücretsiz bir WAButton widget'ı oluşturun, yerleştirme kodunu kopyalayın ve Shopify temanızın theme.liquid dosyasındaki kapanış </body> etiketinin hemen üstüne yapıştırın. Bir uygulamaya veya herhangi bir kodlama bilgisine ihtiyacınız yok.

WhatsApp butonu, alışveriş yapanlara satın almadan önce beden, kargo süresi veya ödeme hakkında sorma imkânı verir ve form doldurmak yerine bir kişiye sorabilirler.

Birçok Shopify sohbet uygulaması aylık ücret alır ve mağazanıza kendi scriptlerini ekler. Yalnızca bir butona ihtiyacınız varsa, temanıza bir tane yapıştırabilirsiniz.

Bu rehber, Shopify temanıza ücretsiz ve uygulama olmadan WhatsApp sohbet butonu eklemeyi gösterir.

---

WhatsApp'ın canlı sohbet widget'ından farkı

Canlı sohbet widget'ında sohbet genellikle tarayıcı sekmesinde kalır. Ziyaretçi, ekibiniz yanıtlamadan önce sekmeyi kapatırsa yanıtı asla göremeyebilir.

WhatsApp tıkla-sohbet-et butonu iki şekilde farklı çalışır:

1. Sohbet telefonlarında kalır: Sohbet, alışverişçinin kendi WhatsApp uygulamasına taşınır. Ekibiniz yanıtladığında, alışverişçi telefonunda bildirim alır.
2. İlk mesaj onlar için yazılabilir: Mesajı, alışverişçi butona dokunduğunda WhatsApp'ın ürün adıyla açılması için ayarlayabilirsiniz (ör. "Merhaba, [Ürün Adı] hakkında bir sorum var").

Diğer platformlarda da satış yapıyorsanız, WordPress, WooCommerce, Webflow ve Squarespace için adım adım rehberler için CMS Entegrasyon Kataloğu sayfamıza göz atın.

---

Adım Adım: Shopify Temanıza WhatsApp Butonu Ekleme

WAButton'ı Shopify temanıza eklemek için kodlama uzmanı olmanıza gerek yok. Snippet bağımsızdır ve kitaplık bağımlılığı yoktur.

1. Adım: WAButton Panelinde Widget'ınızı Oluşturun

1. Ücretsiz bir WAButton hesabı oluşturun veya zaten hesabınız varsa panelinize giriş yapın.
2. Bir widget oluşturun ve WhatsApp Business telefon numaranızı uluslararası E.164 formatında girin (ör. +14155552671, boşluk, tire veya başında sıfır olmadan).
3. Çekici bir önceden doldurulmuş mesaj ayarlayın, örneğin:

   Merhaba! Mağazanıza göz atıyorum ve siparişim hakkında bir sorum var.
   

4. Widget düzenleyicisinde Share & install > Website install bölümünü açın ve yerleştirme kodunuzu kopyalayın. Kod, widget kimliğinizi zaten içerir, bu yüzden yapıştırdığınız anda çalışır.

2. Adım: Shopify Tema Kod Editörünü Açın

1. Shopify Yönetici Paneli'nize giriş yapın.
2. Sol navigasyon çubuğunda Online Mağaza > Temalar bölümüne gidin.
3. Yayındaki aktif temanızı bulun (ör. Dawn, Sense, Refresh veya Impact).
4. Özelleştir yanındaki üç nokta (...) butonuna tıklayın, ardından Kodu düzenle seçin.

3. Adım: Yerleştirme Kodunu theme.liquid Dosyasına Yapıştırın

1. Soldaki dosya listesinde Layout klasörünü açın ve theme.liquid dosyasına tıklayın.
2. Dosyanın en altına inin ve kapanış </body> etiketini bulun.
3. </body> etiketinden hemen önce, WAButton yerleştirme kodunuzu yapıştırın:

<!-- WAButton WhatsApp Widget -->
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
<!-- End WAButton WhatsApp Widget -->

4. Sağ üstteki Kaydet butonuna tıklayın.

İşte bu kadar! Widget'ı test etmek için canlı mağaza URL'nizi masaüstünde ve mobilde ziyaret edin. Tıklandığında, masaüstü tarayıcılarında WhatsApp Web açılır veya akıllı telefonlarda yerel WhatsApp uygulamasını başlatır.

---

İleri Düzey: Ürün Sayfalarına WhatsApp Sipariş Formu Butonu Ekleme

Butik mağaza, özel giyim markası veya toptan katalog işletiyorsanız, müşterilerin standart ödeme sürecinden geçmek yerine doğrudan WhatsApp üzerinden sipariş vermelerini isteyebilirsiniz.

Ücretsiz WhatsApp Sipariş Formu Oluşturucu kullanarak otomatik olarak doldurulan yapılandırılmış sipariş soruları oluşturabilirsiniz:

• Ürün SKU'su ve başlığı
• Seçilen varyant (beden, renk, malzeme)
• Teslimat adresi ve posta kodu
• Tercih edilen ödeme yöntemi (Kapıda Ödeme, Banka Havalesi, Stripe)

Bu, müşterilerinizin zaten WhatsApp üzerinden sipariş vermeyi beklediği pazarlar için uygun olabilir.

---

Küçük bir script neden önemlidir

Core Web Vitals, bir sayfanın nasıl yüklendiğini ve ne kadar stabil kaldığını ölçer, En Büyük İçerikli Boyama (LCP) ve Kümülatif Düzen Kayması (CLS) dahil. Google iyi puanlar hedeflemeyi önerir.

Üçüncü taraf sohbet uygulamaları her sayfaya kendi scriptlerini, fontlarını ve stil sayfalarını yükleyebilir ve bunlar tarayıcının yapması gereken işi artırır.

WAButton küçük bir ayak izi tutar:

• Bağımlılık yok: Sade JavaScript ve SVG simgeleri.
• Asenkron yükleme (async): Script paralel olarak indirilir ve ürün görsellerinizin ve metninizin oluşturulmasını engellemez.
• Butondan kaynaklanan düzen kayması yok: Sabit bir konumda yüzer, bu yüzden sayfa yüklenirken zıplamaz.

Daha fazla yapılandırma ipucu ve buton tıklamalarını Google Analytics 4 ve Meta Pixel'e göndermek için özel Shopify Entegrasyon Rehberi sayfamızı okuyun.

---

Sıkça Sorulan Sorular

WhatsApp butonunu yalnızca çalışma saatlerinde gösterebilir miyim?

Evet. Zamanlanmış görünürlük kuralları yapılandırabilir veya ekibiniz çevrimdışıyken beklentileri belirlemek için ücretsiz WhatsApp Yok Mesajı Oluşturucu ile otomatik yok mesajı özelleştirebilirsiniz.

Bu tüm Shopify temalarında çalışır mı?

Evet. Yerleştirme kodu standart HTML5'tir ve tüm Shopify Online Store 2.0 temalarında (Dawn, Refresh, Craft, Studio, Publisher) ve eski vintage temalarda çalışır.

WhatsApp Business API hesabına ihtiyacım var mı?

Hayır. WAButton, standart WhatsApp kişisel numaraları, WhatsApp Business Uygulaması hesapları ve resmi WhatsApp Cloud API numaraları ile çalışır.

---

Mağazanızda WhatsApp'ı kullanmanın daha fazla yolunu mu istiyorsunuz? WhatsApp ile Çevrimiçi Mağazalar makalesini okuyun veya ücretsiz WhatsApp Link Oluşturucu deneyin.

---

Kaynaklar

• Core Web Vitals ve Google arama sonuçlarını anlama, Google Arama Merkezi
• Tıkla ve sohbet et kullanımı, WhatsApp Yardım Merkezi