WooCommerce

Woocommerce Kısa Kodları ile Mağazanızı Geliştirin

E-ticaret dünyasında başarı, ürünlerin doğru şekilde ve kolayca ziyaretçilere sunulmasına bağlıdır. WordPress altyapısında en çok tercih edilen Woocommerce, sunduğu güçlü kısa kod desteği ile mağazanızda esneklik sağlar. Woocommerce kısa kodları sayesinde ürünlerinizi dilediğiniz sayfada, istediğiniz biçimde gösterebilir, alışveriş deneyimini optimize edebilirsiniz.

Bu yazıda Woocommerce kısa kodları nedir, nasıl kullanılır ve en çok tercih edilen kısa kodlar nelerdir detaylıca anlatacağız. Ayrıca kısa kodların avantajları ve ipuçlarına da değineceğiz.

Woocommerce Kısa Kodları Nedir?

Kısa kod (shortcode), WordPress içerisinde özel işlevleri, kod yazmadan sayfalara veya yazılara eklemenizi sağlayan etiketlerdir. Woocommerce kısa kodları ise özellikle e-ticaret işlevlerine ait içerikleri kolayca göstermek için kullanılır.

Örneğin, ürün listesi, tek ürün gösterimi, sepete ekle butonu gibi işlevler kısa kodlar aracılığıyla sayfalarda aktif hale getirilebilir.

Woocommerce Kısa Kodlarının Avantajları

  • Kolay kullanım: Kodlama bilmeden işlev ekleyebilirsiniz.

  • Esnek yapı: Her sayfada farklı ürün gösterimi yapabilirsiniz.

  • Hızlı düzenleme: Kısa kodları değiştirmekle içerik güncellenir.

  • SEO dostu: Doğru kullanıldığında arama motorlarına uyumludur.

  • Uyumluluk: Temanız ve eklentilerle sorunsuz çalışır.

En Çok Kullanılan Woocommerce Kısa Kodları

Woocommerce, standart WordPress kısa kodlarına ek olarak birçok e-ticaret işlevi için özel kısa kodlar sunar. İşte en çok kullanılanlar:

1. [products]

En kapsamlı ürün listeleme kısa kodudur. Belirli kriterlere göre ürünleri sayfada listeler.

Örnek Kullanım:

pgsql
[products limit="8" columns="4" orderby="popularity" order="desc"]
  • limit: Gösterilecek ürün sayısı

  • columns: Kaç sütunda gösterileceği

  • orderby: Sıralama ölçütü (popularity, date, price)

  • order: Sıralama yönü (asc, desc)

2. [product_page id=””]

Tek bir ürün sayfasını istediğiniz yerde göstermek için kullanılır.

Örnek:

bash
[product_page id="123"]

Burada 123, ürünün ID numarasıdır.

3. [add_to_cart id=””]

Belirli bir ürünün sepete ekle butonunu sayfada göstermek için.

Örnek:

bash
[add_to_cart id="123"]

4. [product_category]

Belirli kategoriye ait ürünleri listelemek için.

Örnek:

csharp
[product_category category="aksesuarlar" per_page="6" columns="3"]

5. [recent_products]

En son eklenen ürünleri gösterir.

Örnek:

csharp
[recent_products per_page="8" columns="4"]

6. [featured_products]

Öne çıkarılan ürünleri listelemek için.

Örnek:

csharp
[featured_products per_page="5" columns="5"]

7. [sale_products]

İndirimdeki ürünleri gösterir.

Örnek:

csharp
[sale_products per_page="10" columns="5"]

8. [best_selling_products]

En çok satan ürünleri listelemek için kullanılır.

Örnek:

csharp
[best_selling_products per_page="6" columns="3"]

9. [woocommerce_cart]

Sepet sayfasını istediğiniz yere eklemek için kullanılır.

Örnek:

csharp
[woocommerce_cart]

10. [woocommerce_checkout]

Ödeme sayfasını görüntüler.

Örnek:

csharp
[woocommerce_checkout]

11. [woocommerce_my_account]

Kullanıcıların hesap sayfasını görüntüler.

Örnek:

csharp
[woocommerce_my_account]

Woocommerce Kısa Kodları Nasıl Kullanılır?

Adım 1: Ürün ID’sini Bulma

Bir ürünün ID’sini öğrenmek için WordPress yönetim panelinden “Ürünler” sekmesine gidin. Ürünün üzerine gelince URL’de ID görünür.

Adım 2: Kısa Kodu Sayfaya veya Yazıya Ekleme

Yeni bir sayfa veya yazı oluşturun, kısa kodu tırnak işaretleri olmadan yazın. İçerik düzenleyicide görsel modda da kısa kodlar çalışır.

Adım 3: Kısa Kod Parametrelerini Ayarlama

Ürün sayısı, kolon sayısı gibi parametreleri ihtiyaçlarınıza göre ayarlayın.

Kısa Kodları Özelleştirme ve İpucu

  • Kısa kodlar HTML ve CSS ile kolayca stilize edilebilir.

  • orderby parametresi ile sıralamayı değiştirebilirsiniz.

  • Özel ürün alanlarını gösteren kısa kodlar eklemek için eklentiler kullanabilirsiniz.

  • Kısa kodları temanızın özel şablonlarında PHP ile de kullanabilirsiniz:

php
echo do_shortcode('[products limit="4" columns="4"]');

Woocommerce Kısa Kodları ile Özel Sayfalar Oluşturma

Kısa kodlar sayesinde mağazanızda özel kampanya sayfaları, kategori sayfaları ya da öne çıkan ürün koleksiyonları yaratabilirsiniz. Örneğin, ana sayfanızda sadece indirimdeki ürünleri göstermek için:

csharp
[sale_products per_page="8" columns="4"]

Ya da “Yeni Gelenler” bölümünü hazırlamak için:

csharp
[recent_products per_page="6" columns="3"]

Performans ve SEO İpuçları

Kısa kodlar performansa etki edebilir, özellikle çok sayıda ürün listelemek sayfa hızını düşürebilir. Aşağıdaki önerilere dikkat edin:

  • Ürün sayısını sınırlayın

  • Gereksiz kısa kod kullanımından kaçının

  • Cache eklentileri kullanın (WP Rocket, W3 Total Cache)

  • Görselleri optimize edin (Smush, Imagify)

SEO açısından kısa kodlar, ürünlerin sayfa içinde düzgün indekslenmesini sağlar ve kullanıcı deneyimini artırır.

Woocommerce Kısa Kodları ile İlgili Sık Sorulan Sorular

1. Woocommerce kısa kodları ile özel ürün alanları gösterilebilir mi?
Temel kısa kodlar gösterir, ancak özel alanlar için eklenti veya özel kodlama gerekir.

2. Kısa kodları tüm WordPress temalarında kullanabilir miyim?
Evet, Woocommerce uyumlu tüm temalarda çalışır.

3. Kısa kodlar sayfa hızını etkiler mi?
Evet, çok fazla ürün listesi ve büyük görseller sayfayı yavaşlatabilir.

Sonuç

Woocommerce kısa kodları, e-ticaret sitenizde hızlı ve etkili ürün gösterimleri yapmanızı sağlar. Kodlama bilmeden güçlü işlevsellik kazandırır. Doğru kullanım ile müşteri deneyimini artırabilir, satışlarınızı olumlu etkileyebilirsiniz. Bu rehberde en yaygın kısa kodları, kullanım yöntemlerini ve ipuçlarını öğrendiniz.

E-ticaret sitenizi bir üst seviyeye taşımak için kısa kodları keşfetmeye ve sayfalarınızı özelleştirmeye hemen başlayabilirsiniz.

Diğer Bloglarımızdan: WordPress.com vs WordPress.org farkları

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ı