WooCommerce Ürün Arama Nasıl Eklenir: Alışveriş Deneyimini Geliştirmek İçin Bir Kılavuz

WooCommerce mağazanızda ürün aramayı iyileştirmek mi istiyorsunuz? Müşterilerinizin aradıklarını bulmalarını kolaylaştırmak ve satışlarınızı artırmak istiyorsanız doğru yere geldiniz!

Aradığınızı bulamamanın ne kadar sinir bozucu olabileceğini hepimiz biliyoruz, değil mi? WooCommerce'deki varsayılan arama özelliğini daha akıllı bir çözümle değiştirerek, müşterilerinizin ürünleri keşfetmesini ve harika bir alışveriş deneyimi yaşamasını kolaylaştırabilirsiniz. Bu makalede, çevrimiçi mağazanız için nasıl daha yenilikçi ve daha hızlı bir arama deneyimi oluşturacağınızı göstereceğiz.

Süreç boyunca size adım adım rehberlik edeceğiz. Bu nedenle, WooCommerce ürün aramanızı güçlendirmeye hazır olun! Bu kılavuzun sonunda, WooCommerce ürün aramanızı bir sonraki seviyeye taşımak için ihtiyacınız olan şeylere sahip olacaksınız. Peki, WooCommerce ürün araması nasıl eklenir? Hadi bulalım!

Bir Sayfaya WooCommerce Ürün Araması Nasıl Eklenir?

Varsayılan WooCommerce ürün araması, ürün keşfinin etkinliğini etkileyebilecek sınırlamalara sahiptir. Hatalı sonuçlar verebilir, katalog büyüdükçe yavaş çalışabilir, filtreleme seçeneklerinden yoksun kalabilir, eşanlamlılar veya yazım hatalarıyla mücadele edebilir ve sınırlı sıralama seçenekleri sunabilir. Bu sınırlamaların üstesinden gelmek, arama deneyimini iyileştirmek, satışları artırmak ve müşteri memnuniyetini artırmak için çok önemlidir.

ProductX, bu sınırlamaların üstesinden gelir ve WooCommerce ürün aramasını mağazanız için mükemmel hale getirmenize olanak tanır. WooCommerce AJAX aramasının gücü ve eksiksiz özelleştirme seçenekleriyle, gerçekten ihtiyacınız olan ÜrünX'tir. Bu nedenle, oyunda öne geçmek için ProductX'i kurun.

Daha önce de söylediğimiz gibi, gecikmeden WooCommerce'e ürün arama ekleme konusuna geçelim. WooCommerce ürün aramayı kullanmanın 2 yolu vardır. Herhangi bir sayfada kullanabilir veya Mağaza başlığına arama seçeneğini ekleyebilirsiniz. Her iki yolu da ele alacağız, bu yüzden sonuna kadar etrafta dolaşın.

1. Adım: Sayfaya Ürün Arama Bloğu Ekleme

ProductX'i başarıyla yükledikten sonra, ürün arama blokları artık genişletilmiş özelleştirmesiyle birlikte kullanıma hazırdır. O halde lafı daha fazla uzatmadan size WooCommerce Ürün Arama'yı mağazanıza nasıl ekleyeceğinizi gösterelim.

Öncelikle bir sayfaya gitmeniz gerekiyor. Yeni bir sayfa oluşturmak için WordPress sayfa seçeneğine gidebilir ve Yeni Ekle'ye tıklayabilirsiniz. Ardından, bu bloğu seçmek için "Ürün Arama"yı arayın. Bu da Arama bloğunu sayfaya ekleyecektir.

2. Adım: WooCommerce Ürün Arama Bloğunu Özelleştirme

Ürün arama bloğu ekledikten sonra ihtiyaçlarınıza göre özelleştirebilirsiniz. Bu blok, mağazanız için mükemmel ürün araması yapmak için birçok özelleştirme seçeneği sunar.

Vakit kaybetmeden alacağınız özelleştirme seçeneklerini görelim.

Arama Alanı Düzenleri

Arama alanlarınız için farklı düzenler seçmek üzere düzen seçeneğine tıklayın. Web sitesi tasarımınıza ve kullanıcı deneyiminize en uygun olanı bulmak için farklı düzenleri deneyebilirsiniz.

Aralarından seçim yapabileceğiniz 5 arama alanı düzeni vardır ve istediğiniz düzeni seçmek için kolayca tıklayabilirsiniz.

Arama Ürün Listesi Düzenleri

Arama sonuçlarınızın görsel olarak hoş ve düzenli bir görünümünü oluşturmak için arama ürünü listesi düzenini kullanabilirsiniz. 3 farklı arama ürünü listesi düzeni alırsınız ve ayrıca ürün küçük resimlerinin, başlıklarının, fiyatlarının ve derecelendirmelerinin düzenini optimize etmek için genişliği, sütun sayısını ve sütun boşluğunu ayarlarsınız.

Arama Formu Stili

Renkleri (giriş rengi ve arka planı), tipografiyi, kenarlıkları ve form yarıçapı ve arama formunun giriş dolgusu gibi diğer görsel öğeleri değiştirmek için arama formu stil ayarlarını kullanın.

Ayar paneli çok sezgiseldir ve bitişik ayarları özelleştirmek için tercih ettiğiniz ayarları seçebilirsiniz.

Kategori Stili

Bu ayarla, arama sonuçlarında görüntülenen ürün kategorilerinin stilini özelleştirebilirsiniz. Kategorilerinizi vurgulamak ve görsel olarak çekici hale getirmek için metin renklerini, yazı tipini, aralığı ve düzeni ayarlayın.

Seçilen metin ve açılır metin için tipografi seçeneğini özelleştirebilirsiniz. Ayrıca genişliği, ayırıcı genişliğini, yüksekliğini ve ayırıcı renklerini ayarlayabilirsiniz.

Arama Simgesi

Arama simgesi, insanların bir arama alanını belirlemek için kullandıkları en sezgisel simgedir. Arama simgesi ayarlarından normal ve fareyle üzerine gelme modları için boyutunu, renklerini ve arka plan renklerini ayarlayabilirsiniz. Arama simgesini mükemmel bir şekilde yerleştirmek için yarıçapını, genişliğini ve düğme kenar boşluklarını özelleştirin.

Daha Fazla Sonuç Düğmesi

"Daha Fazla Sonuç" düğmesi, kullanıcıların sayfadan ayrılmadan ek arama sonuçları yüklemesine olanak tanıyarak daha fazla ürünü keşfetmenin kolay bir yolunu sunar. Ürün aramanızı mükemmel bir şekilde tasarlamak için tipografiyi, metni ve fareyle üzerine gelme rengini ayarlarından değiştirebilirsiniz.

Açılır Stil

Bu ayarlarda, arama bloğunuzdaki açılır menülerin stilini özelleştirebilirsiniz. Renkleri, kenarlığı ve yarıçapı ayarlayın. Ayrıca, kutu gölge ayarı, öğe aralığı (X ve Y) ve ayırıcı rengini seçme ve ayırıcı genişliğini ayarlama seçeneğine sahip olacaksınız.

Ürün resmi

Bu ayarla, ürün resimlerinin arama sonuçlarında görüntülenmesini kontrol edin. Sezgisel ayarlarla görüntü genişliğini, yüksekliğini ve yarıçapını kolayca ayarlayın.

ürün başlığı

Arama sonuçlarında ürün başlıklarının Görünümünü özelleştirin. Muhteşem görünmesi için tipografiyle ilgili tüm ayarları değiştirin, rengin üzerine gelin ve vurgulanan rengi arayın.

Ürün fiyatı

Ürün arama kutusunda ürün fiyatınızı daha iyi göstermek için renk ve gerekli tipografi ayarlarını buradan özelleştirin.

Ürün Değerlendirmesi

Arama sonuçlarında ürün puanlarının rengini kontrol edin. Derecelendirmeleri tek tıklamayla etkinleştirin veya devre dışı bırakın veya derecelendirmenizin renklerini kolayca değiştirin.

Başlığa WooCommerce Ürün Araması Nasıl Eklenir?

Başlığa WooCommerce ürün aramasını da ekleyebilirsiniz. Herhangi bir güçlük çekmeden kullanabilmeniz için size adım adım bir kılavuz göstereceğiz.

1. Adım: Kaydedilmiş Bir Şablon Oluşturun

Öncelikle, Kayıtlı Şablon Eklentisini açmanız gerekir.

Şimdi ProductX→Kayıtlı Şablon'a gidin. Ve "Yeni Şablon Ekle"yi tıklayın.

"Ürün Arama Bloğu" ekleyin ve gerektiği gibi özelleştirin. Ve ardından yayınla'yı tıklayın.

2. Adım: Kısa Kodu Kopyalayın

"Kayıtlı Şablon" sayfasına dönün (ProductX → Kayıtlı Şablon). Ve bir Kısa Kod göreceksiniz.

Kopyalamak için kısa kodu tıklayın.

3. Adım: Tema Özelleştirici'ye gidin

Not: Çoğu temayı özelleştiricisinden özelleştirebilirsiniz. Ve WooCommerce ürün aramasını eklemek, bir temanın başlık bölümünden yapılabilir. Farklı temaların farklı menü adları olabilir. Örneğin bugün Kadence temasını kullanıyoruz.”

Şimdi Görünüm → Özelleştir'e gidin.

Ayarlarına girmek için “Başlık” öğesini seçin.

Tercih ettiğiniz bölüme HTML ekleyin.

4. Adım: Kısa Kodu Yapıştırın

Şimdi, HTML'ye tıklayın ve Metin sekmesine gidin. Burada bir metin alanı göreceksiniz.

Kısa kodu metin alanına yapıştırın ve yayınla'yı tıklayın.

Bu, WooCommerce ürün arama seçeneğini başlık bölümüne ekleyecektir.

Not: Farklı temaların farklı başlık bölümü genişlikleri vardır. Ürün aramanız uymuyorsa, "Ürün Arama" bloğunun genel ayarlarından "Genişlik" ayarını yapın.

Çözüm

Sonuç olarak, WooCommerce Ürün Arama Blokunu ProductX ile özelleştirmek, arama deneyiminizi tam olarak kontrol etmenizi sağlar.

Eksiksiz özelleştirme ayarlarının yardımıyla, müşterileriniz için özel ve görsel açıdan çekici bir arama deneyimi oluşturabilirsiniz.

Ürün arama işlevinizi geliştirmek, kullanıcı deneyimini iyileştirir ve müşterilerin arzu ettikleri ürünleri bulma şanslarını artırır, sonuçta satışların ve müşteri memnuniyetinin artmasına yol açar.

ProductX ile WooCommerce mağazanızı optimize edebilir ve alışveriş yapanlara ideal ve verimli bir arama deneyimi sunabilirsiniz.

YouTube Kanalımızda WordPress video eğitimlerine göz atabilirsiniz. Ayrıca, düzenli güncellemeler için bizi Facebook ve Twitter'da bulun!