Style & Copy
Soldaki menüden renk ve ayarlarınızı yapın, ardından aşağıdaki Copy Code butonuna basın.
Paste in Shopify
Aşağıdaki siyah kod ekranından kopyaladığınız kodu, Shopify panelinizde Customize (Özelleştir) > Add Section > Custom Liquid alanına yapıştırın!
Your Shopify Liquid Code
Shopify Sosyal Kanıt (SociaL Proof) ve "Mutlu Müşteriler" Banner Liqud Kod Oluşturucu
Mağazanızın dönüşüm oranlarını (conversion rate) artırmanın en etkili yolu müşterilerinize güven vermektir. Mağazanızı yavaşlatan, temayı şişiren ve aylık ücret talep eden uygulamalara (app) veda edin! Ücretsiz Shopify Social Proof Component Generator aracımız sayesinde, hiçbir kodlama bilgisine ihtiyaç duymadan mağazanıza özel bir "Mutlu Müşteriler" (Happy Customers) rozeti tasarlayabilir ve temiz Liquid koduyla temanıza hemen ekleyebilirsiniz.
Neden Bu Bileşeni Kullanmalısınız?
- Hız ve Performans: Dışarıdan yüklenen uygulamaların aksine, doğrudan temanızın içine eklenen Liquid kodu sayesinde sayfa yüklenme hızınızı (Page Speed) etkilemez.
- Artan Dönüşüm (CRO): Ürün sayfalarınızda veya sepet altlarında göstereceğiniz müşteri avatarları, satın alma kararsızlığını gidererek dönüşüm oranlarınızı doğrudan artırır.
- Tamamen Özelleştirilebilir: Markanızın kurumsal kimliğine %100 uyum sağlar.
Öne Çıkan Özellikler:
- Gerçek Zamanlı Canlı Önizleme (Live Preview): Yaptığınız renk, boyut ve boşluk değişikliklerini eşzamanlı olarak görün.
- Cihaz Simülasyonu: Üst paneldeki cihaz seçici ile rozetinizin masaüstü (Desktop), tablet ve mobil (Mobile) ekranlarda nasıl görüneceğini anında test edin.
- Gelişmiş Avatar Stili (Avatar Styling): Müşteri fotoğraflarının boyutlarını ayarlayın, kenarlık (border) kalınlığını, rengini ve stilini (düz, kesik çizgili, noktalı) dilediğiniz gibi değiştirin.
- Kusursuz Hizalama (Responsive Layout): Masaüstünde sola yaslı, mobilde ortalanmış bir görünüm mü istiyorsunuz? Cihaza özel hizalama seçenekleriyle tasarımı mükemmelleştirin.
- Tek Tıkla Kopyalama: Tasarımınızı bitirdiğinizde "Copy Code" butonuna basarak size özel üretilen Shopify Liquid ve CSS kodunu alın ve temanızdaki (Custom Liquid bloğuna) yapıştırın.
Nasıl Kullanılır?
- Sol paneldeki araçları kullanarak metni, renkleri ve avatar boyutlarını markanıza göre ayarlayın.
- Üstteki ikonlara tıklayarak mobil ve tablet görünümlerini kontrol edin.
- Sağ alttaki siyah kod ekranından kopyaladığınız kodu, Shopify panelinizde Customize (Özelleştir) > Add Section > Custom Liquid alanına yapıştırın!
Shopify Temanıza Özel "Native Section" Entegrasyonu
Kodu kopyalayıp yapıştırmak harika bir başlangıçtır. Ancak, bu rozeti her sayfa için ayrı ayrı yönetmek, kodlarla uğraşmadan doğrudan Shopify Tema Editörü (Customize) içerisinden tüm renk, boyut ve görsel ayarlarını değiştirmek ister misiniz?
- Kodsuz Yönetim: Shopify Admin panelinizdeki sol menüden sürükle-bırak (drag & drop) kolaylığıyla bileşeni istediğiniz yere ekleyin.
- Kendi Görsellerinizi Yükleyin: Hazır avatarlar yerine, doğrudan tema ayarlarından kendi mutlu müşterilerinizin fotoğraflarını yükleyin.
- Dinamik Yapı: Arka plan rengini, yazıları ve boşlukları (padding/margin) tema editöründeki kaydırma çubuklarıyla saniyeler içinde güncelleyin.
- Kusursuz Tema Uyumluluğu: Uzman Shopify ekibimiz, kod yapısını mevcut temanızın mimarisine (JSON şablonlarına) %100 uyumlu şekilde entegre eder.
Shopify Customer Banner Section
