WooCommerce Varyasyon Renk Örneklerini Akıllıca Kullanmaya İlişkin Eksiksiz Kılavuz [2022]

Online mağazanızdaki satışları artırmak için ilk adım, potansiyel müşterilerinizi görsel olarak etkilemektir. Bunu yapmak için de ürün sayfalarınızı optimize etmelisiniz.

Alıcıların ürünlerini seçmesini ne kadar kolay hale getirirseniz, dönüşüm o kadar yüksek olur.

Mağazanızda değişken ürünleriniz varsa, bir ürünün tüm çeşitlerini kullanıcı dostu bir şekilde sergilemek istersiniz.

Harika sonuçlar alan en son trendlerden biri, varyasyonları sunmak için açılır menüler yerine renk örneklerinin kullanılmasıdır.

Bu nedenle, ürün çeşitlerini daha ilgi çekici ve çekici bir şekilde sunmak için WooCommerce varyasyon renk örneklerini kullanın.

Bugün, WooCommerce mağazanızda varyasyon renk örneklerini en sonuç odaklı şekilde nasıl kullanabileceğinizi tartışacağız.

Alıcıların amacını geliştirmek için ürün çeşitlerinize bağlı olarak doğru çeşitleme renk örneklerini nasıl uygulayacağınızı öğreneceksiniz.

Bu kılavuzu okuduktan sonra şunları yapabileceksiniz:

• Her bir varyasyon renk örneği türünün ne kadar önemli olduğunu anlayın
• Varyantlar için renk, resim veya etiket örneklerini kendiniz ayarlayın
• Varyasyon renk örneklerinin harika kullanımına örnekler
• Alıcıların amacını geliştirin ve satışlarınızı artırın

Öyleyse, içine dalalım.

Farklı Varyasyon Renk Örneklerini Ne Zaman ve Neden Kullanmalısınız?

Değişken ürünlerinizin farklı varyasyonları olabilir. Maksimum etkileşim oluşturmak için farklı varyantlar için benzersiz varyasyon renk örnekleri ayarlayamazsınız.

Renk Varyasyon Örnekleri

Bir ürün çeşitli renklerde olabilir. Örneğin, Kırmızı, Mavi ve Sarı olmak üzere üç rengi olan bir tişört sattığınızı varsayalım.

Ardından, müşterilerinizin çeşitler arasından seçim yapmasına izin vermek için renk çeşitliliği örneklerini kullanabilirsiniz.

Varsayılan olarak, WooCommerce, insanların sıkıcı bir açılır menüden seçim yapmasına izin verir. Ancak renkli renk örneği düğmeleriyle daha ilgi çekici hale getirebilirsiniz.

Farkı kendiniz görün:

Gördüğünüz gibi, renkler açıkça görülebilir. Böylece bir kişi seçimi daha kolay ve daha pratik bulacaktır.

Görüntü Varyasyonu Renk Örnekleri

Bazı ürünler daha çok yönlüdür ve çeşitleri görsel varyasyon renk örneklerini kullanarak sunabilirsiniz.

Örneğin farklı şekillerde hediye kutuları sattığınızı varsayalım. Bu nedenle, açılır seçimleri sunmak yerine, görsel renk örnekleriyle varyantları görüntüleyebilirsiniz.

İşte ne kadar şaşırtıcı hale geldiği:

Gördüğünüz gibi, varyantlar şekiller için küçük renk örnekleri halinde sunuluyor ve böylece daha çekici hale geliyor.

Uç:
Ürün için öne çıkan görsel olarak tüm çeşitlerin bir arada olduğu bir görsele sahip olmak her zaman idealdir. Hiç yoksa, öne çıkan resim olarak en popüler varyantın resmini kullanın.

Etiket Varyasyon Örnekleri

Boyut veya Uzunluk gibi belirli faktörlerin görsel olarak tasvir edilmesi zordur.

Örneğin, L (büyük için), M (Orta için) ve S (Küçük için) bedenleri olan bir tişört satıyorsanız, gerçek bedenleri görsel olarak göstermenin hiçbir yolu yoktur.

Bu durumda, etiket varyasyon renk örneği düğmelerini kullanarak varyantları sunarak yine de çekici hale getirebilirsiniz.

İşte yine de nasıl bir fark yaratacağı:

Boyut görselleştirmesi olmamasına rağmen, renk örnekleri seçimi daha çekici hale getiriyor. İnsanlar genellikle meraktan renk örneklerine tıklarlar.

Metin Varyasyonu Renk Örnekleri

Boyutlara benzer şekilde, malzeme veya yaş grubuyla ilgili varyasyonlar vb. gibi diğer birkaç varyasyon faktörü görsel olarak gösterilemez veya etiket olarak gösterilemez.

Örneğin, Çocuk bedeninde, Genç bedeninde ve Grow-up bedeninde bir şapka sattığınızı varsayalım.

Bu durumda, onları çekici düğmeli metin örneklerine dönüştürebilirsiniz.

Buradaki avantaj, mevcut tüm varyasyonların alıcının önünde listelenmesi ve alıcının buton(lar)a tıklayarak seçimi yapmasıdır.

İşte bir önizleme:

Uç:
Numaralandırılmış değerler dışında beden etiketleriniz varsa, bedenlerin tam değerlerini bulmak için sitenizde bir grafik tutun. Mağazalar genellikle bu grafiğin olmaması nedeniyle satışlarını kaybeder. Müşteriler, tam boyutu öğrenmek için sizi müşteri hizmetlerine gönderecek kadar sabırlı değiller.

Gördüğünüz gibi, varyasyon menülerini renk örnekleriyle değiştirmek onu çok daha çekici ve ilgi çekici kılıyor.

Şimdi, bu ilgi çekici yerleri uygulamak istiyorsanız, WooCommerce için Variation Swatches eklentisini kullanarak bunu kolayca yapabilirsiniz.

WooCommerce için Varyasyon Renk Örnekleri

WooCommerce için Varyasyon Renk Örnekleri, temel varyant seçimini düğme renk örneklerine kolayca değiştirebileceğiniz basit bir eklentidir. Sadece birkaç tıklama alır.

WooCommerce için Varyasyon Renk Örneklerini kullanarak çevrimiçi mağazanızda varyasyon renk örneklerini nasıl kolayca ayarlayabileceğiniz konusunda size adım adım bir kılavuz vereyim.

WooCommerce varyasyonları için açılır menü düğme renk örneklerine nasıl değiştirilir?

Daha önce tartışıldığı gibi, WooCommerce, ürün sayfasındaki açılır seçenekler olarak varyasyonları görüntüler.

Ancak, eklentiyi kullanarak sadece birkaç tıklamayla varyasyon seçeneklerini açılır menüden düğme örneklerine kolayca dönüştürebilirsiniz.

İşte adım adım nasıl yapabileceğiniz.

1. Önce, WooCommerce için Varyasyon Renk Örneklerini kurun ve etkinleştirin.

Yönetici kontrol panelinizde Renk Örnekleri adlı yeni bir menü göreceksiniz. Üstüne tıkla.

Sizi eklenti panosuna götürecektir.

2. Temel renk örneği stilini ve tasarımını ayarlayın

Genel Ayarlar'da, renk örneklerinin rengini ve kenarlığını normalde görüntülendiği gibi, üzerine gelindiğinde veya seçildiğinde ayarlama seçeneklerini bulacaksınız.

Ayrıca yazı tipi boyutunu ayarlayabileceksiniz.

Bu ayarları istediğiniz gibi yapılandırın.

3. Kontroller Sekmesine Git

Soldaki Kontroller sekmesine tıklayın.

Kontroller sekmesinde birçok seçenek olacaktır.

4. Düğme Renk Örneklerine Açılan Menüyü Etkinleştir

Burada, Düğme Renk Örneklerine Açılır seçeneğini açın.

Ardından ayarları kaydedin. Artık ürün sayfalarındaki varyasyonların düğme örnekleri şeklinde görüntüleneceğini göreceksiniz.

Mağazanız için açılan düğme renk örneklerini etkinleştirdikten sonra, artık renk örneklerini birkaç basit adımda kolayca renk, resim veya etiket örnekleri olarak özelleştirebilirsiniz.

Renk Varyasyonları için WooCommerce Renk Örnekleri Nasıl Kurulur

Renk örneklerini kullanarak alıcının seçeceği renk hakkında görsel fikir verebilirsiniz. Böylece hiçbir tereddüt olmayacaktır.

Ve daha önce gördüğünüz gibi, renk örnekleri, sıradan açılır menü seçimine kıyasla çok çekici.

Renk örneklerini ayarlamak için aşağıdaki adımları izleyin.

1. Düğme Renk Örneklerine Açılan Menüyü Etkinleştir

İlk önce, daha önce açıklandığı gibi düğme alanlarına açılır menüyü etkinleştirmek için adımları izleyin.

(Düğme renk örneklerine açılan menüyü nasıl etkinleştireceğinizi okumak için buraya tıklayın.)

2. Oluşturduğunuz Niteliklerinize gidin

Varyasyon terimleri genellikle niteliklere göre gruplandırılır.

Gösterge Tablosu > Ürünler > Nitelikler'e gidin ve mağazanızda önceden oluşturduğunuz niteliklerin listesini ve yeni nitelikler ekleme seçeneğini bulacaksınız.

Sağ tarafta, sahip olduğunuz oluşturulan niteliklerin listesini görebilirsiniz.

3. İstediğiniz Özelliği Renk Türü Olarak Değiştirin

Farenizi, renk örneklerini kullanmak istediğiniz özellik adının üzerine getirin.

Düzenleme veya Silme seçeneklerine sahip olacaksınız. Düzenle'ye tıklayın, sizi Niteliği düzenle sayfasına götürecektir.

Özniteliği Düzenle sayfasına geldiğinizde, Tür için bir alanınız olduğunu göreceksiniz.

Üzerine tıklayın ve “Renk” seçeneğini seçin.

Ardından aşağıdaki Güncelle düğmesine tıklayın.

4. Varyasyon Terimleri İçin Renk Örneklerini Ayarlayın

Nitelik türünü “Renk” olarak ayarladıktan sonra, artık bu nitelik altındaki varyant terimlerine renk örnekleri atayabilirsiniz.

Gösterge Tablosu > Ürünler > Nitelikler'e geri dönün ve özelliğin sağ tarafında (sadece Renk türü olarak ayarladınız), "Terimleri yapılandır" seçeneğini göreceksiniz.

Koşulları yapılandır'a tıklayın, sizi aşağıdaki sayfaya götürecektir:

Burada, renk çeşitleri için terimler ekleyebilir veya sağ tarafta, mağazanızda hazır renkler için sahip olduğunuz varyant terimlerini görebilirsiniz.

Farenizi bir renk terimi üzerine getirdiğinizde Düzenle seçeneğini bulacaksınız.

Düzenle'ye tıklayın ve sizi düzenleme sayfasına götürecektir. Burada, aşağıda bir renk seçme seçeneğiniz olduğunu göreceksiniz.

“Renk Seç”e tıkladığınızda bir renk atama seçeneğini göreceksiniz.

Uygun bir renk seçin ve tekrar Renk Seç'e tıklayın.

Ardından aşağıdaki Güncelle düğmesine tıklayın.

Güncellendikten sonra geri dönün ve ilgili renk çeşidi teriminin adının hemen yanında rengin bir ön izlemesinin olduğunu göreceksiniz.

Geri kalan renk varyasyonları için de aynısını yapın, hepsi bu. Artık ürünleriniz, renk çeşitleri için açılan seçim yerine renk çeşitleri örneklerine sahip olacak.

Renk Varyasyonu Örneklerini Kullanma

WooCommerce ürün varyasyonları için resim örnekleri nasıl ayarlanır?

Görsel renk örneklerini kullanarak, ürün(ler)i görüntülerken belirli çeşitleri çekici renk örnekleri olarak görüntüleyebilirsiniz.

Ve daha önce gördüğünüz gibi, sıradan açılır menü seçimiyle karşılaştırıldığında, resim örnekleri çok ilgi çekici.

Görüntü renk örneklerini ayarlamak için aşağıdaki adımları izleyin.

1. Düğme Renk Örneklerine Açılan Menüyü Etkinleştir

İlk önce, daha önce açıklandığı gibi düğme alanlarına açılır menüyü etkinleştirmek için adımları izleyin.

(Düğme renk örneklerine açılan menüyü nasıl etkinleştireceğinizi okumak için buraya tıklayın.)

2. Oluşturduğunuz Niteliklerinize gidin

Varyasyon terimleri genellikle niteliklere göre gruplandırılır.

Gösterge Tablosu > Ürünler > Nitelikler'e gidin ve mağazanızda önceden oluşturduğunuz niteliklerin listesini ve yeni nitelikler ekleme seçeneğini bulacaksınız.

Sağ tarafta, sahip olduğunuz oluşturulan niteliklerin listesini görebilirsiniz.

3. İstediğiniz Özelliği Görüntü Türü Olarak Atayın

Farenizi, görüntü renk örneklerini kullanmak istediğiniz özellik adının üzerine getirin.

Düzenleme veya Silme seçeneklerine sahip olacaksınız. Düzenle'ye tıklayın, sizi Niteliği düzenle sayfasına götürecektir.

Özniteliği Düzenle sayfasına geldiğinizde, Tür için bir alanınız olduğunu göreceksiniz.

Üzerine tıklayın ve “Görüntü” seçeneğini seçin.

Ardından aşağıdaki Güncelle düğmesine tıklayın.

4. Varyasyon Terimleri İçin Renk Örneklerini Ayarlayın

Öznitelik türünü "Görüntü" olarak ayarladıktan sonra, artık bu öznitelik altındaki varyant terimlerine görsel renk örnekleri atayabilirsiniz.

Kontrol Paneli > Ürünler > Nitelikler'e geri dönün ve özelliğin sağ tarafında (sadece Resim türü olarak ayarladınız), "Terimleri yapılandır" seçeneğini göreceksiniz.

Koşulları yapılandır'a tıklayın, sizi aşağıdaki sayfaya götürecektir:

Burada, varyasyonlar için terimler ekleyebilir veya sağ tarafta zaten sahip olduğunuz varyant terimlerini görebilirsiniz (bu özelliğin altında).

Farenizi bir terimin üzerine getirdiğinizde, terimi düzenleme seçeneğini bulacaksınız.

Düzenle'ye tıklayın ve sizi düzenleme sayfasına götürecektir. Burada, aşağıda bir resim yükleme veya ekleme seçeneğiniz olduğunu göreceksiniz.

“Yükle/Görüntü Ekle”ye tıklayın ve bir görsel yükleyebilir veya medya kitaplığınızdan bir görsel seçebilirsiniz.

Uygun bir resim seçin ve ardından aşağıdaki Güncelle düğmesine tıklayın.

Güncellendikten sonra geri dönün ve görüntünün bir önizlemesinin, varyant teriminin adının hemen yanında olduğunu göreceksiniz.

Varyantların geri kalanı için de aynısını yapın ve hepsi bu. Artık ürünlerinizde, bu çeşitler için açılır seçim yerine resim varyasyonu renk örnekleri olacak.

Görüntü Varyasyonu Renk Örneklerini Kullanma

Değişken ürünler için etiket varyasyon örnekleri nasıl ayarlanır?

Etiket renk örneklerini kullanarak, tek harf veya rakamlarla tanınabilen belirli çeşitleri görüntüleyebilirsiniz.

Ve daha önce gördüğünüz gibi, Etiket renk örnekleri, sıradan açılır seçime kıyasla daha akılda kalıcı.

Etiket renk örneklerini ayarlamak için aşağıdaki adımları izleyin.

1. Düğme Renk Örneklerine Açılan Menüyü Etkinleştir

İlk önce, daha önce açıklandığı gibi düğme alanlarına açılır menüyü etkinleştirmek için adımları izleyin.

(Düğme renk örneklerine açılan menüyü nasıl etkinleştireceğinizi okumak için buraya tıklayın.)

2. Oluşturduğunuz Niteliklerinize gidin

Varyasyon terimleri genellikle niteliklere göre gruplandırılır.

Gösterge Tablosu > Ürünler > Nitelikler'e gidin ve mağazanızda önceden oluşturduğunuz niteliklerin listesini ve yeni nitelikler ekleme seçeneğini bulacaksınız.

Sağ tarafta, sahip olduğunuz oluşturulan niteliklerin listesini görebilirsiniz.

3. İstediğiniz Özelliği Etiket Türü Olarak Atayın

Farenizi, etiket renk örneklerini kullanmak istediğiniz özellik adının üzerine getirin.

Düzenleme veya Silme seçeneklerine sahip olacaksınız. Düzenle'ye tıklayın, sizi Niteliği düzenle sayfasına götürecektir.

Özniteliği Düzenle sayfasına geldiğinizde, Tür için bir alanınız olduğunu göreceksiniz.

Üzerine tıklayın ve “Etiket” seçeneğini seçin.

Ardından aşağıdaki Güncelle düğmesine tıklayın.

4. Varyasyon Terimleri İçin Etiket Renk Örneklerini Ayarlayın

Öznitelik türünü "Etiket" olarak ayarladıktan sonra, artık bu öznitelik altındaki varyant terimlerine etiket renk örnekleri atayabilirsiniz.

Gösterge Tablosu > Ürünler > Nitelikler'e geri dönün ve özelliğin sağ tarafında (sadece Etiket türü olarak ayarladınız), "Terimleri yapılandır" seçeneğini göreceksiniz.

Koşulları yapılandır'a tıklayın, sizi aşağıdaki sayfaya götürecektir:

Burada, varyasyonlar için terimler ekleyebilir veya sağ tarafta zaten sahip olduğunuz varyant terimlerini görebilirsiniz (bu özelliğin altında).

Farenizi bir terimin üzerine getirdiğinizde, terimi düzenleme seçeneğini bulacaksınız.

Düzenle'ye tıklayın ve sizi düzenleme sayfasına götürecektir. Burada, aşağıda bir Etiket karakteri girmeniz için bir alan olduğunu göreceksiniz.

Görüntülemek istediğiniz Etiketi girin.

Ardından aşağıdaki Güncelle düğmesine tıklayın.

Güncellendikten sonra geri dönün ve varyant teriminin adının hemen yanında etiketin bir önizlemesinin olduğunu göreceksiniz.

Varyantların geri kalanı için de aynısını yapın ve hepsi bu. Artık ürünlerinizde bu çeşitler için açılan seçim yerine etiket varyasyonu renk örnekleri olacak.

Etiket Varyasyonu Renk Örneklerini Kullanma

Çözüm

Değişken ürünler için açılır menü seçiminin artık tercih edilmediği açıktır. Varyasyonlar sunmanın en iyi yolu renk örnekleri kullanmaktır.

Ve en iyi yanı, uygulaması çok kolay ve WooCommerce için Varyasyon Renk Örnekleri eklentisini kullanarak sadece birkaç tıklamayla yapılabilir.

Bu yüzden eklentiyi denemenizi ve WooCommerce varyasyon renk örneklerinin avantajlarından yararlanmanızı öneririm. Fazla çaba harcamadan alıcıları kolayca çekmenin avantajlarından yararlanın.