WooCommerce

WooCommerce Ödeme Sayfasına Kargo Logosu Eklemek

WooCommerce ödeme sayfası, e-ticaret sitelerinin satış sürecindeki en kritik adımlarından biridir. Kullanıcıların satın alma işlemini tamamladığı bu noktada güven, sadelik ve marka görünürlüğü büyük önem taşır. Müşteri güvenini artırmak için kargo şirketlerinin logolarını ödeme sayfasında göstermek oldukça etkili bir yöntemdir. Bu blogda, WooCommerce ödeme sayfasına nasıl kargo logosu ekleyeceğinizi adım adım anlatacağız.

1. WooCommerce Ödeme Sayfası Nedir?

WooCommerce ödeme sayfası, alışverişin tamamlandığı ve kullanıcının ödeme bilgilerini girerek siparişi onayladığı alandır. Bu sayfa, kullanıcı deneyiminin en hassas noktası olduğu için görsel sadelik, hız ve güvenilirlik açısından optimize edilmelidir.
Bu sayfaya eklenen her öğe kullanıcıya güven vermeli ve işlemi kolaylaştırmalıdır.

2. Kargo Logosu Neden Eklenmeli?

WooCommerce ödeme sayfasına kargo logosu eklemek, aşağıdaki avantajları sağlar:

  • Güven artırır: Kullanıcı, tanıdığı ve güvendiği kargo firmalarının logolarını görerek sipariş verirken kendini daha rahat hisseder.

  • Profesyonellik katar: Site tasarımında bütünlük sağlar ve daha kurumsal bir görünüm sunar.

  • Şeffaflık sağlar: Siparişin hangi firmayla gönderileceğini netleştirir.

  • Satın alma kararını hızlandırır: Kullanıcı, kargo firmasının hizmet kalitesine göre karar verir.

3. Kargo Logosu Eklemek İçin Gerekenler

WooCommerce ödeme sayfasına kargo logosu eklemek için aşağıdaki bileşenlere ihtiyaç vardır:

  • WordPress admin paneline erişim

  • Temanızın functions.php dosyasına müdahale edebilme yetkisi

  • Kargo logosu görselleri (SVG, PNG gibi)

  • Temanızın child teması (Güncelleme sonrası değişikliklerin korunması için)

4. Kargo Logosu Eklemek İçin Adım Adım Rehber

Adım 1: Kargo Logolarını Hazırlayın

Logoları yüksek kaliteli ve saydam arka planlı olacak şekilde .png veya .svg formatında yükleyin.
İdeal boyut: 100×50 px

Kullanabileceğiniz popüler kargo logoları:

  • Yurtiçi Kargo

  • MNG Kargo

  • Aras Kargo

  • PTT Kargo

  • Sürat Kargo

Adım 2: Logoları Medya Kütüphanesine Ekleyin

WordPress > Ortam > Yeni Ekle yoluyla logoları yükleyin. URL’lerini not edin.

Adım 3: functions.php Dosyasına Kod Ekleyin

php

add_action('woocommerce_review_order_before_payment', 'kargo_logolarini_goster');

function kargo_logolarini_goster() {
echo ‘<div class=”kargo-logolari” style=”margin:20px 0;”>’;
echo ‘<p>Kargolarımız:</p>’;
echo ‘<img src=”‘ . get_template_directory_uri() . ‘/images/yurtici.png” style=”height:50px; margin-right:10px;” />’;
echo ‘<img src=”‘ . get_template_directory_uri() . ‘/images/mng.png” style=”height:50px; margin-right:10px;” />’;
echo ‘<img src=”‘ . get_template_directory_uri() . ‘/images/aras.png” style=”height:50px;” />’;
echo ‘</div>’;
}

Not: Logoları tema klasörünüzün images dizinine ekleyin. Alternatif olarak medya kütüphanesinden tam URL kullanabilirsiniz.

5. CSS ile Stil Verme (isteğe bağlı)

css
.kargo-logolari img {
transition: transform 0.3s ease;
}
.kargo-logolari img:hover {
transform: scale(1.05);
}

Bu kod sayesinde logolar üzerine gelindiğinde hafifçe büyür ve kullanıcı ilgisini çeker.

6. Eklenti ile Alternatif Yöntem

Kodlama bilginiz yoksa şu eklentileri kullanabilirsiniz:

Bu eklentiler sayesinde ödeme sayfasına özel HTML blokları ekleyerek logo gösterebilirsiniz.

7. Kargo Logosu Gösterme Stratejileri

a) Her Zaman Aynı Kargo ile Gönderim

Sabit bir kargo firması kullanıyorsanız, logosunu doğrudan gösterebilirsiniz.

b) Kullanıcının Seçim Yapabileceği Kargo

Birden fazla seçenek varsa, aşağıdaki gibi checkbox veya dropdown menü kullanabilirsiniz:

php

add_action('woocommerce_review_order_before_payment', 'kargo_secim_alani');

function kargo_secim_alani() {
echo ‘<p><strong>Kargo Seçimi:</strong></p>’;
echo ‘<select name=”kargo_secimi”>’;
echo ‘<option>Yurtiçi Kargo</option>’;
echo ‘<option>Aras Kargo</option>’;
echo ‘<option>MNG Kargo</option>’;
echo ‘</select>’;
}

8. Mobil Uyumluluk ve Hız Testi

Görsellerin mobil cihazlarda bozulmaması için:

9. Kullanıcı Deneyimini Artırma

Kargo logosu ile birlikte aşağıdaki bilgilere de yer verin:

  • Ortalama teslimat süresi

  • Takip numarası ekleneceği bilgisi

  • Kargo ücreti veya ücretsiz gönderim bilgisi

  • İade politikası bağlantısı

10. Sık Yapılan Hatalar

  • Aşırı büyük görsel kullanımı

  • Kargo firması bilgilerini belirtmeden logo koymak

  • Logoların temaya değil, doğrudan WordPress ana dizinine yüklenmesi

  • Güncelleme sonrası kodların silinmesi (child tema kullanılmaması)

11. Türk Lirası ile Kargo Bilgilendirmesi

Kullanıcılarınız için her kargo firmasının teslimat ücretini Türk Lirası cinsinden belirtin:

Kargo FirmasıOrtalama Teslimat Ücreti (₺)
Yurtiçi Kargo₺49
Aras Kargo₺52
MNG Kargo₺50
Sürat Kargo₺45
PTT Kargo₺38

WooCommerce ödeme sayfası, müşteri deneyiminin en önemli alanlarından biridir. Bu alanda kargo logosu göstermek, güven duygusunu artırır, profesyonel bir izlenim yaratır ve satın alma kararını olumlu etkiler. Yukarıdaki yöntemleri kullanarak birkaç dakika içinde bu işlemi gerçekleştirebilir, e-ticaret sitenizi daha güvenilir hale getirebilirsiniz.

Diğer WordPress Bloglarımızdan: Varsayılan WordPress E-Postası Değiştirme

Daha Fazla Göster

İlgili Makaleler

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu
Kapalı