WooCommerce Web Sitenizi Yenilemek İçin Fantezi Ürün Tasarımcısını Nasıl Kullanabilirsiniz?


Herhangi bir çevrimiçi mağaza için en önemli unsurlardan biri ürün sayfalarıdır. Kullandığınız görseller, sayfanızın düzeni ve daha fazlası dahil olmak üzere, kaç satış yaptığınızı etkileyebilecek çok sayıda yön vardır. Satılan WooCommerce ürün sayfaları oluşturmak için emrinizde olan tüm araçları kullanmanız gerekir.

WooCommerce, birçok ürün özelleştirme özelliğini kutudan çıkarır, ancak geliştirilebilir. Bu makalede, mükemmel ürün sayfalarının öneminden bahsedeceğiz ve size Fancy Product Designer eklentisini kullanarak gelişmiş özelleştirme seçeneklerini nasıl tanıtacağınızı öğreteceğiz. Hadi çalışalım!

Ürün Sayfalarınız Dönüşümleri Nasıl Etkiler?

Bir ürün sayfası örneği.

Ürün sayfalarınız ne kadar iyi olursa, ziyaretçileri o kadar fazla çekerler.

Çoğu insan çevrimiçi ürünleri yalnızca sundukları özellikler ve fiyatlarıyla değil, aynı zamanda kendi sayfalarının ne kadar profesyonel göründüğüyle de değerlendirir. Bunu göz önünde bulundurarak, ürün sayfalarınızdaki dönüşümleri etkileyebilecek bazı unsurları inceleyelim:

  • Ürün resimleriniz. Birden fazla açıdan yüksek kaliteli görüntüler, fazladan bir satış veya ürününüzün sekmesini anında kapatan bir ziyaretçi arasındaki fark anlamına gelebilir.
  • Harekete Geçirici Mesajınız (CTA). Bu, ustalaşmak için karmaşık bir unsurdur, ancak dönüşüm oranlarındaki etkileri yadsınamaz. Bir satış düşüşü yaşadıysanız ve başka bir şey denediyseniz, CTA'nızın metnini, stilini ve düzenini değiştirmek, daha fazla satış için bilet olabilir.
  • Ürün incelemeleri. Bu oldukça basit. Çevrimiçi alışveriş yapanlar çok seçici olma eğilimindedir ve genellikle ürünleri incelemelere göre karşılaştırırlar. Ürün incelemeleriniz ne kadar iyi olursa, o kadar fazla satış elde edebilirsiniz.
  • Ürün özelleştirme seçenekleri. Pek çok durumda insanlar, ister hediyeler ister kişisel kullanım için olsun, sipariş ettikleri ürünleri kişiselleştirmeyi severler.

Bu unsurların yanı sıra, hem mobil hem de masaüstü tarayıcılarda harika görünen bir ürün sayfası düzeni kullanmak isteyeceksiniz. Ayrıca, öğenin adı, açıklaması, fiyatı ve daha fazlası gibi her ürün sayfasının içermesi gereken temel bilgiler de vardır.

Açık olmak gerekirse – WooCommerce, tüm bu öğeleri ve daha fazlasını ürün sayfalarınıza eklemenizi sağlar. Ancak, bir sonraki aracımızın devreye girdiği gelişmiş ürün özelleştirmesini uygulamanıza izin vermez.

Fantezi Ürün Tasarımcısı ile Tanışın

Fantezi Ürün Tasarımcısı ana sayfası.

Ürünü satın almadan önce kişiselleştirmenizi sağlayan bir çevrimiçi mağaza kullandıysanız, bunun çok eğlenceli olabileceğini bilirsiniz. Fancy Product Designer uzantısı bu konsepti alır ve bir adım öteye taşır. Kullanıcılara görsel bir özelleştirici vermek için ihtiyaç duyduğunuz araçları sağlar, böylece izin verdiğiniz yönleri değiştirebilirler. Ürün tasarımcısının iş başında olduğu bu örneğe göz atın:

Fantezi Ürün Tasarımcısı iş başında.

Bu, müşterilerin özel bir şarap şişesi oluşturmak için kullanabilecekleri eksiksiz bir görsel düzenleyicidir. Birden çok katmanı, renk değişikliklerini, metin düzenlemeyi ve daha fazlasını destekler. Açık olmak gerekirse, tüm sürecin satış sonunu yöneten WooCommerce kullanarak mağazanıza hala yeni ürünler eklemeniz gerekiyor.

Ancak, Fancy Product Designer eklentisini etkinleştirdikten sonra, bu öğelerden herhangi biri için gelişmiş özelleştirme seçenekleri ekleyebilirsiniz. Birçoğu için geçerli olmayacak, ancak yine de ürünleri seçmek ve daha fazla satış yapmak için biraz etkileşim eklemenin harika bir yolu.

Ayrıca, Fancy Product Designer görsel düzenleyicisinin ön uçtan görünüşünü değiştirebilir ve kullanıcıların her öğe için seçebilecekleri temel şablonlar oluşturabilirsiniz. Bu şekilde, istemezlerse editörle oynayarak vakit harcamak zorunda kalmayacaklar.

Ana Özellikler:

  • Satın almadan önce ziyaretçilerinizin WooCommerce öğelerinizi özelleştirmesini sağlayın.
  • Ürünleri seçmek için özelleştirme seçenekleri ekleyin.
  • Her öğeyi özelleştirmek için gelişmiş özelliklere sahip bir ön uç görsel düzenleyici kullanın.
  • Birden çok şablon arasından seçim yaparak görsel düzenleyicinizin görünüşünü değiştirin.

Fiyat: Lisans başına 49 $ | Daha fazla bilgi

WooCommerce Ürünlerinizi Özelleştirmek için Fantezi Ürün Tasarımcısı Nasıl Kullanılır (3 Adımda)

Geniş özelliklere rağmen, Fancy Product Designer'ın kurulumu çok basittir. Daha da iyisi, varsayılan ayarları günlük kullanım için mükemmel olduğundan, kutunun dışında herhangi bir ek yapılandırma gerektirmez. Bunu akılda tutarak, hemen işin en zor kısmına geçelim ve eklentinin Ürün Tasarımcısı aracını tanıyalım.

Adım 1: Fantezi Ürün Tasarımcısını Kullanmayı Öğrenin

Fantezi Ürün Tasarımcısı uzantısı, hemen çalışırken görebilmeniz için kutudan çıkan birkaç sahte ürün içerir. Bunlara erişmek için kontrol panelinizdeki Fantezi Ürün Tasarımcısı > Ürünler sekmesine gidin:

Ürünleriniz sekmesi.

İçeride bir avuç örnek ürün bulacaksınız. Ürün Tasarımcısına aşina olduğunuz anda bunları silebilirsiniz. Şimdilik, Gömlek öğesini tıkladığınızda, altında iki öğe bulunan bir menü göreceksiniz:

Gömlek görünüm seçenekleriniz.

Bu özel öğe, ön ve arka tarafında özelleştirmeler yapmanızı sağlar. Ürün Oluşturucuda Görünümü Düzenle düğmesini tıklarsanız, görsel bir oluşturucu kullanarak öğenin başlangıç ​​durumunu düzenleyebilirsiniz:

Ürün görünümlerinizi düzenleme.

İlk olarak, Katmanlar bölümümüz var. Burada, kullanıcıların kendi tasarımlarını kullanmak istememeleri durumunda tasarımlarına uygulayabilecekleri yeni görseller ve metinler ekleyebilirsiniz. Burada istediğiniz kadar öğeye sahip olabilirsiniz, bu yüzden çıldırın – normal katmanlarda yaptığınız gibi bunları sırayla eklemeyi unutmayın. Öğelerinizi çalışırken görmek için görsel düzenleyiciye ulaşana kadar aşağı kaydırmanız gerekir:

Tuval bölümünüz.

Burada, öğelerinizin eklediğiniz sırayla nasıl göründüğünü görebilirsiniz. Gömleğinizin neye benzediğini ayarlamak için Katmanlar bölümündeki öğeleri sürükleyip bırakabilirsiniz. Örneğin, burada tüm Gömlek öğesini sildik:

Güncellenmiş tuvaliniz.

Ürününüzün görünümünden memnun olduğunuzda, yukarı kaydırın ve Kaydet düğmesine tıklayın. Artık potansiyel bir müşteri bu ürünü mağazanız üzerinden yüklediğinde, tasarımınız başlangıç ​​noktası olarak görünecektir:

Ürününüz ön uçtan görüldüğü gibi.

Elbette tasarımı istedikleri kadar özelleştirebilirler. Ancak, işleri çok fazla değiştirmek istemeyen kullanıcılar için her zaman iyi bir başlangıç ​​noktası sunmaya çalışmalısınız.

Adım #2: Kullanıcı Arayüzünüzü (UI) ve Ürün Düzeninizi Yapılandırın

Şimdiye kadar, Fantezi Ürün Tasarımcısının ön uç özelleştiricisini çalışırken gördünüz. Varsayılan stili çoğu durumda harika çalışır, ancak web sitenize uymadığını düşünüyorsanız değiştirebilirsiniz. Bunu yapmak için Fancy Product Designer > UI & Layout Customizer'a gidin . İçeride, düzeninizin şu anda nasıl göründüğünü gösteren bir Önizleme bölümü göreceksiniz:

Düzeninizin bir önizlemesi.

Aşağıda, tasarımcınızın üst çubuk konumunu değiştirmek için seçebileceğiniz birkaç seçenek vardır:

Ana çubuğunuzun konumunu değiştirme.

Bu ayarı değiştirmek, kişiselleştiricinizin işlevselliğini etkilemeyecektir, bu nedenle hangisini tercih ederseniz onu seçmekten çekinmeyin. Her durumda, tasarımcının tuvalinin boyutunu da değiştirebilirsiniz:

Tuvalinizin boyutunu değiştirme.

İdeal olarak, kullanıcıların sıkışık hissetmeyeceği kadar büyük olmalıdır. Ek olarak, eklenti tuvalin her iki şekilde de duyarlı kalmasını sağladığı için istediğiniz çözünürlüğü seçebilirsiniz. Son olarak, Eylemler sekmesine geçerseniz, tasarımcınızda bulunan tüm düğmelerin küçük bir önizlemesini görürsünüz:

Tasarımcınızın düğmeleri.

Sağdaki bir listeden istediğiniz gibi düğmeler ekleyebilir veya kaldırabilirsiniz, ancak varsayılan düzen tasarımı zaten daha kullanışlı seçenekler içeriyor ve bu da hayatınızı çok daha kolaylaştırıyor. Her durumda, düzeninizde değişiklik yapmayı tamamladığınızda geri kaydırın. Ekranın üst kısmında, tasarımınızı yeni bir şablon altında kaydetme veya varsayılan şablonunuzun üzerine yazma seçeneğini göreceksiniz:

Düzeniniz için kullanılabilen eylemler.

Ayrıca her şeyi ilk durumuna döndürme seçeneği de vardır, böylece istediğiniz şekilde yanlış gidemezsiniz.

Adım #3: Ürünlerinizi Yönetin

Mağazanıza yeni özelleştirilebilir ürünler eklemek basittir. Yapmanız gereken ilk şey Fantezi Ürün Mağazası > Ürünler sekmesine gidip Yeni Ekle butonuna tıklamak:

Mağazanıza yeni bir özelleştirilebilir ürün ekleme.

Şimdi öğeniz için bir ad seçin, ardından adının sağındaki Yeni Görünüm düğmesini kullanarak varsayılan bir görünüm oluşturun:

Yeni öğenize bir görünüm ekleme.

Kullanıma hazır bir varsayılan tasarımınız olduğunda, Ürünler > Yeni Ekle sekmesine geçme zamanı gelmiştir. İçeri girdikten sonra, özelleştirilebilir öğenizin ayrıntılarını başka bir WooCommerce ürünü gibi ekleyin:

Yeni bir WooCommerce ürünü oluşturma.

Temel konuları hallettikten sonra, WordPress editörünün sağında Fantezi Ürün Tasarımcısı widget'ını arayın. Kaynak Türü altında Ürün ayarını seçin ve bir an önce oluşturduğunuz ürünü aşağıdaki listeden seçin:

Ürün görünümlerinizi bağlama.

Artık ürününüzü taslak olarak kaydedebilir veya hemen yayınlayabilirsiniz. Şimdi geriye kalan tek şey, bu yeni siparişlerin gelmesini beklemek ve onları işlemek için çalışmaya başlamak.

Çözüm

Ürün sayfalarınızda yapacağınız birkaç küçük değişiklik, konu dönüşüm oranlarınız olduğunda büyük fark yaratabilir. WooCommerce çok sayıda varsayılan özelleştirme sunar, ancak bu, onu geliştiremeyeceğiniz anlamına gelmez. Doğru araçlarla WooCommerce ürün sayfalarınızı sanat eserlerine dönüştürebilirsiniz.

WooCommerce uzantıları söz konusu olduğunda, yapmanızı sağlayan tüm iyileştirmeler nedeniyle Fancy Product Designer'ın tarafıyız. İşte nasıl başlayacağınız:

  1. Fantezi Ürün Oluşturucu aracını kullanmayı öğrenin.
  2. Kullanıcı arayüzünüzü ve ürün düzeninizi yapılandırın.
  3. Ürünlerinizi yönetin.

Fancy Product Builder'ı kullanarak WooCommerce ürün sayfalarınızı nasıl geliştireceğiniz hakkında sorularınız mı var? Aşağıdaki yorumlar bölümünde sorun!

Iconic Bestiary / Shutterstock.com'dan makale küçük resmi.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir