E-ticarette hızlı teslimat, müşterilerin satın alma kararlarını doğrudan etkileyen önemli bir faktördür. WooCommerce altyapısı kullanan mağaza sahipleri, hızlı gönderilebilen ürünlerini öne çıkarmak için “Hızlı Kargo” rozeti kullanarak dönüşüm oranlarını artırabilir.
Bu yazıda, WooCommerce mağazanıza hiçbir eklenti kullanmadan “Hızlı Kargo” etiketi ve görsel rozeti nasıl ekleyeceğinizi adım adım anlatıyoruz.
🏷️ 1. Ürün Etiketi (Tag) Oluşturma
İlk olarak hızlı gönderim yapılabilecek ürünler için özel bir etiket oluşturalım:
WordPress panelinden Ürünler > Etiketler bölümüne girin.
Yeni bir etiket oluşturun:
İsim:
Hızlı KargoKısa ad (slug):
hizli-kargo
Bu etiketi ilgili ürünlerinize uygulayın (varyasyonlu ürünlerde, ana ürün seviyesinde).
🧩 2. Kodları functions.php Dosyasına Ekleyin
Temanızın functions.php dosyasına aşağıdaki kodları ekleyin. Bu kod, hem mağaza/kategori sayfalarında hem de ürün detay sayfalarında “🚚 Hızlı Kargo” rozetini gösterecektir:
// Listeleme sayfaları için
add_action('woocommerce_before_shop_loop_item', 'woventico_hizli_kargo_rozet_liste', 5);
function woventico_hizli_kargo_rozet_liste() {
global $product;
if (has_term('hizli-kargo', 'product_tag', $product->get_id())) {
echo '<div class="woventico-hizli-kargo-badge">🚚 Hızlı Kargo</div>';
}
}
// Ürün detay sayfası için
add_action('woocommerce_before_single_product_summary', 'woventico_hizli_kargo_rozet_detay', 5);
function woventico_hizli_kargo_rozet_detay() {
global $product;
if (has_term('hizli-kargo', 'product_tag', $product->get_id())) {
echo '<div class="woventico-hizli-kargo-badge">🚚 Hızlı Kargo</div>';
}
}
🎨 3. Rozet Tasarımı (CSS Kodları)
Rozetin görsel olarak düzgün şekilde görünmesi için aşağıdaki CSS kodunu temanızın stil dosyasına ya da WordPress panelinden Özelleştir > Ek CSS bölümüne yapıştırın:
.woventico-hizli-kargo-badge {
position: absolute;
top: 10px;
left: 10px;
background-color: #27ae60;
color: #fff;
font-size: 12px;
padding: 5px 10px;
border-radius: 3px;
z-index: 9;
font-weight: bold;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.woocommerce ul.products li.product {
position: relative;
}
.single-product div.product {
position: relative;
}
Artık WooCommerce mağazanızda hızlı gönderilebilen ürünleri görsel olarak vurgulayan şık bir “Hızlı Kargo” rozeti aktif! Müşteri tarafında daha fazla güven ve satın alma motivasyonu oluşturabilirsiniz.
İPUCU: Dilersen bu sistemi kampanyalara, filtreleme seçeneklerine veya ürün sıralamalarına entegre ederek daha fazla verim alabilirsin.
🛠️ Yardıma mı İhtiyacınız Var?
Bu özelliği mağazanıza özel olarak geliştirmemizi istersen ya da tema uyumluluğu konusunda destek ihtiyacın varsa iletişim sayfamdan bana ulaşabilirsin.
