Wooocommerce Ürün Sayfası Nasıl Ayarlanır
Mağazanızı ayarlamanın ve müşteri deneyiminizi geliştirmenin yollarını mı arıyorsunuz? Sizin için doğru makalemiz var! Bu kılavuzda, dönüşüm seviyesini artırmanıza ve satışlarınızı artırmanıza yardımcı olacak WooCommerce ürün sayfalarınızı nasıl ayarlayacağınızı göstereceğiz. Neden WooCommerce Ürün sayfasını ayarlıyor? Ürün sayfası tasarımınız, çevrimiçi mağazanızdaki müşteri alışveriş deneyiminizin ayrılmaz bir parçasıdır. Ürününüz en eşsizdir ve WooCommerce mağazanızdan ayırt edilebilir. Bu nedenle, ürün sayfalarınızı ayarlamanız ve ürünlerinizi ve hizmetlerinizi vurguladığınızdan emin olmanız gerekir. Bu, ek ayrıntılar, boyut grafikleri, ürün varyasyonları için farklı görüntüler, ek sipariş seçenekleri ve daha fazlası gibi konforlu ürün sayfalarını içerir. Ve bu sadece daha fazla içerik ekliyor. Ayrıca bu bölümü yeniden düzenleyebilir, varsayılanı silebilir, yeniden tasarım ve daha fazlasını yapabilirsiniz.
Yaptıklarınız dışında, ana hedefiniz Woocommerce mağazanızdaki müşteri deneyiminizi geliştirmektir. Bu doğal olarak satışlarınızı artırmanıza yardımcı olacaktır. Sitenizde gezinmesi kolaysa ve kullanıcılar aradıklarını kolayca bulabilirse, büyük olasılıkla mağazanızı satın alacak, iade edecek ve tavsiye ederler. Örneğin, hızlı bir şekilde satın almalarına yardımcı olmak için doğrudan bir ödeme düğmesi ekleyebilir, doğru ürünü seçmelerine yardımcı olmak için bir karşılaştırma grafiği ekleyebilir veya tek bir ürün varyasyonu için tüm seçenekleri görüntülemek için benzersiz bir atlıkarınca varyasyonu ekleyebilirsiniz.
Ürün sayfalarınızı ayarlayarak ürününüzün satışlarını artırmak için ekleyebileceğiniz iyi nesil beklentiler de vardır. Bu, ek satışlar için ilgili ürünler, iniş/sarkık ürünler ve daha fazlasını içerir. Şimdi ürün sayfalarınızı Woocommerce’de düzenlemek için çeşitli seçeneklere bakalım. WooCommerce Ürün Sayfasını Nasıl Ayarlayabilirim WooCommerce Ürün Sayfasını Ayarlamanın 3 Ana Yolu vardır: Eklenti ile
Programlanmış
Bir sayfa yapımcısı ile
Tüm bu yöntemlerin artıları ve eksileri vardır. Bu kılavuzda, sizin için en uygun olanı seçebilmeniz için her şeyi size göstereceğiz.
1. WooCommerce Ürün Sayfası Nasıl Ayarlanır Bir eklenti kullanarak WooCommerce’deki ürün sayfalarını düzenlemek için birkaç eklenti vardır. En iyilerinden bazılarına bakalım. 1) Woocommerce için doğrudan ödeme
Doğrudan ödeme, satın alma işlemini basitleştirmek ve müşteri alışveriş deneyiminizi kolaylaştırmak için mükemmel bir eklentidir. Hızlı satın alma düğmesi ve iyi bir kart eklenmesi ekleyerek ürün sayfalarınızı ayarlamak için birçok seçenekle görünür. Bu şekilde, alıcılarınızın ürünlerinizi hızlı bir şekilde satın almasına ve konuşma seviyenizi artırmasına izin verebilirsiniz. Bu araç ayrıca, ürün kategorinize ve arşiv sayfalarınıza hızlı bir görüntüleme seçeneği ekleyerek ürün sayfalarınızı ve kasalarınızı ayarlamanıza olanak tanır, bu da ürünleri müşterileriniz için daha rahat görüntüleme ve satın alma işlemini yapar.
Ürün sayfalarını ve kasaları ayarlamak için birçok seçenekle birlikte gelir
Hızlı Satın Al düğmesi Ürün sayfanıza eklemek için rahat bir tıklama rahat
Ajax özellikli düğme sepete ekleyin ve transfer arabasına ekleyin
Ödeme düzlemini ayarlama ve arşiv ve ürün kategorisine hızlı bir görüntüleme seçeneği ekleme seçenekleri
Bu fiyat bir freemium eklentisidir. Ücretsiz bir sürüme ve 19 USD (bir kerelik ödeme) promosyon fiyatı ile başlayan üç premium pakete sahiptir. Ancak, aşağıdaki kodu kullanabilir ve% 10 indirim alabilirsiniz:
Direct_ck10 2) Woothumbs
Woothumbs, Woocommerce ürününüzü en ilginç şekilde göstermenizi sağlayan bir başka olağanüstü araçtır. Bu eklenti, ürün galerinizi ve resminizi hazırlamak ve diğer tüm ayar alanlarını ürün sayfanıza izin vermenin alternatif bir yolunu sunar. Ayrıca, ürün resimlerinizden arama yapmak ve mağazanızın satışlarını artırmak için kolay bir seçenek ekleyebilirsiniz. Bu, mini kayar görüntü, temanıza uygun olarak ayarlayabileceğiniz benzersiz bir galeri tasarımı, resminiz için entegre zoom seçeneği ve birçok ek resim galerisi seçeneği eklemeyi içerir. Son olarak, ürün varyasyonları için benzersiz bir resim galerisi ekleyebilir ve daha fazla satış dönüşümü için ürün galerinize videolar yerleştirebilirsiniz.
Ürün resim galerisini ayarlamak için birçok seçenek genişletildi Ürün resimleri için küçük resimler ve yakınlaştırma seçenekleri için seçenekler
Her ürün varyasyonu için benzersiz resim galerileri eklemek için ürün varyasyonları için esnek resim galerisi
Woothumbs’un fiyatı, yılda 79 USD’den başlayan ve 14 gün boyunca ücretsiz denemeye sahip olan premium bir eklentidir. 3) Ürün Ruhları
Müşteri alışveriş deneyiminizi ürün sayfanız aracılığıyla yönetmenin yollarını arıyorsanız, ürün kardeşi önemli bir eklentidir. Bu araç, müşterilerinize daha fazla seçenek sunarken satış dönüşümünü artırmanıza yardımcı olacak şekilde tasarlanmıştır. Bu, ürünler için görüntü tabanlı seçenekler, ek ürün onay kutuları ve ürünlerin daha fazla kişiselleştirilmesi için özel metin gibi benzersiz ürün sayfası seçenekleri eklemenizi sağlar.
Ayrıca, ürün sayfalarınızı daha esnek hale getirmek için benzersiz bir özel fiyat seçeneği ekleyebilirsiniz. Son olarak, Woocommerce Mağazanız için sabit maliyetleri veya diğer hizmet seçenekleri için yüzde maliyetleri ücret almak için seçenekler de ekleyebilirsiniz. Mağazanıza nasıl ücret ekleyeceğiniz hakkında daha fazla bilgi için bu kılavuza bakın. Görüntü tabanlı seçenekler, özel metin, örnek görüntüler ve daha fazlası gibi ek ürün sayfalarının ana özellikleri.
Özel onay kutuları ve metin girişi gibi ek ürün uzatma seçenekleri. Bağışlar, ipuçları ve diğerleri gibi ek seçenekler için sabit maliyetler, yüzde maliyetler ve hatta özel fiyatlar ekleme seçenekleri
Eklenti ürününün fiyatı, yılda 49 USD ödemenizi sağlayacak birinci sınıf bir eklentidir.
4) WISDM müşterileri için özel fiyat
Mağazanızı yapmanın yollarını arıyorsanız ve fiyat seçeneği daha akıllı ve daha accomodating ise, bu eklenti elbette kontrol etmeniz gereken şeylerden biridir. WISDMLabs, farklı müşteriler, kullanıcılar ve gruplar için kişiselleştirilmiş bir fiyat belirlemenizi sağlayan benzersiz bir fiyat eklentisi sunar. Bu, farklı rolleri, müşterileri veya farklı müşterileri olan kullanıcılar için kişiselleştirilmiş fiyatlar belirleyebileceğiniz anlamına gelir. Ama hepsi bu değil. WISDM müşterilerinin özel fiyatı, kategoriye veya ürün sayısına indirim kodları ve teklifler sunmak gibi diğer akıllı fiyatlandırma seçeneklerine sahiptir ve hatta birkaç alım için belirli seviyeler için toplu indirimler ekler.
Ayrıca, belirli bir miktar için sepet indirim kuralları da ayarlayabilirsiniz. Bu şekilde, web sitenizin üyeliğini entegre edebilir ve kullanıcıları kişiselleştirilmiş bir teklif vererek mağazanıza daha fazla harcamak için çekebilirsiniz. Bireysel müşteriler, müşteriler ve kullanıcı rolleri için belirli fiyatların ana özelliği.
Alıcılara ve kitle alıcılarına indirim ve satış teklifleri sunar
Ürün kategorisi için fiyatlandırma kurallarını belirleyin ve tüm mağazalarda indirim ve teklifler ayarlayın Bu fiyat, yılda 80 USD’den başlayan premium bir araçtır.
5) ELEX WOOCOMMERCE TEKLİF VERDİ
Büyük miktarlarda ürün sattığınız veya müşterinin ne istediğine bağlı olarak farklı fiyatlar sunmak istediğiniz WooCommerce mağazasını çalıştırırsanız, bu eklenti çok zaman kazandırabilir. WooCommerce, müşterinizin size bir teklif isteği göndermek için kullanabileceği ‘teklif talebini’ eklemeyi teklif eder. Daha sonra teklif talebinize tahmini iyi bir fiyatla yanıt verebilir ve müşterilerinizi kolayca tatmin edebilirsiniz. Bu, teklif talep etme ve alma sürecini daha kolay ve daha esnek hale getirir. Son olarak, sorunsuz bir şekilde tükenen ürünler için siparişleri de kabul edebilir ve ürününüzü farklı kütle boyutlarında satın alabilecek kullanıcılara fiyat ayarlamaları ekleyebilirsiniz. Ana özellik
Teklif düğmesinin sipariş için kullanılmasını isteyin
Ödeme Doğrulama ve Yönetici Bildirimi
Müşteri tekliflerini yanıtlamak, kabul etmek veya reddetmek için kolay seçenekler
Belirli rollerden teklif taleplerini etkinleştirme seçenekleri WooOcommerce Talep’in fiyatı bir teklif 59 USD’den (bir kerelik ödeme) başlayan birinci sınıf bir eklentidir. Ürün sayfalarını düzenlemek için daha fazla eklenti arıyorsanız, bu gönderiye bakın. Ürün sayfasını doğrudan ödeme ile ayarlayın Şimdi doğrudan kontrol kullanarak WooCommerce’deki ürün sayfasını nasıl düzenleyebileceğinizi görelim. Bu freemium aracı, WordPress depolarında 60.000’den fazla indirmeye sahiptir ve dönüşümü artırmanıza yardımcı olacaktır. Ücretsiz sürüm temel bir özelliğe sahiptir, bu nedenle ürün sayfanızı bir sonraki seviyeye getirmek için, sadece 19 USD’den (bir kerelik ödeme) başlayan premium paketlerden birini öneririz. Ürün sayfalarınızı ayarlamak için doğrudan kasalarla yapabileceğiniz bazı şeylere bakalım. Hızlı Satın Al düğmesi ekleyin Bu araç tarafından sunulan en ilginç seçeneklerden biri, hızlı satın alma düğmesi ekleme olasılığıdır. Bu şekilde ödeme işlemi çok daha hızlıdır. Tramvaya bir ürün eklemek yerine, tramvay sayfasını ve ardından ödeme sayfasına açmak yerine, müşterileriniz sadece birkaç tıklamayla satın alabilir. Ve en iyi kısmı yönetmesi çok kolaydır. Eklentiyi yükledikten ve etkinleştirdikten sonra, WooCommerce> Doğrudan Ödeme> Genel açın, aktarımı etkinleştirin ve aşağıdaki seçenekleri ayarlayın:
Yönlendirme arabasına eklendi: evet
Yönlendirme arabasına eklendi: Checkout
Değişikliği kaydet ve hepsi bu! Şimdi kullanıcı satın alma düğmesine hızlı bir şekilde basıldığında, sepet sayfasını geçecek ve doğrudan ödeme sayfasına giderler.
Hızlı satın alımlar hakkında daha fazla bilgi için, mağazanıza hızlı bir satın alma düğmesi nasıl ekleneceğiniz konusundaki kılavuzumuza bakın.2. AJAX ADD AJAX ADD TO TO TROLLEY, WooCommerce Direct Checkout’un bir başka üstün özelliğidir.Ajax, arabaya ekleme işlevi, müşterilerin tüm siteyi yeniden yüklemek zorunda kalmadan ürünü arabalarına girmelerine olanak tanır.Bu, kullanıcı deneyimini geliştirir ve satışları artırmanıza yardımcı olur.Ayrıca, sayfanın birçok kez yüklenmesi gerekmediğinden, bu bant genişliğini ve sunucu yükünü azaltır.Ajax ekle özelliğini etkinleştirmek için WooCommerce> Doğrudan Ödeme>
Ürünler ve Ekle ADAX ADD-vergi seçeneğini etkinleştirin. Sitenize herhangi bir üçüncü taraf eklentisi yüklemek istemiyorsanız ve kodlama becerileriniz varsa, programlanmış WooCommerce ürün sayfasını da ayarlayabilirsiniz. Nasıl yapılacağını görelim. 2. Başka bir alternatif tarafından programlanan WooCommerce Ürün Sayfası programının nasıl ayarlanacağı WooCommerce programında ürün sayfalarını düzenlemektir. Bu yöntemi acemi kullanıcılar için önermiyoruz, ancak ne yaptığınızı biliyorsanız ve ek araçlar olmadan ürün sayfanıza özel özellikler eklemek istiyorsanız, bu mükemmel bir seçenektir. Bunun için WooCommerce Hooks’un etrafında inşa edilmiş iyi bir kod kullanacağız. Onlara alışkın değilseniz, woocommerce kancalarının nasıl kullanılacağına dair bu tam kılavuza bakın. Bu kılavuz ayrıca, mağazanızı düzenlemek istiyorsanız iyi bir seçenek olan Wooocommerce şablon dosyasını nasıl ayarlayacağınız hakkında bilgi verir. Kod yapmayı biliyorsanız yapabileceğiniz birçok şey var. Bu gösteri için, Woocommerce ürün sayfanızın öğelerini nasıl silebileceğinize veya yeniden düzenleyebileceğinize odaklanacağız. Yapabileceğiniz şeyler hakkında daha fazla örnek istiyorsanız, programlanan WooCommerce ürün sayfalarını nasıl düzenleyeceğinizle ilgili özel yönergelerimizi görebilirsiniz. Notlar:
Başlamadan önce bazı temel dosyaları düzenleyeceğimiz için, sitenizin tam bir yedeklemesini yaptığınızdan emin olun. Ayrıca, bir çocuk teması kullanmanızı öneririz. Bunu yapmak için bunu yapabilir veya bu eklentilerden birini kullanabilirsiniz. Bu kodları eklemek için WooCommerce Ürün sayfasından öğeleri silin, tema> tema düzenleyicisini açarak WordPress tema düzenleyicinizi WordPress tema düzenleyicinizi açın. Ardından, en sağdaki sütundaki dosya listesindeki File Foili.php’i tıklayın. Burada, mağazanızı ayarlamaya başlamak için kendi WooCommerce betiğinizi ekleyebilirsiniz. WooCommerce, mağazanızdaki tüm öğeleri ayarlamak için size birkaç kanca verir. Bu kanca belirli öğelerle çalışır, bu nedenle bu öğeleri silmek veya yeniden düzenlemek için doğru kancayı doğru işlev ve doğru öncelik değeri ile kullanmanız gerekir. Bu sayfadaki tüm kancaları ve ilgili parametreleri veya WooCommerce eklentisinden Content-Single-Product.php dosyasını görebilirsiniz. Şimdi, WooCommerce ürün sayfanızdan ürün meta, açıklama ve sıralama yıldızı silmek için komut dosyaları nasıl ekleyebileceğinizi görelim. Bunun için, aşağıdaki kodu işlevinize yapıştırın.php dosyası: // Sıralama yıldızlarını silme
Remove_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_ting’, 10);
// meta ürünleri sil
Remove_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_meta’, 40);
Remove_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_excerpt’, 20); Ardından, güncelleme dosyasına tıklayın, WooCommerce ürün sayfanız bu öğeleri silecektir. WooCommerce Ürün Sayfası Elemanlarınızı yeniden düzenleyin, Woocommerce ürün sayfası öğelerini kancayı kullanarak yeniden sipariş edebilirsiniz. Varsayılan olarak, WooCommerce öğesinin kendi öncelik sırası vardır. Onlara alışkın değilseniz, bu sayfayı görebilirsiniz.
Şimdi öğeleri yeniden ifade etmek için, öğeyi silebilir ve Add_ace Kait’i kullanarak geri ekleyebilirsiniz. Daha sonra kendi öncelik dizinizi ekleyebilirsiniz, böylece öğeler seçtiğiniz sırayla görünür. Örneğin, açıklama bölümünün başlıktan hemen sonra görünmesini istiyorsak, ona özel bir öncelik sırası 6 verebiliriz. Başlık 5 siparişi olduğundan, bu açıklamanızı hemen altına ekleyecektir. Bunu yapmak için bu komut dosyasını fonksiyonunuza ekleyin.php dosyasına ve dosyayı güncelleyin. // Açıklama Sırasını Değiştir Remove_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_excerpt’, 20);
Add_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_excerpt’, 6);
Bunlar, programlanan Woocommerce ürün sayfalarınızı ayarlamak için neler yapabileceğinize dair birkaç örnektir. Ancak, yapabileceğiniz birçok şey var. İlham arıyorsanız, kodu kullanarak ürün sayfalarının nasıl düzenleneceğine dair özel kılavuzumuza bakın. 3. WOOOCOMMERCE Ürün Sayfalarını Düzenle Sayfa Maker sayfasını kullanarak Woocommerce sayfanızı ayarlamak için evrensel bir cevaptır. Bu sadece ürün sayfalarınızı değil, sitenizdeki diğer sayfaları da içerir. WordPress sayfa yapımcıları, Woocommerce sayfa şablonlarını yönetme ve kullanma konusunda ek yeteneğe sahiptir. Bu şekilde, sadece ürün sayfalarınızı ayarlamak için çeşitli özel unsurları kullanmakla kalmaz, aynı zamanda daha önce hayatınızı kolaylaştırmak için tasarlanmış şablon ve sayfaları da kullanabilirsiniz. Kullanabileceğiniz WooCommerce ile uyumlu çeşitli sayfalar vardır. Birlikte çalışsalar da, bazı farklılıkları vardır, bu nedenle ürün sayfalarınızı ayarlamanıza yardımcı olacak özel yönergelerimizi kontrol etmenizi öneririz. Divi’deki Woocommerce ürün sayfasını nasıl ayarlayabilirsiniz
Elementor’daki Wooocommerce Ürün Sayfası Nasıl Ayarlanır
Bonus: Woocommerce öğenizi CSS kullanarak ayarlama WordPress temanıza CSS görüntüleri ekleyerek WooCommerce öğelerinizi ayarlama seçeneklerini de keşfedebilirsiniz. Bu, başlık için yazı tipi boyutunu ayarlama, şimdi satın alma düğmesinin rengi ve daha fazlası gibi fikirleri keşfetmenizi sağlar. WordPress temanıza CSS parçaları eklemek için görünüm> özelleştirmeyi açın ve ek CSS’yi tıklayın.
Burada, CSS görüntüleri ekleyebilir ve istediğiniz öğeleri ayarlayabilirsiniz. Düzenleyebileceğiniz birçok şey var, ancak size bazı fikirler vermek için, bazı görüntüleri aşağıda bırakacağız. Ayrıca, CSS renk kodunuza eklemeniz için doğru hex kodunu bulmak için bu HTML renk seçmenini kullanabilirsiniz. Yazı tipi boyutu ürün başlıkını değiştir. Wooocommerce div.product .product_title { Yazı tipi boyutu: 42px; } Renk Ürünü Değiştir. WOOOCOMMERCE Div.Product .Product_title {Color: #AAB733; } Şimdi Satın Al düğmesinin rengini değiştirin
.WooCommerce Div.Product .Button {
Arka plan: #000000; } Snippet’lerinizi ekledikten sonra, değişikliği tamamlamak için Yayınlama’yı tıklamayı unutmayın. Sonuç Genel olarak, ürün sayfalarınızı düzenlemek, müşteri alışveriş deneyiminizi geliştirmenin ve satışlarınızı artırmanın anahtarıdır. Bu kılavuzda, Woocommerce’deki ürün sayfalarını ayarlamanın çeşitli yollarını gördük:
Özel bir eklenti kullanma
Hooks ve Wooocommerce şablonlarını kullanarak programlanmış
Divi ve Elementor gibi sayfa yapımcıları kullanma Bu yöntemlerin her birinin artıları ve eksileri vardır, bu nedenle becerileriniz ve ihtiyaçlarınız için en uygun olanı seçin. Kodlama becerileriniz yoksa, eklentileri kullanmak en iyi seçimdir. Dışarıda bazı araçlar var, ancak kullanımı kolay, verimli ve bütçeyi tasarruf eden bir şey istiyorsanız, doğrudan ödeme sizin için doğrudur. Öte yandan, bir kod yapmak ve özel bir çözüm yapmak istiyorsanız, mağazanızı birkaç komut dosyası ile programlanmış olarak ayarlayabilirsiniz. Seçim sınırsızdır ve neredeyse her şeyi yapabilirsiniz, bu yüzden senaryomuzdan ilham alın ve kendi çözümünüzü yapın. Mağazanızı ayarlamak için daha fazla yönerge arıyorsanız, aşağıdaki gönderiye bakın: WooCommerce Mağazası Nasıl Ayarlanır
Hesap sayfamı nasıl düzenleyebilirim
WooCommerce’deki sepete ekle düğmesini ayarlamak için Kılavuz Kılavuz
Ödemelere ücret nasıl eklenir
Wooocommerce ile ilgili ürünler nasıl gizlenir
Ürün sayfalarınızı düzenlemek için hangi yöntemi kullanıyorsunuz? Bu kılavuzu takip ederken sorun yaşıyor musunuz? Bize aşağıdaki yorumlarda anlatın ve size yardımcı olmak için elimizden geleni yapacağız.
