WooCommerce'de Yeni Ürünler Nasıl Görüntülenir: Adım Adım Eğitim
Yayınlanan: 2022-04-16Çevrimiçi mağazanıza bazı yeni ürünler ekleyecek ve bunları nasıl sergileyeceğinizden emin değil misiniz? İyi haber, sizin için mükemmel bir rehberimiz var. Bu yazıda size WooCommerce'de yeni ürünleri nasıl görüntüleyeceğinizi göstereceğiz.
WooCommerce Mağazanızda Neden Yeni Ürünleri Sergilemelisiniz?
E-Ticaret web sitenize yeni ürünler eklediğinizde , müşterilerinizi bunlardan haberdar etmeniz çok önemlidir. Mağazanızın mevcut ürünleri, müşterilerinizin çoğu tarafından zaten biliniyor ve hatta satın alınmış bile olabilir.
Ancak mağazanıza yeni ürünleri eklediğinizde müşterilerinizin bunlardan çok iyi haberdar olması gerekir. Yeni ürünler web sitenizde düzgün bir şekilde vurgulanmazsa, yeni ürünler hakkında bilgisi olmadığı için çok sayıda potansiyel müşteri kaybedebilirsiniz.
Bu nedenle, müşterilerin dikkatini yeni ürünlerinize çekmesini sağlamak için bunları WooCommerce mağazanızda düzgün bir şekilde sergilemeniz gerekir. Bu, müşterilerin yeni ürünleri fark etmesini sağlayacak ve bu ürünleri satın alma olasılığını artıracaktır. Şimdi, WooCommerce'de yeni ürünleri nasıl görüntüleyebileceğinize bakalım.
WooCommerce'de Yeni Ürünler Nasıl Görüntülenir?
Yeni ürünleri WooCommerce'de 2 ana yolla görüntüleyebilirsiniz:
- Varsayılan WooCommerce seçenekleri
- programatik olarak
1. Varsayılan WooCommerce Seçenekleriyle Yeni Ürünleri Görüntüle
WooCommerce, bir e-Ticaret web sitesi tasarlamak için zaten çok esnek ve sağlam bir platformdur. Bu nedenle, web sitenize ekleyebileceğiniz yeni ürünleri zaten düşünmüşlerdir.
WooCommerce'i web siteniz için tamamen kurduğunuzda, yeni ürünlerinizi görüntülemek için yerleşik bloklar ve kısa kod seçenekleriyle birlikte gelir. Bu seçenekler varsayılan olarak WooCommerce'e dahildir ve bunları kullanmak için herhangi bir ek araca ihtiyacınız yoktur. Ancak, kullanırken herhangi bir görsel sorun yaşamamak için uyumlu WooCommerce temalarından birini kullandığınızdan emin olun.
1.1. Yeni Ürünleri Bloklarla Sergileyin
Yeni ürünlerinizi WooCommerce bloklarıyla göstermek için önce onları görüntülemek istediğiniz sayfayı açmanız gerekir. Hatta isterseniz sadece yeni ürünler için yeni bir sayfa bile oluşturabilirsiniz. Ancak bu bölüm için yeni ürünleri WooCommerce mağazamızın mevcut sayfalarından birinde görüntüleyeceğiz.
Bu nedenle, Sayfalar > Tüm Sayfalar'a gidin ve ürünleri görüntülemek istediğiniz sayfa için Düzenle'ye tıklayın.
Tamamen yeni bir sayfa eklemek istiyorsanız, Yeni Ekle'ye tıklayın.
Sayfa düzenleyiciyi açtıktan sonra ' + ' simgesine tıklayın ve burada ' En Yeni Ürünler ' bloğunu arayın.
Sayfaya ekledikten sonra, ekranınızın sağ tarafında bununla ilgili ayarları görebileceksiniz. İlk olarak, satır ve sütun sayısının ayarlanabileceği bloğun düzenini değiştirebilir ve diğer içeriği takip edecek şekilde hizalayabilirsiniz.
Benzer şekilde, başlığı, ürün fiyatını, ürün derecelendirmesini ve sepete ekle butonunu görünür hale getirmeyi de seçebilirsiniz.
Hatta yeni ürünler kendi kategorilerine göre eklenebilir.
Tüm değişiklikleri yaptıktan sonra, Sayfayı Güncelleyin veya Yayınlayın . Sayfayı önizlerken yeni ürünleri görebileceksiniz.
1.2. Kısa Kodlu Son Ürünleri Görüntüle
Daha önce de belirtildiği gibi, yeni ürünleri WooCommerce'de kısa kodlar kullanarak da görüntüleyebilirsiniz. WooCommerce, kullanabileceğiniz bir dizi kısa kod seçeneği sunar. Kısa kod ile yeni ürünleri ekleyebilirsiniz.
Purchase Telegram Chat Select options WordPress TikTok Feed Add to cart Bundle WooCommerce Plugins Add to cart Bundle Social Plugins Purchase WooCommerce Autocomplete Orders Purchase Perfect WooCommerce Brands Add to cart Bundle Select options WooCommerce Checkout Manager Purchase Now QuadMenu Select options Instagram Feed Gallery Purchase WordPress Menu Icons Select options WooCommerce Direct Checkout
Purchase Telegram Chat Select options WordPress TikTok Feed Add to cart Bundle WooCommerce Plugins Add to cart Bundle Social Plugins Purchase WooCommerce Autocomplete Orders Purchase Perfect WooCommerce Brands Add to cart Bundle Select options WooCommerce Checkout Manager Purchase Now QuadMenu Select options Instagram Feed Gallery Purchase WordPress Menu Icons Select options WooCommerce Direct Checkout
Purchase Telegram Chat Select options WordPress TikTok Feed Add to cart Bundle WooCommerce Plugins Add to cart Bundle Social Plugins Purchase WooCommerce Autocomplete Orders Purchase Perfect WooCommerce Brands Add to cart Bundle Select options WooCommerce Checkout Manager Purchase Now QuadMenu Select options Instagram Feed Gallery Purchase WordPress Menu Icons Select options WooCommerce Direct Checkout
Purchase Telegram Chat Select options WordPress TikTok Feed Add to cart Bundle WooCommerce Plugins Add to cart Bundle Social Plugins Purchase WooCommerce Autocomplete Orders Purchase Perfect WooCommerce Brands Add to cart Bundle Select options WooCommerce Checkout Manager Purchase Now QuadMenu Select options Instagram Feed Gallery Purchase WordPress Menu Icons Select options WooCommerce Direct Checkout
Purchase Telegram Chat Select options WordPress TikTok Feed Add to cart Bundle WooCommerce Plugins Add to cart Bundle Social Plugins Purchase WooCommerce Autocomplete Orders Purchase Perfect WooCommerce Brands Add to cart Bundle Select options WooCommerce Checkout Manager Purchase Now QuadMenu Select options Instagram Feed Gallery Purchase WordPress Menu Icons Select options WooCommerce Direct Checkout
Purchase Telegram Chat Select options WordPress TikTok Feed Add to cart Bundle WooCommerce Plugins Add to cart Bundle Social Plugins Purchase WooCommerce Autocomplete Orders Purchase Perfect WooCommerce Brands Add to cart Bundle Select options WooCommerce Checkout Manager Purchase Now QuadMenu Select options Instagram Feed Gallery Purchase WordPress Menu Icons Select options WooCommerce Direct Checkout
Purchase Telegram Chat Select options WordPress TikTok Feed Add to cart Bundle WooCommerce Plugins Add to cart Bundle Social Plugins Purchase WooCommerce Autocomplete Orders Purchase Perfect WooCommerce Brands Add to cart Bundle Select options WooCommerce Checkout Manager Purchase Now QuadMenu Select options Instagram Feed Gallery Purchase WordPress Menu Icons Select options WooCommerce Direct Checkout
Purchase Telegram Chat Select options WordPress TikTok Feed Add to cart Bundle WooCommerce Plugins Add to cart Bundle Social Plugins Purchase WooCommerce Autocomplete Orders Purchase Perfect WooCommerce Brands Add to cart Bundle Select options WooCommerce Checkout Manager Purchase Now QuadMenu Select options Instagram Feed Gallery Purchase WordPress Menu Icons Select options WooCommerce Direct Checkout
Purchase Telegram Chat Select options WordPress TikTok Feed Add to cart Bundle WooCommerce Plugins Add to cart Bundle Social Plugins Purchase WooCommerce Autocomplete Orders Purchase Perfect WooCommerce Brands Add to cart Bundle Select options WooCommerce Checkout Manager Purchase Now QuadMenu Select options Instagram Feed Gallery Purchase WordPress Menu Icons Select options WooCommerce Direct Checkout
Purchase Telegram Chat Select options WordPress TikTok Feed Add to cart Bundle WooCommerce Plugins Add to cart Bundle Social Plugins Purchase WooCommerce Autocomplete Orders Purchase Perfect WooCommerce Brands Add to cart Bundle Select options WooCommerce Checkout Manager Purchase Now QuadMenu Select options Instagram Feed Gallery Purchase WordPress Menu Icons Select options WooCommerce Direct Checkout
Purchase Telegram Chat Select options WordPress TikTok Feed Add to cart Bundle WooCommerce Plugins Add to cart Bundle Social Plugins Purchase WooCommerce Autocomplete Orders Purchase Perfect WooCommerce Brands Add to cart Bundle Select options WooCommerce Checkout Manager Purchase Now QuadMenu Select options Instagram Feed Gallery Purchase WordPress Menu Icons Select options WooCommerce Direct Checkout
Purchase Telegram Chat Select options WordPress TikTok Feed Add to cart Bundle WooCommerce Plugins Add to cart Bundle Social Plugins Purchase WooCommerce Autocomplete Orders Purchase Perfect WooCommerce Brands Add to cart Bundle Select options WooCommerce Checkout Manager Purchase Now QuadMenu Select options Instagram Feed Gallery Purchase WordPress Menu Icons Select options WooCommerce Direct Checkout
Bu kısa kodu kullanmak için mevcut bir sayfayı düzenleyin veya WordPress web sitenize bir kez daha yeni bir sayfa ekleyin. Ardından, buraya yeni bir Kısa Kod bloğu eklemek için ' + ' simgesine tıklayın.
Hatta daha belirgin hale getirmek için kısa koda biraz daha nitelik ekleyebilirsiniz. Örneğin, aşağıdaki kısa kod, giysi kategorisinden her sayfada 2 yeni ürün görüntüleyecektir.
Bu kısa kodu ekledikten sonra sayfayı bir kez daha güncelleyin . Sayfanın önizlemesine bakarsanız, üzerinde görüntülenen son eklenen yeni ürünleri görebileceksiniz.
Not: Bu bir kısa kod olduğundan, web sitenizin kenar çubukları veya altbilgi alanları gibi web sitenizin widget alanlarına bile ekleyebilirsiniz. Widget alanlarının tasarımına uyması için kısa kodda gerekli değişiklikleri yapın ve yayınlayın.
2. Yeni Ürünleri Programlı Olarak Görüntüleyin
Ürünlerin web sitenizde birden fazla yerde görüntülenmesini istediğinizi varsayalım. Ardından, web sitenizin gerekli tüm bölümlerini açmak ve bunlara blok veya kısa kodu eklemek çok sıkıcı olabilir. Bunun yerine, WooCommerce mağazanızın yeni ürünlerinde “Yeni” bir rozet görüntülemek için tema dosyalarınıza bir kod ekleyebilirsiniz.
Ancak ilerlemeden önce, lütfen web sitenizi yedeklediğinizden ve alt tema eklentilerinden birini kullanarak bir alt tema oluşturduğunuzdan emin olun. Bu, WordPress temasını güncellediğinizde çekirdek tema dosyalarında yaptığınız tüm değişikliklerin etkilenmemesini sağlayacaktır.
2.1. Tema İşlev Dosyasını Açın
Kod parçacığını temanızın functions.php dosyasına ekleyeceğiz. Bu nedenle, alt temayı etkinleştirdikten sonra WordPress kontrol panelinizden Tema > Tema Dosyası Düzenleyici'ye gidin.
Ardından, ekranınızın sağ tarafında bulunan tema dosyalarından functions.php dosyasını açmanız gerekecektir.
2.2. Kodu Tema Dosyalarına Ekleyin
Tema işlevleri dosyasını açtıktan sonra dosyanın en altına gidin ve aşağıdaki kod parçasını buraya yapıştırın.
add_action( 'woocommerce_before_shop_loop_item_title', 'quadlayers_new_product_badge', 3 ); function quadlayers_new_product_badge() { küresel $ürün; $newness_days = 10; $created = strtotime( $product->get_date_created()); if ( ( time() - ( 60 * 60 * 24 * $newness_days ) ) < $yaratıldı ) { echo '<span class="itsnew onsale">' . esc_html__( 'Yeni!', 'woocommerce' ) . '</span>'; } }
Yukarıdaki kod , son 10 gün içinde web sitenize eklenen ürünlere yeni rozeti ekleyecektir. Gün sayısını web sitenizin ihtiyaçlarına göre ayarlayabilirsiniz. Son eklenen ürünlerinizi yeni saydığınız gün sayısına göre değişebilirler.
Kodu ekledikten sonra Dosyayı Güncelle seçeneğine tıklayın.
Önizleme yaptığınızda WooCommerce mağazanızın yeni ürünlerine yeni rozetin eklendiğini görebileceksiniz. Bunları görüntülemenin en hızlı yolu, mağaza sayfasının kendisindendir.
Tema dosyalarını açma konusunda rahat değilseniz, bu kodları eklemek için Code Snippets gibi bir kod düzenleyici eklentisi de kullanabilirsiniz. Tek yapmanız gereken eklentiyi kurmak ve kodu eklenti kod düzenleyicisine eklemek.
Bu kadar! müşterileriniz, WooCommerce mağazanıza eklediğiniz yeni ürünleri şimdi kabul edebilir.
Bonus: WooCommerce'de Öne Çıkan Resmi Ayarlayın ve Görüntüleyin
WooCommerce mağazanızda yeni ürünleri nasıl görüntüleyeceğinizi zaten gösterdik. Benzer şekilde, öne çıkan ürünleri nasıl ayarlayacağınızı ve görüntüleyeceğinizi de bilmeniz size yardımcı olabilir. Öne çıkan ürünler, mağazanızda elde ettikleri ek gösterimle bu ürünler için daha fazla satış elde etmenize yardımcı olan mağazanızın ürünlerini öne çıkarır.
Bonus olarak, mağazanızda öne çıkan ürünleri nasıl ayarlayacağınızı ve onları nasıl göstereceğinizi göstereceğiz. Ürünleri özellikli olarak kategorize ederek başlayalım.
1. Mağazanızda Öne Çıkan Ürünleri Ayarlayın
Öne çıkan ürünleri çevrimiçi mağazanızda kolayca ayarlayabilirsiniz. Öne çıkan durum, WooCommerce web sitenize yeni eklenen ürünlerin yanı sıra mevcut ürünler için de işaretlenebilir. Burada bunu yapmanın çeşitli yolları vardır, ancak biz sadece WooCommerce kontrol panelinizin ürün düzenleme sayfasını kullanacağız.
WooCommerce kontrol panelinizden Ürünler > Tüm Ürünler'e gidin ve öne çıkan ürün olarak ayarlamak istediğiniz ürün için Düzenle'ye tıklayın. Yeni bir ürünü öne çıkan ürün olarak eklemek istiyorsanız Yeni Ekle 'ye tıklayın.
Her iki durumda da, çevrimiçi mağazanızın ürün düzenleme sayfasına yönlendirileceksiniz. Burada ekranınızın sağ tarafına bakarsanız ürün kataloğu görünürlük bölümünü göreceksiniz. Şimdi, bu bölümden ürünün görünürlük seçeneklerini düzenlemeniz ve “ Bu özellikli bir ürün ” seçeneğini işaretlemeniz gerekecek.
Ardından, ürünü yeni bir ürün ise yayınlayın . Veya mevcut bir ürünü öne çıkan ürün olarak ayarlamak için Güncelle'ye tıklayın.
Harika! E-Ticaret mağazanız için öne çıkan bir ürününüz var. Şimdi devam edelim ve gösterelim.
2. Öne Çıkan Ürünleri Görüntüleyin
WooCommerce mağazanıza öne çıkan bir ürün eklediğinizden, yeni öne çıkan ürünü de görüntülemeniz gerekir. Öne çıkan ürünleri göstermenin en kolay yolu kısa kod kullanmaktır. Kısa kodların yardımıyla, yeni öne çıkan ürünleri ana sayfanın kendisinde kolayca görüntüleyebilirsiniz.
Benzer şekilde, WordPress ve WooCommerce son derece kısa kod dostudur. Bu nedenle kısa kodlar, öne çıkan ürünleri çevrimiçi mağazanızın herhangi bir yerinde görüntülemek için kolayca kullanılabilir.
Tek yapmanız gereken, aşağıdaki kısa kodu web sitesinin öne çıkan ürünleri görüntülemek istediğiniz bölümüne eklemek. Bunları kullanmaya aşina değilseniz, lütfen WooCommerce kısa kodları hakkındaki tam kılavuzumuza bakın.
[ featured_products
]
Ek olarak, kısa kodda bazı değişiklikler yapabilir ve bunları mağazanızda nasıl görüntüleyeceğiniz konusunda biraz daha fazla kontrol sahibi olabilirsiniz. Aşağıdaki kısa kodu ele alalım:
[ featured_products per_page=”6” columns=”3”
]
Bu kısa kodu kullanırsanız, 3 sütunda yalnızca toplam 6 özellikli ürün görüntülenecektir.
Gerekli kısa kodu web sitenize ekledikten sonra, gönderiyi veya sayfayı güncelleyin ve değişikliklerinizi ön uçta önizleyin. Öne çıkan ürünler buna göre gösterilecektir.
WooCommerce mağazanızda öne çıkan yeni ürünleri ayarlamanın ve sergilemenin daha fazla yolu var. Bununla ilgili daha fazla bilgi için, WooCommerce'de öne çıkan ürünlerin nasıl ayarlanacağı ve gösterileceği hakkında tam bir eğitimimiz var.
Çözüm
Bu bizi WooCommerce'de yeni ürünlerin nasıl görüntüleneceği konusundaki rehberimizin sonuna getiriyor. Müşterilerinizi yeni ürünlere çekerek mağazanızın dönüşüm oranlarını artırmak için çok önemlidir. Özetlemek gerekirse, yeni ürünleri 2 ana yolla sergileyebilirsiniz:
- Varsayılan WooCommerce seçenekleri
- programatik olarak
Varsayılan WooCommerce seçenekleri, varsayılan olarak WooCommerce'de sağlanan kısa kodların veya blokların kullanımını içerir. Ancak temel teknik bilgiye sahipseniz, yeni ürünleri üzerlerine yeni bir rozet ekleyerek sergilemek için kodlar bile kullanabilirsiniz.
Bu eğitimle birlikte WooCommerce'de öne çıkan ürünleri ayarlamak ve görüntülemek için kısa bir kılavuz da ekledik. Yeni ürünleri de öne çıkan ürünler olarak görüntülemek istiyorsanız bu çok yararlı olabilir. Yoksa. Hatta mevcut ürünleri öne çıkan olarak ayarlayabilir ve web sitenizde sergileyebilirsiniz.
Peki çıkış rehberi size yardımcı oldu mu? Yeni ürünleri mağazanızda nasıl sergiliyorsunuz? Lütfen yorumlarda bize bildirin
Bu arada, ilginizi çekebilecek birkaç makale daha:
- WooCommerce'e Ürün Tasarımcıları Nasıl Eklenir
- WooCommerce Mağazanıza İstek Listesi eklemek için Hızlı Adımlar
- WooCommerce'de ürünler nasıl içe aktarılır