WooCommerce Kargo Yöntemine Resim (Logo) Ekleme

WooCommerce altyapısıyla çalışan bir e-ticaret sitesinde, müşterilerin kargo seçeneklerini daha kolay ayırt edebilmesi için kargo firmalarının logolarını göstermek kullanıcı deneyimini ciddi şekilde artırır. Bu işlem, ödeme adımında şeffaflık sağlar ve tercih sürecini hızlandırır.

Kargo Logonuzu Yükleyin

İlk adım olarak, kullanmak istediğiniz kargo firmasının logosunu WordPress’in Ortam (Medya) bölümüne yükleyin. Görsel yüklendikten sonra bağlantısını kopyalayın. Örnek:

https://siteadresiniz.com/wp-content/uploads/2025/07/yurtici-kargo.png

functions.php Dosyasına Kod Ekleyin

Şimdi temanızın functions.php dosyasına aşağıdaki kodu ekleyerek, belirli bir kargo yönteminin yanına resim ekleyebilirsiniz:

add_filter('woocommerce_cart_shipping_method_full_label', 'kargo_resmi_ekle', 10, 2);

function kargo_resmi_ekle($label, $method) {
    if ($method->method_id === 'flat_rate' && $method->instance_id == 1) {
        $image_url = 'https://siteadresiniz.com/wp-content/uploads/2025/07/yurtici-kargo.png';
        $label = '<img src="' . $image_url . '" style="width:40px; vertical-align:middle; margin-right:10px;" />' . $label;
    }
    return $label;
}
  

Bu kod şu anlama gelir:

• flat_rate: Sabit ücretli kargo yöntemi
• instance_id == 1: WooCommerce’de tanımlı gönderim yönteminin ID’si
• $image_url: Görselin URL’si

Örnek HTML Görünümü

Aşağıda, bu kodun ödeme sayfasında oluşturacağı HTML çıktısının örneği yer alır:

<label class="woocommerce-form__label woocommerce-form__label-for-radio">
  <input type="radio" name="shipping_method[0]" value="flat_rate:1" class="shipping_method" checked="checked" />
  <span>
    <img src="https://siteadresiniz.com/wp-content/uploads/2025/07/yurtici-kargo.png" style="width:40px; vertical-align:middle; margin-right:10px;" />
    Yurtiçi Kargo – ₺39,90
  </span>
</label>
  

Birden Fazla Kargo Firması İçin

Eğer farklı kargo firmalarına özel logolar eklemek istiyorsanız, örneği çoğaltarak şu şekilde kullanabilirsiniz:

function kargo_resimleri($label, $method) {
    if ($method->method_id === 'flat_rate') {
        if ($method->instance_id == 1) {
            $img = 'https://site.com/yurtici.png';
        } elseif ($method->instance_id == 2) {
            $img = 'https://site.com/aras.png';
        }
        $label = '<img src="' . $img . '" style="width:40px; vertical-align:middle; margin-right:10px;" />' . $label;
    }
    return $label;
}
add_filter('woocommerce_cart_shipping_method_full_label', 'kargo_resimleri', 10, 2);
  

Böylece her bir kargo yöntemi için ayrı bir görsel gösterebilir, kullanıcıya görsel olarak tanıdık markaları sunarak ödeme deneyimini daha güvenli ve hızlı hale getirebilirsiniz.