İyi tasarlanmış ürün sayfası, müşterilerin sorunsuz bir alışveriş deneyimini sağlamak için çok önemlidir. Bu, dönüşümü artırmaya, müşteri şikayetlerini azaltmaya ve hatta ortalama sipariş değerinizi artırmaya yardımcı olur. Woocommerce’deki varsayılan ürün sayfası oldukça temeldir, görülecek özel bir şey yoktur. Bu yüzden WooCommerce ürün sayfasını ayarlamanız gerekir. WooCommerce Varsayılan Ürün sayfasını ayarlamak, müşterileriniz için benzersiz bir alışveriş deneyimi oluşturmanıza yardımcı olur ve bu da sizi diğerlerinden öne çıkarır. Bu nedenle, ürün sayfalarınızı yeniden tasarlamak, mağazanızın savaşması ve hayatta kalması için çok önemlidir.
Bugün varsayılan WooCommerce ürün sayfalarınızı yeniden tasarlamanın üç yolunu göstereceğiz. Birbirinizi dikkatlice okuyun ve sizin için en uygun olanı seçin. Wooocommerce Ürün Sayfası Nasıl Ayarlanır
Ürün sayfalarını ayarlamak korkunç bir görevdir. Farklı bir görünüm vermek için WooCommerce temasını kullanabilirsiniz. Ancak yeni bir tema kurmak, aradığınız istediğiniz sonuçları vermeyebilir. Bu yüzden bireysel ürün sayfalarını ayarlamak için üç farklı yol bulduk. Burada:
Küçük bir kod satırı ekleyin
Woocommerce & Dokan Uzantısı kullanın
Elementor Page Builder kullanarak Woocomerce ürün sayfalarının özelleştirilmesi
1. CSS hakkında temel bilginiz varsa, küçük bir kod satırı ekleyin, Woocommerce ürün sayfasını bazı CSS kodu ekleyerek kolayca ayarlayabilirsiniz.
Kodlamanın olumlu tarafı, sitenizi herhangi bir potansiyel güvenlik riskine yerleştirmemenizdir. Ayrıca, eklentiler veya uzantılar eklemek yerine küçük değişiklikler kolay ve hızlı bir şekilde yapabilirsiniz. Ayrıca, bu kodları doğrudan WordPress kontrol panelinden ekleyebilirsiniz. WordPress tema özelleştirici kullanarak CSS kodu ekleyebilirsiniz. Görünüşe gidin> WordPress kontrol panelinizde özelleştirin. Aşağı kaydırın ve menüde “Ek CSS” i tıklayın. CSS kodunuzu eklemek için metnin metnini bulacaksınız. Not: Stil Kurallarının “. Wooocommerce Div. Ürün H2 “Yalnızca ürün sayfasındaki tüm H2 başlıklarının görünümünü değiştirecektir. Ürün sayfanızı tekelleştirmek için bazı CSS kodu: Renk ve Ağırlık Ürün Başlık Değiştir Ürün Başlığı, ürün sayfasının önemli bir parçasıdır. Kullanıcıların ürün unvanına açıkça dikkat etmesi önemlidir. Ürün başlığı varsayılan wooCommerce kolayca görülemez. Ancak birkaç satır kodla, ürün başlığını kalın olacak şekilde değiştirebilirsiniz. .WooCommerce Div.product .product_title {color: #f54251; Yazı tipi-ağırlık: kalın; }
Ekle düğmesini sepete ayarlayın, Amazon tarzı sepete ekleme düğmesine normal sepete değiştirebileceğinizi bilirsiniz! Evet, bu kodun parçasını metin alanına eklerseniz, varsayılan düğme stilini değiştirebilirsiniz.
.WOOCOMMERCE Div.Product .Button {Box-Shadow: 0px 1px 0px 0px #fff6Af; Arka plan: doğrusal gradyan (dibe, #ffec64%5, #ffab23%100); Arka plan-rengi:#FFEC64; Border-Radius: 6px; Sınır: 1 piksel katı #ffaa22; Renk:#333333; Metin dekorasyonu: yok; Text-Shadow: 0px 1px 0px #ffee66; }
CSS kodunu kullanarak ürün sayfasının görüntülenmesini değiştirmek çok kolay yeni öğeleri silin/ekleyin. Ancak, ürün sayfası öğesini değiştirmek istediğinizde, biraz zor olabilir. WordPress kodlaması veya geliştirme hakkında temel bilginiz yoksa, WooCommerce ürün sayfalarını ayarlamak için eklentiler veya uzantılar kullanmanızı öneririz. Ancak zorluklarla karşılaşmaya hazırsanız, size göstereceğimiz yöntemi deneyebilirsiniz. Woocommerce, bir ürün sayfası oluşturmak için iki şablon dosyası kullanır:
Tek ürün.php-bu bir sayfa şablonu yapısı oluşturur.
İçerik-Single-Product-Php-Bu, şablonu her ürün için içerikle doldurur.
Böylece, ürün sayfasından öğeler eklemek veya silmek için WooCommerce kancalarını kolayca kullanabilirsiniz. Bir WordPress Çocuk Teması oluşturmanız ve değişiklik yapmak için kodunuzu functions.php dosyasına eklemeniz gerekir. Ürün sayfasına öğeler ekleme ve silme işlevi:
Delete_asi ()
Eylemi ekleyin ()
Bu kodu “ürün başlıkları, ürün sıralaması, meta açıklama, ürün açıklaması, ürün çizimleri, ek sekmeler vb.” Gibi öğeleri silebilirsiniz. // Ürünün başlığını kaldır Kaldırma_ace (‘wooocommerce_single_product_summary’, ‘woocommerce_template_single_title’, 5); // Yıldızları Kaldır Kaldır/ ‘Wooocommerce_single_product_summary’, ‘wooocommerce_template_single_ting’, 10); // Ürünü Kaldır Meta Açıklama Remove_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_meta’, 40); // Ürün Açıklama Kaldır Remove_action (‘wooocommerce_single_product_summary’, ‘woocommerce_template_single_excerpt’, 20); // Görüntüleri Kaldırın Remove_action (‘wooocommerce_beefore_single_product_summary’, ‘woocommerce_show_product_images’, 20); // İlgili ürünleri kaldırın Remove_ace (‘wooocommerce_aftle_single_product_summary’, ‘wooocommerce_output_related_products’, 20); // Ek bilgi sekmelerini kaldırın remove_action (‘wooocommerce_aftle_product_summary’, ‘wooocommerce_output_product_data_tabs’, 10); Ve öğeleri eklemek için add_ace (‘wooocommerce_before_single_product_summary’, function () {printf (‘
‘);});
Yeni Ürün Sekmesini Ekle/Düzenle Ek bilgiler bölümündeki sekmeyi silmek, eklemek, düzenlemek veya yeniden düzenlemek için woocommerce_product_tabs filtre sekmesini kullanabilirsiniz. Aşağıdaki komut dosyaları açıklama sekmesini ve içeriğini siler, inceleme sekmesinin adını değiştirir ve ek bilgilerin önceliğini ilk etapta değiştirir. add_filter (‘wooocommerce_product_tabs’, ‘woo_remove_product_tabs’, 98); işlev woo_remove_product_tabs ($ tabs) {unset ($ tabs [‘açıklama’]); // Açıklama sekmesini kaldır $ sekmeleri [‘incelemeler’] [‘başlık’] = __ (‘derecelendirmeler’); // İncelemeleri yeniden adlandırma $ sekmeleri [‘ilave_information’] [‘öncelik’] = 5; // ilk dönüş $ sekmeleri ek bilgiler; } Elemanlarınızı yeniden düzenleyin Ürün açıklamasını başlığın altına koyabilirsiniz. Bu kodu kullanabilirsiniz,
// Ürün açıklamasını başlıktan aşağı taşıyın Remover_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_excerpt’, 20); Add_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_excerpt’, 6); Başlangıçta, önceliğin (20) açıklamasını sildik ve önceliğe (5) bir açıklama ekledik. Bunun nedeni, başlık öğesinin öncelik değeri 5 olmasıdır. Bu nedenle, Öncelik 6’ya bir açıklama yerleştirirsek, ürün başlığının hemen altında görüntülenir. 2. Woocommerce & DOKAN uzantısını kullanın
WooCommerce, ürün sayfanıza yeni bir görünüm sağlamaya yardımcı olacak kendi uzantısına sahiptir. Bununla birlikte, DOKAN’ı kullanarak çoklu faaliyet pazarını çalıştırırsanız, WooCommerce ürün sayfasını ayarlamanıza yardımcı olacak birkaç modülünüz olacak.
Her birini tartışacağız ve ürün sayfalarını yeniden tasarlamak için bu modülü ve uzantıyı nasıl kullanabileceğinizi açıklayacağız. Bu ürün, ürün sayfalarınızı tasarlamak için kullanabileceğiniz önemli modüllerden/uzantılardan biridir. Ürününüze açılır kutu, onay kutusu, metin kutusu vb. Şeklinde daha fazla seçenek ekleyebilirsiniz. Örneğin, elektronik ürününüz için bir garanti sunabilir veya gömleğiniz için farklı bir renk sunabilirsiniz. Dokan’ın ayrıca bir Addon ürün modülü var. Bu modülle, satıcılar doğrudan satıcı gösterge panosundan (kıyafetler için) eklentiler de yapabilirler. Bu renk örneği varyasyonu, ürününüze de varyasyonlar ekler. Ancak varyasyonların genişletilmesi, açılır kutu, metin kutusu ve ekran varyasyonlarının yerini alır – stil, boyut, desen, renk vb. – Müşterilere ne satın aldıkları hakkında daha iyi bir resim vermek ve ürün sayfalarınızı mükemmelleştirmek için resimler veya örnek renklerle.
Bu, ürün sayfanıza pürüzsüz ve temiz bir görünüm verir ve kesinlikle rekabetten öne çıkabilirsiniz. Bu ürün önerisi, Woocommerce ürün sayfasının özelleştirilmesi için çok yararlı olan bir uzatmadır. Ayakkabı satıyorsanız, çorap veya ayakkabı cilası önerebilirsiniz. Veya bir akıllı telefon satıyorsanız, kaplama, şarj vb. Önerebilirsiniz.
Önerilen ürünleri popüler olana, yeni olanlara, satılanlara vb. Temel olarak ekleyebilirsiniz. WooCommerce için video ürünleri video izleyen% 73 daha fazla ziyaretçi satın alacak. Ürün videosu, ürününüzü göstermenin güçlü bir yoludur. Tüm özellikleri açıklamak çok kolaydır ve kullanıcılar da çok ikna edici hisseder. Bu uzantıyı resim galerisine video eklemek için kullanabilir veya özellikleri video ile değiştirebilirsiniz. Videoları WordPress Media Kütüphanenize yükleyin veya Vimeo veya YouTube gibi üçüncü taraf hizmetlerinden gömülebilirsiniz. DOKAN ÜRÜN TALEP MODÜLÜ Bu DOKAN modülü, ziyaretçilerin ve müşterilerin ürün sayfasından mağaza sahibiyle iletişim kurmalarına izin verecektir. Ürünler veya hizmetler hakkında ayrıntılı e -posta soruları satıcılara gönderebilirler ve bu soruları e -posta yoluyla da yanıtlayabilirler.
Ziyaretçiler ek bilgi bölümünde sekmeyi görecek ve sorularını oraya yazabilirler. Bu modül ürün sayfasına ekstra boyutlar ekleyecektir. Dokan Shop Destek Desteği her e -ticaret mağazasının önemli bir parçasıdır. Destek kötüyse, çevrimiçi mağazanızın görüntüsünü kesinlikle engelleyecektir. Dokan Shop Destek modülü boşluğu kapatmanıza yardımcı olabilir. Ürün sayfasına, kullanıcılarınızın herhangi bir yerden sizinle iletişim kurmasına yardımcı olacak bir destek düğmesi ekleyebilirsiniz. Bu, her yerden onlara her zaman mevcut olduğunuza dair bir güvenilirlik duygusu sağlayacaktır.
Bu, Woocommerce ürün sayfanıza ekstra iyileştirmeler sağlamak için kullanabileceğiniz uzantı ve kullanılabilir modüllerdir. Ayrıca, uzantılar ve modüller mevcuttur, ancak bu, çok fazla inhibe edici tasarımı olmadan ekleyebileceğinizi düşündüğümüz bir uzatmadır. 3. WooOcomerce Ürün sayfasını son Elementor sayfası oluşturucu ile ayarlayın, Woocommerce ürün sayfası tasarımını Elementor gibi bir sayfa üreticisini kullanarak değiştirebilirsiniz. Elementor, WordPress’in önde gelen sayfalardan biri haline geldi. Zaten dünya çapında 5 milyondan fazla kullanıcı var. Ve özellikle WooCommerce özelleştirmesi için yapılmış olağanüstü bir widget koleksiyonuna sahip. Ürün başlığı widget’ı gibi
Ahşap Yol Widget Widget
Ürün Görüntü Widget
Ürün Sıralama Widget
Kısa Açıklama Widget
Ürün Fiyat Widget
ürünle ilgili
Widget sepetine ekleyin
Ürün meta widget
Ürün Verileri Sekmesi
Widget.
Bu widget’ı kullanarak ürün sayfalarınızın dinamiklerini tamamen değiştirebilirsiniz. WooCommerce için yeni bir ürün sayfası oluşturmak için şablona gidin -> Yeni -> Açılış sayfası ekleyin. Şimdi tek bir ürün sayfası seçeneği seçin ve yeni bir şablon oluşturun. WooCommerce ürün sayfası için oluşturulan bir dizi şablon bulacaksınız. Bir tane seçin ve ürün sayfanızı tasarlamak için listedeki widget’ı kullanın.
Ayrıca bazı işlevler eklemek istiyorsunuz, Happy Addons gibi üçüncü taraf eklenti ekleyebilirsiniz. Bunlar, WooCommerce ürün sayfasını nasıl ayarlayacağınızı öğrenmenin üç yoludur. Ancak, tek bir ürün sayfasını yeniden tasarlarken abartmayın. Tasarımı sınırlı tutmanız ve bazı şeyleri hatırlamanız gerekir. Ürün sayfalarınızı optimize etme İpuçları Dönüşüm seviyesini artırmak için veya markanızı ne kadar iyi pazarladığınız veya marka görüntüleme için harcadığınız veya ne kadar trafik aldığınıza bakılmaksızın, ürün sayfalarınız için iyi optimize edilmeyen satış almayacaksınız. Bu nedenle, ürün sayfalarınızı yeniden tasarladığınızda, ürün resimleriniz ürün tarafından temsil edilenleri yansıtmıyorsa, birinci sınıf ürünlerin görüntülerini eklemeniz gerekir, o zaman satışlarınız düz olma eğilimindedir. Satışları artırmak için net bir ürün resmine sahip olmalısınız. Ürününüzün fotoğraflarını çekmek için profesyonel bir fotoğrafçı kiralayabilir veya fotoğraf çekmek için yüksek kaliteli cihazlar kullanabilirsiniz. Müşteri ürünü resimdeki ne kadar çok görebilirse, satın alma işlemi yaptıklarını hissedeceklerinden daha fazla emin olurlar. Ayrıca, yüksek çözünürlüklü bir fotoğraf olduğunuzdan emin olmanız gerekir. İlgili bilgileri ekleyin, ürününüze veya çevrimiçi mağaza ile eşleşmeyen hiçbir şey yazmaması gerekmeyen hiçbir şeyden kaçının. Ürün sayfasında çeşitli bilgi türleri vardır. Ancak kullanıcınızın gördüklerine dikkat etmelisiniz.
Ayrıca, bilgilerinizi müşterilerinizin ürününüzü daha iyi anlamasını kolaylaştıracak şekilde düzenleyin. Ürün sayfalarımızın temizliğine dikkat edin WooMmerce Varsayılan Ürün sayfasından istifa etmenizi tavsiye edin. Ama aşırı olmadığınızdan emin olun. Yalnızca gerekli öğeleri ekleyin ve ürün sayfalarınıza değer katacaktır. Ürün açıklamanızı artırın Ürün sayfanızın uzun ve kısa bir açıklaması olmalıdır. Kısa bir açıklama, uzun açıklama gerçekleri ve istatistikleri tartışırken müşterilerinize bir özet verecektir. Ayrıca, kısa bir açıklamayı genişletebilir ve ürününüz hakkında temel özelliklerin ötesine geçen ilginç bir hikaye anlatabilirsiniz. Bu, alışveriş yaparken müşterileri daha rahat hale getirmeye yardımcı olabilir. Woocommerce ürün sayfasını ayarladığınızda fiyatınızı doğru yere yerleştirmek için doğru fiyatı doğru yerde gösterin. Müşterilerinizin fiyatları hızlı bir şekilde anlamasını ve görmesini istiyorsanız, fiyatları büyük harflerle sergileyin. Fiyatlar, ürün sayfasındaki en büyük unsurlardan biri olmalıdır. Renk kontrastını fiyatı öne çıkaracak şekilde ayarlamanız gerekir. Dokan ile kendi pazarınızın yanında tüm indirim veya kupon kodlarını vurgulayın
Bu ipuçlarını izlerseniz, kesinlikle optimize edilmiş bir WooCommerce ürün sayfası oluşturabilirsiniz. SSS Düşünme WooCommerce Ürün Sayfalarını Ayarlar
Ürün sayfama nasıl SSS ekleyebilirim? Ürün sayfanızdaki SSS bölümünü eklemek için SSS eklentisini kullanabilirsiniz. Eklentiyi açın -> Yeni eklendi. SSS yazın ve birçok eklentinin görüneceğini göreceksiniz. Size uygun olanı bulun ve WordPress Gösterge Tablonuza eklentiler ekleyin. Woocommerce ürün sayfamı nasıl optimize edebilirim? Woocommerce ürün sayfanızı optimize etmek için bu ipuçlarını izleyebilirsiniz. 1. Üst sınıfı kullanın. Açık bir ürün açıklaması oluşturun 3. Gereksiz bir şey yazmayın 4. Ürün sayfalarınıza dikkat edin 5. Doğru fiyat yerleştirmeyi kullanın
Woocommerce kodunu nasıl ayarlayabilirim? Woocommerce kodunu düzenlemek için bu adımları izleyebilirsiniz, 1. WordPress Site Dosyanızı girin. 2. Open /wp-concent /, sonra /eklentiler /. 3. Klasörü /wooocommerce /, sonra aç /şablon /ve son olarak /cart /. 4. Cart.php adlı bir dosya seçin ve metin düzenleyicinizde açın.
Woocomerce ile bir e -ticaret mağazası oluşturduğunuzda, Woocommerce mağazanız için mükemmel ürün sayfasını oluşturun, mağazanızı istediğiniz gibi kolayca ayarlayabilirsiniz. Çünkü WooCommerce esneklik ve ayarlama yeteneği ile ilgilidir. Mağazanızı ayarlamak, diğer rakiplerden öne çıkmanın anahtarıdır. WooCommerce ürün sayfasını ayarlamanın üç farklı yolunu gösteriyoruz. Birini seçin ve tek ürün sayfanızı ayarlamaya başlayın. Umarım bu kılavuz varsayılan ürün sayfanızı nasıl ayarlayacağınızı ayrıntılı olarak kullanışlıdır.
Haber bültenimize abone ol
