WooCommerce

WooCommerce Ödeme Sayfasında İlçeleri Göstermek

E‑ticaret siteleri sipariş sürecinde teslimat yükünün en doğru şekilde hesaplanmasını ister. WooCommerce ödeme sayfasında ilçe seçimi, kargo hesaplamada, adres doğrulamada ve en önemlisi fiyatlandırmada kritik rol oynar. Bu yazıda, WooCommerce ödeme sayfasında ilçe seçeneği nasıl eklenir, nelere dikkat etmek gerekir ve hangi yöntemlerle yapılır sorularının yanıtlarını detaylı şekilde ele alacağız.

1. WooCommerce ve İlçe Alanları

Varsayılan WooCommerce yapılandırmasında yalnızca şehir (örn. İstanbul) seçilir, ilçe seçimi yer almaz. Bu, özellikle Türkiye’deki birçok iliçin kritik bilgilerin eksik kalmasına neden olur. İlçe eklemek hem kullanıcı deneyimini hem de lojistik doğruluğu artırır.

2. İlçe Seçimini Eklemek İçin Gerekli Adımlar

a) Eklenti Kullanmak: Kolay ve Pratik Yol

WooCommerce Türkiye Vergi, Kargo, Şehir İlçe Eklentisi

  • Kargo ücretlerinin ilçe bazında hesaplanmasını sağlar

  • Farklı kargo firmalarına özel yapılandırma yapabilme özelliği

  • Günlük ortalama 49 ₺ civarında alternatif eklentilerle desteklenebilir

Eklentiyi yükledikten sonra:

  1. WordPress > Eklentiler > Yeni ekle

  2. Eklentiyi seçerek kur ve etkinleştir

  3. WooCommerce > Ayarlar > Kargo sayfasından ilçe alanını aktif et

b) Kodla İlçe Alanı Ekleme: Manuel Yöntem

Eğer tema bazlı özelleştirme veya hafif kalıcı çözüm istiyorsanız, özel bir kod bloğu ekleyerek ödeme formuna ilçe seçimi eklenebilir:

php
add_filter('woocommerce_checkout_fields', 'ilce_alani_ekle');
function ilce_alani_ekle($fields) {
$ilceler = [
'Kadıköy' => 'Kadıköy',
'Üsküdar' => 'Üsküdar',
'Beşiktaş' => 'Beşiktaş'
// Diğer ilçeleri buraya ekleyebilirsiniz
];
$fields['billing']['billing_city_district'] = [
'type' => 'select',
'label' => 'İlçe',
'required' => true,
'options' => ['' => 'Lütfen seçin'] + $ilceler,
'class' => ['form-row-first'] ];
return $fields;
}

Burada billing_city_district alanı, zorunlu select tipiyle ödeme sayfasına eklenir.

3. İleri Seviye: Dinamik İlçe Listesi

İl seçimi yapıldığında ilgili ilçeler gelmeli. Bu amaçla Ajax kullanarak dinamik bir yapı oluşturulabilir.

php
add_action('wp_ajax_nopriv_get_ilceler', 'get_ilceler');
add_action('wp_ajax_get_ilceler', 'get_ilceler');
function get_ilceler() {
$il = sanitize_text_field($_POST[‘il’]);
$ilce_listesi = [
‘İstanbul’ => [‘Kadıköy’,‘Üsküdar’,‘Beşiktaş’],
‘Ankara’ => [‘Çankaya’,‘Keçiören’,‘Mamak’] ];
wp_send_json($ilce_listesi[$il] ?? []);
}

JavaScript ile şehir seçildiğinde Ajax isteği yaparak ödeme formunu güncellersiniz.

4. Eklenti ve Kod: Performans ve SEO Etkileri

  • Kolay yöntem: hazır eklenti tercih edin, hız ve güncelleme desteği sağlar

  • Manuel kod: hafiftir ancak tema güncellemesinde kaybolabilir

  • SEO açısından: form alanları sayfada görünmez, içerik minimal olduğundan sıralamayı etkilemez

5. Mobil Uyumluluk ve Kullanıcı Deneyimi

  • Ödeme sayfası mobil uyumlu olmalı

  • İlçe seçimi zorunluysa, “Lütfen il ve ilçe seçin” gibi hatırlatıcı yazılar yer almalı

  • Formda CSS ile ux iyileştirmeleri yapılmalı

6. Sık Yapılan Hatalar & Çözüm Önerileri

  • Form elemanlarının kod kaybolması

  • Kargo firması entegrasyonları ile uyumsuzluk

  • İlçe alanı görünmesine rağmen kargo hesaplaması aktif değilse müşteri kaybı yaşanabilir

Her uygulama sonrası test siparişi yapılarak doğruluğu kontrol etmeniz önerilir.

7. Sonuç: İlçe Seçimi ile WooCommerce Altyapınız Netleşsin

WooCommerce ödeme sayfasında ilçe alanı eklemek:

  • Lojistik doğruluğunu artırır

  • Müşteri memnuniyetini yükseltir

  • Operasyonel sorunları azaltır

  • SEO ve performansa etkisi minimal düzeydedir

İster eklenti kullanarak pratik, ister kodla esnek çözüm arıyorsanız bu rehber, uygulamadan önce nelere dikkat etmeniz gerektiğini anlatır.

Diğer Bloglarımızdan: WooCommerce Sipariş Tamamlandı Sayfasına Nasıl İçerik Eklenir

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ı