Mağazanızın güvenilirliğini ve dönüşüm oranlarını artırmak mı istiyorsunuz? Shopify ürün sayfalarınıza profesyonel güven kutusu veya rozetleri ve ödeme simgeleri eklemek için bu ayrıntılı kılavuzu izleyin.
Lafı fazla uzatmadan hemen konuya girelim.
Adım Adım Kurulum Süreci
1.Tema Özelleştiricinizi Açın
- Shopify Yönetici panonuza giriş yapın.
- Sol kenar çubuğundaki “Çevrimiçi Mağaza”ya tıklayın.
- Alt menüden “Temalar”ı seçin.
- Etkin temanızı bulun ve "Özelleştir"e tıklayın.
2.Ürün Şablonuna Git
- Tema Özelleştiricisinde, üst taraftaki açılır menüye tıklayın. (genellikle "Ana sayfa"yı gösterir)
- Listeden “Ürün sayfaları”nı seçin.
- Bu ürün sayfanızın şablonunu yükleyecektir.
3.Özel Bölümünüzü Ekleyin
- "Bölüm ekle" düğmesini arayın. (genellikle sol kenar çubuğunda)
- Bölüm menüsünü açmak için tıklayın.
- Aşağı kaydırarak “Custom Liquid”sekmesini bulup seçin.
- Şablonunuzda yeni bir bölüm görünecek.
4.Kodu girin
- Yeni Custom Liquid bölümünüzde (onu istediğiniz yere sürükleyebilirsiniz) bir kod giriş alanı göreceksiniz.
- Bu kodu kopyalayıp yapıştırın:
- <font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><!-- Güven Puanları Bölümü --></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <div style="dolgu: 2rem 0; arka plan: #ffffff;"></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <div style="margin: 0 auto; padding: 0 1rem; max-width: 1200px;"></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <!-- Güven Noktaları - Sabit Yatay Düzen --></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <div style="display: grid; grid-template-columns: tekrarla(3, 1fr); boşluk: 1rem;"></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <div style="text-align: center; padding: 0.75rem;"></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <svg xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-2" width="24" height="24" viewBox="0 0 24 24" fill="hiçbiri" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <path d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8"/></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <path d="M3 8l2-4h14l2 4"/></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> </svg></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <div style="font-weight: 600; margin-bottom: 0.25rem; font-size: 1rem;">Ücretsiz Kargo</div></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <div style="color: #666; font-size: 0.875rem;">50$ üzeri siparişlerde</div></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> </div></font></font><font></font> <font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <div style="text-align: center; padding: 0.75rem;"></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <svg xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-2" width="24" height="24" viewBox="0 0 24 24" fill="hiçbiri" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <rect genişlik="18" yükseklik="11" x="3" y="11" rx="2" ry="2"/></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <path d="M7 11V7a5 5 0 0110 0v4"/></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> </svg></font></font><font></font> <div style="font-weight: 600; margin-bottom: 0.25rem; font-size: 1rem;">Secure Payment</div><font></font> <div style="color: #666; font-size: 0.875rem;">256-bit SSL Security</div><font></font> </div><font></font> <font></font> <div style="text-align: center; padding: 0.75rem;"><font></font> <svg xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-2" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><font></font> <path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/><font></font> </svg><font></font> <div style="font-weight: 600; margin-bottom: 0.25rem; font-size: 1rem;">24/7 Support</div><font></font> <div style="color: #666; font-size: 0.875rem;">Live chat or email</div><font></font> </div><font></font> </div><font></font> <font></font> <!-- Payment Icons --><font></font> <div style="text-align: center; margin-top: 3rem;"><font></font> <h3 style="margin-bottom: 2rem; font-size: 1.4rem; font-weight: 500;">Accepted Payment Methods</h3><font></font> <font></font> <ul style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; list-style: none; padding: 0; margin: 0;"><font></font> <li style="margin: 0;"><font></font> <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"></path></svg><font></font> </li><font></font> <li style="margin: 0;"><font></font> <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><circle fill="#EB001B" cx="15" cy="12" r="7"></circle><circle fill="#F79E1B" cx="23" cy="12" r="7"></circle><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"></path></svg><font></font> </li><font></font> <li style="margin: 0;"><font></font> <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"></path><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"></path><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"></path></svg><font></font> </li><font></font> </ul><font></font> <font></font> </div><font></font> </div>
5.Kaydet ve Yayımla
- Değişikliklerinizi kaydetmek için "Kaydet"e tıklayın.
- Hem masaüstünde hem de mobilde her şeyi iki kez kontrol etmek için "Önizleme"yi kullanın.
- Memnun kaldığınızda özelleştiriciden çıkın.
Müşterileriniz adına her şeyin mükemmel göründüğünden emin olmak için, yayınlamadan önce değişikliklerinizi tema özelleştiricisinin önizleme modunda test etmeyi unutmayın.
Bu blog yazımızda bahsedilen hiçbir marka ile #işbirliğimiz yoktur. İyi satışlar diliyoruz! .. 🧑🏻💻 😊
