Elementor kullanarak wooocommerce ürün sayfalarını nasıl düzenlenir
Özel bir tek ürün sayfası oluşturmak, e -ticaret mağazanızı vurgulamanın en iyi yollarından biridir ve müşterilerinize alışveriş yaparken daha fazla özgürlük sağlar. Ve WordPress sayesinde, ayarlanmış ürün sayfalarını kolaylaştırın. Elementor’un popüler sayfalarından bir Drag ve Wow WooCommerce Widget kullanarak e -ticaret mağazanız için özel bir ürün sayfası oluşturabilirsiniz. Bu kılavuzda, WooCommerce ürün sayfalarını nasıl düzenleyeceğinizi ve başlangıçtan itibaren özel bir tek ürün sayfasını nasıl tasarlayacağınızı öğreneceksiniz. Öğreticiye girmeden önce WooCommerce ürün sayfasını neden ayarlamanız gerektiğini göreceğiz.
Başlayalım: Neden Woocommerce ürün sayfalarınızı ayarlamanız gerekiyor?
WooCommerce varsayılan olarak minimum ve basit bir ürün sayfası sunar. Bu ürün sayfasını kullanarak müşteriler ürünü kolayca görebilir ve satın alabilir. Ancak, tek ürün sayfanıza eklenti, boyut grafiği, resim 360, ürün videosu vb. Özel ürün sayfaları birçok yönden yardımcı olur. E -ticaret mağazanız için özel bir ürün sayfasına sahip olmanın bazı önemli gerçekleri.
Kullanıcı deneyiminin daha iyi olduğundan emin olun
Ürün Satışlarını Artırın
Ürün sayfası tasarımını artırın
Müşterilerin ürün satın almalarına yardımcı olun
Müşteri dikkatini çekin
Ürün ekranının daha iyi olduğundan emin olun
WooCommerce ürün sayfalarını (adım adım kılavuz) nasıl düzenleyeceğiniz bir sonraki blogumuzda, WooCommerce ürün sayfasını iki kolay yolla nasıl düzenleyeceğinizi göstereceğiz.
İlk yöntem: Tek bir ürün sayfası şablonu oluşturun
Bir ürün sayfası oluşturmak için aşağıdaki eklentiyi yüklemeniz ve etkinleştirmeniz gerekir: Önkoşullar:
Element (Ücretsiz)
Pro Elementor
Sadece Elementor’u biliyorsanız, yeni başlayanlar için bu adım adım kılavuzu okuyun. İlk yöntem: Bu yöntemde tek bir ürün sayfaları şablonu oluşturun, hazır Elementor şablonunu kullanarak bir ürün sayfasının nasıl oluşturulacağını ve düzenleneceğinizi göstereceğiz. Adım 1: Bir ürün sayfası şablonu oluşturmak için şablon tema yapıcısını açın, gösterge tablosuna GEO yapmanız gerekir -> Şablon -> Tema Oluşturucu.
Adım 2: Tek Ürün sekmesine tıklayın Bir sonraki sayfada tek ürün oluşturma seçeneğini alacaksınız. Önce tek ürün sekmesini tıklayın. Ardından, yeni tek ürün ekle düğmesine tıklamanız gerekir.
Kullanıcı deneyiminin daha iyi olduğundan emin olun
Ürün Satışlarını Artırın
Ürün sayfası tasarımını artırın
Müşterilerin ürün satın almalarına yardımcı olun
Müşteri dikkatini çekin
Ürün ekranının daha iyi olduğundan emin olun
WooCommerce ürün sayfalarını (adım adım kılavuz) nasıl düzenleyeceğiniz bir sonraki blogumuzda, WooCommerce ürün sayfasını iki kolay yolla nasıl düzenleyeceğinizi göstereceğiz.
İlk yöntem: Tek bir ürün sayfası şablonu oluşturun
Bir ürün sayfası oluşturmak için aşağıdaki eklentiyi yüklemeniz ve etkinleştirmeniz gerekir: Önkoşullar:
Element (Ücretsiz)
Pro Elementor
Sadece Elementor’u biliyorsanız, yeni başlayanlar için bu adım adım kılavuzu okuyun. İlk yöntem: Bu yöntemde tek bir ürün sayfaları şablonu oluşturun, hazır Elementor şablonunu kullanarak bir ürün sayfasının nasıl oluşturulacağını ve düzenleneceğinizi göstereceğiz. Adım 1: Bir ürün sayfası şablonu oluşturmak için şablon tema yapıcısını açın, gösterge tablosuna GEO yapmanız gerekir -> Şablon -> Tema Oluşturucu.
Adım 2: Tek Ürün sekmesine tıklayın Bir sonraki sayfada tek ürün oluşturma seçeneğini alacaksınız. Önce tek ürün sekmesini tıklayın. Ardından, yeni tek ürün ekle düğmesine tıklamanız gerekir.
Adım 3: Bir şablon oluşturduktan sonra, ilk sayfa şablonunuzu oluşturma seçeneği alacaksınız. Ayrıca şablonunuzun adını bu alanda da yazıyorsunuz. Ardından şablon düğmesini tıklayın.
Adım 4: Varsayılan Elementor Şablonunu kullanmak istiyorsanız, Elememtor Kütüphanesi’nden on on seçebilirsiniz. İhtiyaçlarınıza göre uygun şablonu seçebilir ve yükleyebilirsiniz.
WooCommerce tek ürün sayfalarınızı tasarlamak ve ayarlamak için yeterli zamanınız yoksa, daha önce yapılmış şablon ve element bloklarını kullanabilirsiniz. Ancak bu kılavuzda, Elementor’u kullanarak baştan nasıl bir Woocommerce ürün sayfası oluşturacağınızı göstereceksiniz.
İkinci yöntem: Başından beri yeni bir ürün sayfası oluşturun, baştan yeni bir ürün sayfası tasarlamanın zamanı geldi. Aşağıdaki yönergeleri izlerseniz, ilk ürün sayfanızı çok kısa sürede tasarlayabilirsiniz. Başlayalım: Adım 1: Sayfayı Elemant Düzenleme Paneline açalım, tek bir ürün sayfası şablonu oluşturduktan sonra sayfayı Elementor Düzenleme paneline açmanız gerekir. Burada, sol boy widget galerisinde bulunan tüm Woocommerce widget’larını görüyorsunuz. Kullanmak için sağlam bir ürün sayfası yapısı yapmanız gerekir. Sütun eklemek için kırmızı simgeyi (+) tıklayın. Adım 2: Aşağıdaki ekran görüntülerinden görebileceğiniz iki sütun ekleyin, tek ürün sayfamızı tasarlamak için iki sütun ekledik.
Adım 3: Ürün sayfalarınızı tasarlamak için gereken WooCommerce Widget’ı ekleyin. Burada özel ürün sayfalarımızı tasarlamak için bu widget’ı ekledik.
Adım 3: Ürün sayfalarınızı tasarlamak için gereken WooCommerce Widget’ı ekleyin. Burada özel ürün sayfalarımızı tasarlamak için bu widget’ı ekledik.
Ürün Görüntü Widget: Görüntülemek istediğiniz resmi veya galeriyi ayarlayabilirsiniz
Ürün başlığı widget: Bu widget, ürün başlığınızın stilini ve düzenini ayarlamanıza yardımcı olacaktır.
WooCommerce Breadcrumbs Widget: Woocommerce ekmek kırıntıları için rengi ve düzeni ayarlayın.
Kısa Açıklama Widget: Ürününüzün kısa bir açıklamasını nasıl görüntülemek istediğinizi seçin.
Ürün Fiyat Widget: Ürün fiyatınızın düzenini ve tasarımını kontrol etmek.
Ürün Sıralama Widget: Ürün Sıralamanızı ayarlayın. Daha görünür hale getirin ve müşterinin kullanıcıların ürününüzü nasıl gördüğünü kolayca bulabildiğinden emin olun.
Ürün Meta Widget: Metin arasındaki mesafeyi ayarlayın, bir kazık veya paralel olarak görüntüleyin ve meta veri stilini kontrol edin ANAWIDGET Ek bilgiler: Bu widget ile ürününüz hakkında ek bilgiler ekleyebilirsiniz.
Widget Sepete Ekle: Düğmenin stilini ve düzenini sepete ekleyin.
Ürün Verileri Sekmesi Widget: Ürün Verileri sekmesinin düzenini kontrol etme.
Upsels Widget: Ürünler için kendi tarzınızı oluşturabilirsiniz.
Ürünle İlgili Widget’lar: Sitenizde benzer ürünleriniz varsa, ilgili bir ürün bölümüne sahip olmanız gerekir. Bu widget ile ilgili ürün bölüm modlarına göre ayarlayabilirsiniz.
Adım 4: İlk Ürün Görüntü Widget’ı ekleyin, Ürün Görüntü Widget’ı sağ taraf sütuna ekleriz. ‘Ürün görüntüsünü’ arama sütununa yazabilirsiniz, ardından sütuna sürükleyebilir ve bırakabilirsiniz.
Adım 5: Ürün görüntü stilinizi özelleştirin Bu widget’ın stil seçeneğini kullanarak ürün görüntü stilini kendi yolunuzda ayarlayabilir. Burada flaş satışını etkinleştirir ve devre dışı bırakırsınız. Ürün görüntüleri ve küçük görüntü sınırları türleri ekleyebilirsiniz, yarıçapı sınırlayabilir, ayrıca ürün ve küçük resim görüntüleri arasındaki alanları yönetebilirsiniz.
Adım 6: Daha iyi bir kullanıcı deneyimi sağlamak için WooCommerce Breadcrumbs widget’ı ekleyin, sayfanızda doğru gezinmeyi sağlamanız gerekir. Bu yüzden ürünlerimizin navigasyon sayfalarını eklemek için bir WooCommerce Breadcrumbs widget’ı eklememiz gerekiyor.
Adım 7: Breadbrumb WooCommerce’ınızı tekrar ayarlayın Stil seçeneğini kullanarak ekmek kırıntıları tasarımını ayarlayın. Burada, metnin rengini, bağlantının rengini, topografyasını ve ekmek kırıntılarının seviyesini ayarlayabilirsiniz.
WooCommerce Breadcrumbs Widget: Woocommerce ekmek kırıntıları için rengi ve düzeni ayarlayın.
Kısa Açıklama Widget: Ürününüzün kısa bir açıklamasını nasıl görüntülemek istediğinizi seçin.
Ürün Fiyat Widget: Ürün fiyatınızın düzenini ve tasarımını kontrol etmek.
Ürün Sıralama Widget: Ürün Sıralamanızı ayarlayın. Daha görünür hale getirin ve müşterinin kullanıcıların ürününüzü nasıl gördüğünü kolayca bulabildiğinden emin olun.
Ürün Meta Widget: Metin arasındaki mesafeyi ayarlayın, bir kazık veya paralel olarak görüntüleyin ve meta veri stilini kontrol edin ANAWIDGET Ek bilgiler: Bu widget ile ürününüz hakkında ek bilgiler ekleyebilirsiniz.
Widget Sepete Ekle: Düğmenin stilini ve düzenini sepete ekleyin.
Ürün Verileri Sekmesi Widget: Ürün Verileri sekmesinin düzenini kontrol etme.
Upsels Widget: Ürünler için kendi tarzınızı oluşturabilirsiniz.
Ürünle İlgili Widget’lar: Sitenizde benzer ürünleriniz varsa, ilgili bir ürün bölümüne sahip olmanız gerekir. Bu widget ile ilgili ürün bölüm modlarına göre ayarlayabilirsiniz.
Adım 4: İlk Ürün Görüntü Widget’ı ekleyin, Ürün Görüntü Widget’ı sağ taraf sütuna ekleriz. ‘Ürün görüntüsünü’ arama sütununa yazabilirsiniz, ardından sütuna sürükleyebilir ve bırakabilirsiniz.
Adım 5: Ürün görüntü stilinizi özelleştirin Bu widget’ın stil seçeneğini kullanarak ürün görüntü stilini kendi yolunuzda ayarlayabilir. Burada flaş satışını etkinleştirir ve devre dışı bırakırsınız. Ürün görüntüleri ve küçük görüntü sınırları türleri ekleyebilirsiniz, yarıçapı sınırlayabilir, ayrıca ürün ve küçük resim görüntüleri arasındaki alanları yönetebilirsiniz.
Adım 6: Daha iyi bir kullanıcı deneyimi sağlamak için WooCommerce Breadcrumbs widget’ı ekleyin, sayfanızda doğru gezinmeyi sağlamanız gerekir. Bu yüzden ürünlerimizin navigasyon sayfalarını eklemek için bir WooCommerce Breadcrumbs widget’ı eklememiz gerekiyor.
Adım 7: Breadbrumb WooCommerce’ınızı tekrar ayarlayın Stil seçeneğini kullanarak ekmek kırıntıları tasarımını ayarlayın. Burada, metnin rengini, bağlantının rengini, topografyasını ve ekmek kırıntılarının seviyesini ayarlayabilirsiniz.
Adım 8: Widget Ekle Ürün başlığı, kullanıcıların ürününüzü kolayca anlamaları için uygun bir ürün başlığı eklemek için ihtiyaç duyar. Ürün başlığını sol sütuna ekleyelim. Adım 9: Widget Style Ürün Başlığı Stil bölümünde, ürün başlığı tasarımını değiştirebilir ve metnin, topografinin, metin gölgesinin rengini yönetebilir ve karışım modunu seçebilirsiniz.
Adım 10: Kısa bir açıklama widget ekleyin Gerekirse, kısa bir ürün açıklaması görüntülemek için kısa bir açıklama widget ekleyebilirsiniz. Diğer widget’lar gibi, sol yan widget alanından bulabilirsiniz. Widget’ı sürükleyin ve ürün sayfanız için uygun bir yere yerleştirin.
Adım 11: Kısa Açıklama Stili Kuvvet alanı ayrıca varsayılan widget tasarımını değiştirmenizi sağlar. Tipografinin boyutunu değiştirdiğimizi ve 15 piksel olarak ayarladığımızı not ediyorsunuz.
Adım 12: Burada gördüğünüz kısa açıklama odasını silin, kısa açıklama widget’ından ekstra alanı siliyoruz. Devam eden alana gidin. Ardından marj bağlantısını silin ve gerekli marjı ekleyin. Burada, ek alanı silmek için -25px marj ekledik.
Adım 13: Ekle ve Stil Widget Ürün Fiyatı Ürünün fiyatını görüntülemek için bir ürün fiyatı widget’ı ekleyelim. Özel stilinizi stile ekleyebilirsiniz. Burada, ürünün renk fiyatını değiştirdiğimizi görüyorsunuz.
Adım 14: Ürün Sıralaması Widget Ekle ve Stil Müşteri Derecelendirmelerini ürününüzden görüntülemek istiyorsanız, bir ürün derecelendirme widget’ı eklemeniz gerekir. Stil seçeneğini kullanarak müşteri ürünlerinin sıralamasını kendi yolunuzda düzenleyebilirsiniz.
Adım 15: Ekle ve Meta Widget Ürün Stili Ürün kategorisi gibi ürün meta bilgilerini görüntüleyebilirsiniz. Bunu yapmak için bir ürün göz widget’ı eklemeniz gerekir. Widget’ı stil seçeneğini kullanarak ihtiyaçlarınıza göre ayarlayabilirsiniz. Adım 16: Ek bilgi widget ekle ve stil ürününüz hakkında renk ve ürün boyutu gibi ek bilgiler görüntülemeniz gerekiyorsa, ek bilgi widget’ları eklemeniz gerekir. Widget stilini düzenleyebilirsiniz. Bunu yapmak için stil bölümüne tıklayın. Burada, mevcut stili isteklerinize göre değiştirmek için önemli bir seçenek alacaksınız.
Adım 17: Müşterilerinizin ürünü satın alabilmeleri için tramvay düğmesini eklemek için önemli düğmeler sepetine ekleyin ve stil ekleyin. Sepete bir widget ekleme ekleyerek tek ürün sayfanıza arabayı kolayca ekleyebilirsiniz. Stil seçeneğini kullanarak sepet düğmesini seçtiğiniz yere göre de ayarlayabilirsiniz.
Adım 18: Ürün Veri Verileri sekmesi ekle ve stil Ürün Veri sekmesini görüntülemek istiyorsanız, ürün verileri sekmesi widget’ı ekleyerek ve daha fazla ayarlama için stil seçeneğini kullanarak bunu yapabilirsiniz.
Adım 19: Upsels Widget Ekle Tek ürün sayfanıza Upsels Widget ekleyerek tercih ürününüzü ekleyebilirsiniz.
Adım 20: Stil artarları Widget’ınız isterseniz tasarımı değiştirebilir. Stil alanında, satış ürünlerini ayarlamak için gerekli ayarları alacaksınız. Seçim.
Ürün
Gidiyor
Kutu
Flaş satışları
Adım 21: Upsels ürünleri gibi ürünler ekleyin ve stil widget ile ilgili ürünler, ürün sayfanıza ilgili ürünleri de ekleyebilirsiniz. Ürün sayfanıza uygun alana ürünle ilgili bir widget eklemeniz gerekir. Tek WooCommerce özel ürün sayfalarımızın son incelemesi Tek ürün sayfasının tasarımını tamamladıktan sonra aşağıdaki Woocommerce ürün sayfalarımızın son ekranını görürsünüz.
WooCommerce HappyAddons Widget’ı kullanarak e -ticaret web sitesini tasarlamak, tek bir ürün widget wooocommerce Happy eklentileri sunuyor
Benzersiz ürün sayfalarınızı elementlerle kolayca oluşturabilmenize rağmen, Happy Addons gibi birçok eklenti öğesi, WooCommerce ürün sayfalarını tasarlama ve ayarlama konusunda daha fazla esneklik sağlar. Sofistike Happy Addons, kullanımı kolay ve modern premedi demo ürünlerinin düzeni ile donatılmış yeni özel Wooocoommerce tek ürün widget hakkında konuşacağız. Bu olağanüstü widget ile ürün sayfalarınızı birkaç dakika içinde dekore edebilirsiniz. Ayrıca, tasarımı verimli bir şekilde kontrol etmenizi sağlayan bazı yeni ayarlar alacaksınız. Buna ek olarak, ürününüzü sergilemek için klasik, standart ve manzara gibi üç güzel tasarım derisi de elde edersiniz.
Bu widget ile nasıl çalışılacağını öğrenmek için belgelere bakın.
Tek ürün widget belgeleri!
WooCommerce HappyAddons Widget’ı kullanarak e -ticaret web sitesini tasarlamak, tek bir ürün widget wooocommerce Happy eklentileri sunuyor
Benzersiz ürün sayfalarınızı elementlerle kolayca oluşturabilmenize rağmen, Happy Addons gibi birçok eklenti öğesi, WooCommerce ürün sayfalarını tasarlama ve ayarlama konusunda daha fazla esneklik sağlar. Sofistike Happy Addons, kullanımı kolay ve modern premedi demo ürünlerinin düzeni ile donatılmış yeni özel Wooocoommerce tek ürün widget hakkında konuşacağız. Bu olağanüstü widget ile ürün sayfalarınızı birkaç dakika içinde dekore edebilirsiniz. Ayrıca, tasarımı verimli bir şekilde kontrol etmenizi sağlayan bazı yeni ayarlar alacaksınız. Buna ek olarak, ürününüzü sergilemek için klasik, standart ve manzara gibi üç güzel tasarım derisi de elde edersiniz.
Bu widget ile nasıl çalışılacağını öğrenmek için belgelere bakın.
Tek ürün widget belgeleri!
Bu tek ürün widget demo videosunu da izleyebilirsiniz.
Tek bir ürün sayfası oluşturmaya hazır olun, çevrimiçi alışveriş yaparken daha iyi bir kullanıcı deneyimi sağlamak için iyi tasarlanmış tek bir ürün sayfasına sahip olmanız gerekir.Bu blogda, zaten hazır bir Elementor şablonu kullanarak WooCommerce ürün sayfalarının nasıl düzenleneceğini tartıştık.Ayrıca, bir Elementor kullanarak kendi özel ürün sayfanızın nasıl oluşturulacağını gösterdik.Bu blog hakkında hala sorularınız varsa, aşağıdaki yorumlar bölümünde bize yorum yapmaktan çekinmeyin.Bu kılavuzu beğendiyseniz, sosyal kanalınızda paylaşın.WordPress, Elementor, WooCommerce ve diğerleri hakkında diğer ilginç makaleler almak için bültenimize abone olmayı unutmayın. Elementor’da en son haberleri ve güncellemeleri almak için bir bülten aboneliğimiz var
