Flatsome Temasında (Küresel) Değişken Ürün Varyasyonları İçin WooCommerce Renk Örneklerini Etkinleştirme

Ürün çeşitliliğine sahip olmak e-ticaret için yaygın bir gerçektir. Bir e-ticaretiniz varsa, ürünlerinizin çeşitliliği için mağazanızı kurmanız gerektiği kesindir. WooCommerce Renk Örnekleri bunu yapmanıza yardımcı olabilir.

WooCommerce'de, ürün varyasyonunu işlemek için varsayılan olarak bir açılır menü verilir.

Şu an ne düşündüğünü biliyorum! “Ne olmuş yani! Bu adamlar neden ortalığı karıştırıyor?”

Bakış açımızı netleştirelim. Her e-ticaret sahibinin hedefinin satışları artırmak ve ziyaretçileri sitelerinde tutmak olduğuna inanıyoruz. Onları daha uzun süre tutmak için, sitenizde uzun süre kalma konusunda kendilerini rahat hissetmeleri için onlara kusursuz bir deneyim vermelisiniz.

Ürünlerin varyasyonlarını görmek için açılan menü eski bir okul sürecidir, ayrıca bir varyasyonu görüntülemek için daha fazla tıklama gerektirir. Bu ziyaretçiler için rahatlatıcı bir deneyim değil, bu yüzden farklı varyasyonları görüntüleme deneyimini yumuşatabilecek bir şey kullanmalısınız. İşleri kolay ve sorunsuz hale getirmek için Varyasyon Renk Örnekleri geliyor . Varyasyon Örnekleri renk, görüntü ve düğme örnekleri sunsa da, bu makalede yalnızca Renk Örneklerine odaklanacağız.

Ürün varyasyonları için WooCommerce Renk Örneklerini kullanmanın çeşitli doğrudan ve dolaylı faydaları vardır. Hadi biraz öğrenelim!

1. Ziyaretçilerinize sorunsuz bir deneyim sunar
2. Renk varyasyonlarını keşfetmek satışları artırabilir
3. Ziyaretçilerin bir ürünün varyasyonunu görüntülemek için daha az tıklamaya ihtiyacı var
4. Daha iyi bir kullanıcı deneyimi, arama motorlarına bu içeriği tanıtabilmeleri için olumlu bir sinyal gönderir.

Mağazanızda WooCommerce renk örneklerini etkinleştirmek için heyecanlısınız, değil mi? Tüm süreçle başlayalım!

eStore'da WooCommerce Renk Örnekleri Eklentisi Nasıl Etkinleştirilir

Başlamadan önce, bazı ön koşullar hakkında sizi bilgilendirmek istiyoruz. Birincisi bir WooCommerce teması. Varyasyon Renk Örneklerini kullanmaya başlamak için bir WooCommerce temasına ihtiyacınız var. Mağazanız için herhangi bir ücretsiz veya premium tema seçebilirsiniz. Flatsome, vitrin vb. gibi yüksek kaliteli bir tema kullanmanızı öneririz. Ardından Variation Swatches eklentisini yüklemeniz gerekir .

Adım 1: Gösterge Tablosuna gidin.

Adım 2: İmleci Eklentilerin üzerine getirin, ardından Yeni Ekle'ye tıklayın.

Adım 3: Bir arama sayfası görünecektir. Sağ üstte bir arama kutusu bulacaksınız. WooCommerce Varyasyon Renk Örnekleri yazın, ardından eklentiyi kurun ve etkinleştirin.

Böylece önkoşullar hazırlanır. Artık, değişken ürün varyasyonları için renk örneklerini etkinleştirmek için Varyasyon Renk Örneklerini kullanmaya geçebiliriz.

WooCommerce Varyasyon Renk Örnekleri eklentisini başarıyla kurduktan ve etkinleştirdikten sonra, renk örnekleri oluşturmanın zamanı geldi.

İşlemi başlatalım!

Adım 01: Değişken Ürün Özelliği Oluşturun

İlk başta, global olarak bir renk niteliği ve varyasyonları oluşturmamız gerekiyor. Oluşturmak için Kontrol Paneli'ne gidin, Ürünler'e tıklayın , ardından Nitelikler'e gidin. Bir Nitelikler kutusu bulacaksınız. Gerekli alanları gereksiniminiz olarak doldurun. Gösteri amacıyla, niteliği Renk olarak adlandırıyoruz. Öznitelik için otomatik olarak bir bilgi oluşturduğu için bilgi işaretini boş bırakıyoruz. Type olarak Color seçiyoruz .

Seçenekleri seçebilir ve tercihinize göre isim verebilirsiniz. Eğer yoksa, bizimkini takip edin. Gerekli alanları doldurduktan sonra Nitelik Ekle düğmesine tıklayın.

Bundan sonra, aşağıdaki ekran görüntüsü gibi sağ tarafta bir liste oluşturulacaktır.

Adım 02: Özellik Varyasyonları Oluşturun

Aynı işlemi kullanarak listeye daha fazla özellik ekleyebilirsiniz. Bir öznitelik oluşturduktan sonra, öznitelik varyasyonu oluşturmanız gerekir. Nitelikler için ürün varyasyonları oluşturmak için listeyi gözden geçirin ve niteliğin şartlarını yapılandır'a tıklayın.

Örneğin Renk özniteliğini oluşturduk. color niteliğinin içine, niteliğin içine varyasyonlar olarak renkler ekleyebilirsiniz. Ayrıca istediğiniz herhangi bir rengi seçebilirsiniz, ancak tanıtım amacıyla Kırmızı , Yeşil ve Mavi'yi ekleyeceğiz. Kısacası, bir varyasyon oluşturmak için ad alanını doldurun, slug'u boş bırakın ve rengi seçin.

Adım 03: Değişken Üründe Nitelik Değişimini Etkinleştir

Şimdi, global olarak oluşturulmuş bir renk örneğini değişken bir ürünle ilişkilendirmemiz gerekiyor. Özellik varyasyon ürünlerini etkinleştirmek için ürünlere gidin ve bunları düzenleyin. Ürün Verilerinden değişken bir ürün seçme konusunda bilinçli olun.

Bundan sonra, soldaki Nitelikler'e tıklayın. Yeni bir sayfa açılacaktır. Global olarak oluşturulmuş tüm özellikleri bulabileceğiniz Özel ürün özelliği adlı bir açılır menü vardır. Burada sadece Color niteliğini göreceksiniz, çünkü az önce sadece Color niteliğini yarattınız.

Gösteri amacıyla seçmek istediğiniz niteliği seçin, Renk öğesini seçin. Seçtikten sonra bu sayfa gelecektir.

Mevcut tüm varyasyonları seçmek için Tümünü seç düğmesine tıklayın. Ayrıca, Hiçbirini Seç'i tıklatarak tümü düğmesinin seçimini kaldırabilirsiniz. Ardından Varyasyonlar için kullanılır'ı işaretleyin ve Nitelikleri kaydet'i tıklayın .

Varyasyonlar Sekmesine tıklayın, ardından yeni bir sayfa görünecektir. Orada iki seçenek göreceksiniz, biri Varyasyon Ekle ve diğeri Tüm niteliklerden Varyasyonlar Oluştur .

Bu iki seçenekten herhangi birini seçin. Gösteri amacıyla, Tüm özelliklerden Varyasyon oluştur'u seçeceğiz.

Artık renk varyasyonları ürünlerle birlikte görülüyor. Ayrıca varyasyon resimleri, varyasyon fiyatları ve varyasyona özgü diğer diğer ayrıntılar gibi varyasyona özgü daha fazla ayrıntı da eklersiniz. Tüm bunları yaptıktan sonra Değişiklikleri Kaydet düğmesini tıklayın.

Not: Her varyasyona fiyat ekleyin, aksi takdirde varyasyonlar ürün ön ucunda görünmez.

Varyasyon renk örneklerini başarıyla ekledikten sonra, bireysel ürün sayfası böyle görünecektir.

Basit Ayarlar

Varyasyon Renk Örnekleri, WooCommerce siteleri için önemli bir eklentidir. 300K'dan fazla WooCommerce sitesi bu eklentiyi kullanıyor. Araç İpucu'nu etkinleştirmenize, eklenti varsayılan stil sayfasını devre dışı bırakmanıza ve yuvarlak ve kare şekiller arasında geçiş yapmanıza yardımcı olur.

Şekil stilini Yuvarlak'tan Kare'ye değiştirin ve Araç İpucu'nu etkinleştirin. Bundan sonra, ürün sayfasının ön ucu böyle görünecektir.

Gelişmiş Ayarlar

Varyasyon Renk Örnekleri ayrıca size daha fazlasını verebilecek bazı gelişmiş özelliklere sahiptir. Varyasyon Renk Örneği'nin genişliğini, yüksekliğini ve yazı tipi boyutunu kontrol edebilirsiniz. Aynı zamanda stokta olmayanları akıllıca sergileme imkanı sunar.

Stokta kalmadığını görüntülemek için, Nitelik Davranışının Bulanıklaştırma seçeneğini seçmeniz gerekir. Bunu seçtikten sonra ürününüz aşağıdaki gibi yanıt verecektir.

Flatsome Temasının Mağaza Sayfalarında Renk Örneklerini Etkinleştir

Ürün sayfalarına renk örnekleri eklemenin yanı sıra ürün arşiv sayfalarına WooCommerce Renk Örneklerini de ekleyebilirsiniz. Bu özelliği kullanmak için sürümünüzü profesyonele yükseltmeniz gerekir. Henüz profesyonel sürüme sahip değilseniz, Varyasyon Renk Örneklerinin tüm gücünü kullanmasını sağlayın.

Arşiv/mağaza sayfasında renk örneklerini etkinleştirmek için mağaza/arşiv sayfasında renk örneklerini göstermek için Arşivde göster ayarlarını kontrol edin. Flatsome temasını kullanıyorsanız, mağazadaki Sepete eklemeden önce ve sonra renk örneklerini Arşiv Renk Örnekleri Konumu ayarlarından etkinleştirebilirsiniz. Bu ayarlardan renk varyasyonu örneklerinin boyutunu da kontrol edebilirsiniz.

Mağaza sayfasında renk örneklerini etkinleştirdiğinizde, şöyle görünür.

Mağaza/Arşiv Sayfalarında Araç İpucunu ve Renk Örneği Özelleştirin

Araç ipucu rengini özelleştirmek ve mağazada çeşit renk örneklerini etkinleştirmek istiyorsanız, çeşit renk örneklerinin premium sürümünü kullanmanız gerekir.

Araç İpucunu Etkinleştir

Gelişmiş ayarları kullanarak araç ipucu arka planını ve metin rengini özelleştirebilirsiniz. Araç ipucunu özelleştirmek için aşağıya bakın.

Araç ipucu ön ucunun son önizlemesi.

Çözüm

Bu teknoloji sitenizin kullanılabilirliğini ve dönüşümünü artıracaktır. Ayrıca müşterilerinizin sitenizi ziyaret ederken sorunsuz bir deneyim yaşamasını sağlar. Ayrıca, dolaylı olarak satışlarınızı artırabilir ve WooCommerece mağazanızı büyütmenize yardımcı olabilir.

Bu eklentiyi Flatsome temasına yüklerken herhangi bir sorunla karşılaşırsanız, yorum bölümünde bize bildirin. En kısa sürede yanıt vermeye çalışacağız!