Shopify Uygulaması Dokümantasyonu
Shopify mağazanızda para birimi dönüşümünü kurmak ve özelleştirmek için ihtiyacınız olan her şey
İçindekiler
1 Kurulum
Shopify App Store'dan Yükle
- Shopify App Store'da Currency.Wiki uygulama sayfasını ziyaret edin
- 'Uygulamayı ekle'ye tıklayın ve kurulumu onaylayın
- Uygulama açılacak ve sizi kurulum sihirbazı ile yönlendirecek
- Kurulum sihirbazını tamamlayarak fiyat dönüşümünü başlatın
İpucu: Kurulum sihirbazı yaklaşık 2 dakika sürer ve her adımda size rehberlik eder.
2 Kurulum Sihirbazı
Kurulum sihirbazı uygulamayı doğru şekilde yapılandırmanıza yardımcı olur. Para birimi formatınızı güncellemeniz ve uygulama gömmesini etkinleştirmeniz için sizi yönlendirir.
Adım 1: Hoş Geldiniz
Kurulum sürecinin neleri içerdiğini gözden geçirin ve 'Başlayalım'a tıklayın.
Adım 2: Para Birimi Formatını Güncelleyin
Shopify Yönetici → Ayarlar → Genel → Mağaza varsayılanları bölümüne gidin. Para biriminizi bulun ve üç nokta menüsüne tıklayın → 'Para birimi biçimlendirmesini değiştir'. HTML alanlarını aşağıdaki sarmalayıcı sınıfımızla güncelleyin:
Para birimiyle HTML:
<span class="cwiki">${{amount}} USD</span>
Para birimi olmadan HTML:
<span class="cwiki">${{amount}}</span>
Önemli: cwiki sarmalayıcı sınıfı gereklidir. Uygulamamıza sayfanızdaki hangi öğelerin fiyat olduğunu bildirir, böylece yalnızca gerçek fiyatlar çevrilir, telefon numaraları veya sipariş numaraları değil.
Adım 3: Uygulama Gömmesini Etkinleştir
Temanızın uygulama gömme bölümünde uygulamayı etkinleştirin:
- Online Mağaza → Temalar → Özelleştir bölümüne gidin
- Sol kenar çubuğunda 'Uygulama gömmeleri'ni arayın
- 'Currency.Wiki App'i bulun ve AÇIK konuma getirin
- Tema editöründe Kaydet'e tıklayın
Adım 4: Kurulumu Doğrulayın
'Mağazamı Tara'ya tıklayarak kurulumun tamamlandığını doğrulayın. Sihirbaz, cwiki sarmalayıcı sınıfını ve uygulama gömmesini kontrol eder. Başarılıysa, kullanıma hazırsınız!
3 Widget Stilleri
Mağaza tasarımınıza uygun 6 widget stilinden birini seçin. Her stil marka renklerinizle özelleştirilebilir.
Minimal Açılır Menü
Basit açılır listeyle kompakt başlık entegrasyonu. Sağ üst başlık için en iyisi.
Kayan Pill
Mobil uyumlu, genişleyebilen paneli olan kayan buton. Mobil öncelikli mağazalar için harika. Köşelere konumlandırılır.
Kenar Çekmecesi
Arama işlevli tam boyutlu kayar panel. Çoklu para birimi sunan mağazalar için ideal.
Modal Açılır Pencere
Izgara düzenli ortalanmış katman. Para birimi seçimini odaklı bir deneyim haline getirir.
Satır İçi Sekme Değiştirici
Popüler para birimleri için yatay sekmeler. Menü açmadan hızlı geçiş.
Köşe Rozeti
Tıklanınca genişleyen minimalist köşe simgesi. Temiz tasarımlar için en az müdahaleci.
İpucu: Uygulama yönetim panelinizdeki Widget Ayarları sayfasından tüm stilleri mağaza renklerinizle önizleyebilirsiniz.
4 Yönetici Paneli
Yönetici paneli, mağazanızda para birimi dönüşümünün nasıl çalıştığı üzerinde tam kontrol sağlar.
Panel Ana Sayfa
Widget'ı aç/kapat, dönüşüm istatistiklerini görüntüle ve widget'ınızın canlı önizlemesini gör.
Widget Ayarları
Widget stilinizi, konumunu, renklerini, boyutunu, kenar yuvarlaklığını ve bayrak gösterimini seçin.
Para Birimi Yönetimi
Para birimlerini etkinleştir/devre dışı bırak, listeyi yeniden sırala, otomatik algılama davranışını ayarla ve döviz kuru tercihlerini yapılandır.
Analitik
Dönüşüm grafiklerini görüntüle, en çok kullanılan para birimlerini gör ve uluslararası müşteri dağılımını anla.
Tema & Görünüm
Tema modu (otomatik, açık, koyu, özel) seçin, renkleri ayarlayın, cam efekti etkinleştirin ve koyu mod davranışını yapılandırın.
Ödeme Mesajı
Sepet/ödeme sayfalarında müşterilere ödeme para birimi hakkında bilgi veren bir mesaj etkinleştirin.
5 Gelişmiş Ayarlar
Gelişmiş ayarlar, Pro kullanıcılarına fiyat biçimlendirme ve dönüşüm davranışı üzerinde daha fazla kontrol sağlar.
Fiyat Biçimlendirme (Pro)
- Ondalık Basamak - Kaç ondalık basamak gösterileceğini kontrol edin (0-6).
- Sayı Formatı - Format stilini seçin (Otomatik, ABD, AB, Hint, Boşluk•Nokta, Boşluk•Virgül).
- Sembol Konumu - Para birimi sembolünü tutardan önce, sonra veya para birimine göre otomatik yerleştirin.
- Yuvarlama - Standart, her zaman yukarı, her zaman aşağı veya yuvarlama yok. En yakına (.99) yuvarlama seçeneği.
Tema Entegrasyonu (Pro)
Widget'ı veya sepet bildirisini temanıza manuel olarak gömmek için bu HTML kodlarını kullanın:
Widget gömme (header.liquid veya herhangi bir bölüme ekleyin):
<div class="cwiki-widget"></div>
Sepet bildirimi gömme (cart.liquid'e ekleyin):
<div class="cwiki-banner"></div>
Geliştirici Seçenekleri (Pro)
- Stil Geçersiz Kılmaları - Widget stilini özelleştirmek için özel CSS ekleyin.
- Tıklama Dinleyicileri - Belirli öğelere tıklandığında fiyatları yeniden çevirin (ör. beden seçiciler, ürün seçenekleri).
- Ekstra Fiyat Öğeleri - Varsayılan .cwiki sarmalayıcının ötesinde ek fiyat öğelerini hedefleyin.
- URL Kalıpları - Belirli dizeler URL'de bulunduğunda fiyatları yeniden tarayın (AJAX içeriği, sonsuz kaydırma için).
- Dönüşüm Gecikmesi - Fiyatları çevirmeden önce bekleyin (sayfa yüklendikten sonra yüklenen içerik için).
Dikkat: Bu seçenekler ileri düzey kullanıcılar içindir. Yayınlamadan önce bir önizleme temasında test edin.
6 Sorun Giderme
Fiyatlar çevrilmiyor mu?
Para birimi formatı ayarlarında cwiki sarmalayıcı sınıfının olduğundan emin olun. Ayarlar → Genel → Mağaza varsayılanları bölümüne gidin ve HTML biçimlendirmesini kontrol edin. Ayrıca tema özelleştiricinizde uygulama gömmesinin etkin olduğundan emin olun.
Widget görünmüyor mu?
Tema App Embeds bölümünde uygulama gömmesinin etkin olduğundan emin olun. Tema özelleştiricinizi açın, App Embeds'i bulun ve Currency.Wiki'nin açık olduğundan emin olun. Kaydedin ve mağazanızı yenileyin.
Fiyatlar yüklenirken titriyor mu?
Uygulamamız sıfır titreme için tasarlanmıştır. Titreme görüyorsanız, müdahale eden önbellek eklentileriniz olup olmadığını kontrol edin. Ayrıca uygulama gömmesinin tema başlık bölümünde yüklendiğinden emin olun.
Yanlış para birimi mi algılanıyor?
Coğrafi algılama ziyaretçinin IP adresine dayanır. VPN veya kurumsal ağlar algılamayı etkileyebilir. Ziyaretçiler her zaman tercih ettikleri para birimini manuel olarak seçebilir. Ayrıca ayarlardan varsayılan yedek para birimi belirleyebilirsiniz.
Widget temama uymuyor mu?
Tema & Görünüm ayarlarını kullanarak renkleri özelleştirin veya otomatik modu etkinleştirerek tema renklerinizi otomatik algılayın. Daha hassas stil için Gelişmiş Ayarlar'da Özel CSS de kullanabilirsiniz.
Yardıma mı ihtiyacınız var?
Kurulum veya yapılandırma ile ilgili sorularınızda destek ekibimiz size yardımcı olmaya hazır.
