WooCommerce'de A/B Testleri Nasıl Oluşturulur

Yayınlanan: 2022-09-08

A/B testleri, WooCommerce mağazanızı geliştirmek için en iyi araçtır. Özetle, bir A/B testi, bir iyileştirme hipotezine dayalı olarak web sitenizde bir değişiklik önermekten oluşur. Örneğin, belirli ilgili bilgileri daha iyi görüntülemek için ana sayfayı değiştirin, hangilerinin daha fazla satış aldığını görmek için ürünlerin açıklamasını, resmini ve fiyatlarını değiştirin veya daha çekici hale getirmek için temayı kökten değiştirin, vb.

Ardından, ziyaretçilerin yarısının orijinal sürümü ve diğer yarısının değiştirilmiş sürümü görmesi için trafiğin bölünmesi gerekir. Bu şekilde, bu değişikliğin daha önce sahip olduğunuzdan daha iyi çalışıp çalışmadığını analiz edebilirsiniz.

A/B testinin nasıl çalıştığını gösteren bir resim: trafik bölünür ve her segment bir varyant görür ve ardından hangi varyantın daha fazla dönüşüm elde ettiğini kontrol ederiz.
En basit haliyle, A/B testi, siteye gelen trafiği rastgele iki gruba ayırmayı önerir, böylece ziyaretçilerin %50'si A tasarımını, diğer %50'si B tasarımını görür. Her gruptaki kullanıcıların nasıl tepki verdiğini izleyerek, her grubun dönüşüm oranını hesaplayabilir ve ikisi arasında istatistiksel olarak anlamlı bir fark olması durumunda kazanan bir tasarım ilan edebiliriz.

Bir WooCommerce mağazanız varsa, A/B testleri yapmak web sitenizi birçok yönden geliştirmenize yardımcı olabilir:

  • Hangi görsel öğelerin (resimler, videolar, tasarımlar, yazı tipleri, renkler vb.) kendileri için daha çekici olduğunu bilerek ve tercihlerine göre kullanıcı deneyimini geliştirin.
  • İçeriği, potansiyel müşterilerinizin sahip olabileceği soruları ele alan başlıklar, metinler ve açıklamalarla geliştirerek müşteri edinme maliyetini azaltın.
  • Farklı açılış stillerini karşılaştırarak, temayı, menüleri veya diğer herhangi bir öğeyi tamamen değiştirerek vazgeçme oranını azaltın.
  • Ürünlerinizin ziyaretçileriniz için çekici ve ilgi çekici olmasını sağlayarak satışları ve gelirleri artırarak dönüşüm oranını iyileştirin.

Bu yazıda WooCommerce mağazanızda A/B testlerinin nasıl kolayca oluşturulacağını göreceğiz.

İçindekiler

  • Dönüşüm Oranı Optimizasyon Süreci
  • Nelio A/B Testiyle Kendi A/B Testlerinizi Oluşturun
    • WooCommerce Ürün Özeti Testi
      • Testi Adlandırın ve Varyantları Tanımlayın
      • Dönüşüm Hedeflerini ve Eylemleri Belirtin
      • Opsiyonel olarak Test Trafiği Segmenti
      • Testi Çalıştırın ve Sonuçları Analiz Edin
      • Web Sitesini Elde Edilen Sonuçlara Göre İyileştirin
    • Sayfa Testi
    • Alternatif Düzenleri Deneyin: Menüleri, Şablonları, CSS stillerini ve Temaları Test Edin
  • Çözüm

Dönüşüm Oranı Optimizasyon Süreci

A/B testleri, Dönüşüm Oranı Optimizasyonu veya CRO süreci olarak bilinen daha iddialı bir sürecin parçasıdır. Bu sürecin ne olduğunu ve nelerden oluştuğunu görelim.

Bir ziyaretçi web sitenize her geldiğinde, mağazanızda bir indirim elde etmeniz, bir ürün hakkında daha fazla bilgi istemek için sizinle iletişime geçmeleri veya teklifleri almak için e-posta listenize abone olmaları için bir fırsattır. Ziyaretçi bu eylemlerden herhangi birini gerçekleştirdiğinde, bir “dönüşüm” gerçekleştirmiş olacağız. Mağazanızın temel amacı nedir? Maksimum dönüşüm sayısına ulaşmak veya daha doğrusu, oranın veya dönüşüm oranının (ziyaret sayısına göre elde edilen dönüşüm sayısı) mümkün olduğunca yüksek olması.

Dönüşüm oranını optimize etme süreci bu nedenle aşağıdaki adımlardan oluşur:

  1. Satış huninizin farklı aşamalarında e-ticaretinizin hedeflerini tanımlayın. Örneğin, e-posta listesine abone sayısını artırın, ürün detayına yapılan ziyaretleri artırın, satışları artırın vb.
  2. Web sitesini analiz ederek, önceden tanımlanmış hedeflere ulaşmanızı yavaşlatan veya önleyen şu anda sahip olabileceği sorunları değerlendirin.
  3. İyileştirme için hipotezler oluşturun ve gerçekleştirilecek fikirleri test edin. Örneğin, bir ürünün görselini, açıklamasını ve fiyatını değiştirirseniz daha çekici olacağını ve daha fazla satış yapacağınızı varsayabilirsiniz.
  4. Üretilen fikirlerle A/B testleri oluşturun ve çalıştırın ve etkilerini analiz edin. Yani, şimdiye kadar sahip olduklarınızın bir veya daha fazla varyantını oluşturun, trafiği bölün ve verilere bakın.

Testi çalıştırdıktan sonra, varyantlardan birinin kazanan olup olmadığını göreceksiniz ve çalıştıracağınız nihai tasarımın en iyisi olduğunu kanıtlayarak daha fazla dönüşüm sağladığından emin olacaksınız. Bu noktadan itibaren, 2. maddede oluşturulan fikirlerin her biri ile daha fazla A/B testi oluşturabilirsiniz.

Nelio A/B Testiyle Kendi A/B Testlerinizi Oluşturun

Bu A/B testlerini mağazamızda tek satır kod yazmadan nasıl oluşturuyoruz? Nelio A/B Testi eklentimizi kullanırsanız çok kolay. Test Ekle'ye tıklayın ve mağazanızda çalıştırmak istediğiniz test türünü seçin.

Nelio A/B Testinde test seçici
Nelio A/B Testinde test seçici.

Yukarıdaki resimde de görebileceğiniz gibi, aralarından seçim yapabileceğiniz çok çeşitli testler var. Her biri için yapmanız gerekenler:

  • tanımlamak için testi adlandırın,
  • test etmek istediğiniz varyantları tanımlayın,
  • testin hedeflerini ve dönüşüm eylemlerini belirtin,
  • teste katılan trafiği bölümlere ayırmak isteyip istemediğinizi belirtin,
  • veri toplamak için testi çalıştırın ve
  • Aldığınız sonuçlara göre web sitesini geliştirin.
Nelio A/B Testi ile woo-commerce ürün özetinin A/B Testini tanımlama
Nelio A/B Testi ile WooCommerce ürün özetinin A/B Testini tanımlama

WooCommerce Ürün Özeti Testi

Bir WooCommerce ürün özeti testini nasıl tanımladığınıza bakarak başlayalım, kesinlikle en alakalı test türü ve mağazanızda en etkili sonuçları alabileceğiniz.

WooCommerce Ürün Özeti testinde, satın almaları artırmada hangisinin daha başarılı olduğunu keşfetmek amacıyla bir ürün adı, kısa açıklama, resim ve fiyatın farklı kombinasyonlarını test edersiniz.

Testi Adlandırın ve Varyantları Tanımlayın

Bu tür bir test oluşturmak çok basittir. WooCommerce Ürün Özeti simgesine tıkladıktan sonra, test bilgilerini doldurmanız için test düzenleyici açılır. Testi adlandırın ve ardından bu bileşeni kullanarak test etmek istediğiniz ürünü seçin:

Nelio A/B Testing ile test edilecek WooCommerce ürün özetini seçme
Nelio A/B Testi ile test etmek için WooCommerce ürün özetini seçme.

Seçildikten sonra, seçilen ürünün özetini göreceksiniz. Varsayılan olarak, B varyantınız seçtiğiniz ürünün tam bir kopyası olacaktır, ancak uygun gördüğünüz şekilde ince ayar yapabilirsiniz:

Nelio A/B Testing ile test edilecek seçilmiş özet ürün
Nelio A/B Testi ile test edilecek seçilmiş özet ürün.

Sağlanan alanlara yeni kopyalar yazın veya üzerine tıklayıp medya kitaplığından yeni bir tane seçerek görüntüyü değiştirin. Hatta isterseniz daha fazla varyant ekleyebilirsiniz!

Nelio A/B Testi ile bir WooCommerce ürün özeti testinin varyantını oluşturma
Nelio A/B Testi ile bir WooCommerce ürün özeti testinin varyantını oluşturma.

Dönüşüm Hedeflerini ve Eylemleri Belirtin

WooCommerce ürün özeti testlerinin kesin bir amacı vardır: ziyaretçilerinizin test ettiğiniz ürünü satın almasını sağlamak. Bu durumda, söz konusu ürünü içeren bir siparişin her tamamlandığında bir dönüşüm sayılır.

WooCommerce ürün özeti testinin dönüşüm hedefi
Bir WooCommerce ürün özeti testinin sağır dönüşüm hedefi.

Ancak, mağazanızda mevcut olan herhangi bir başka sipariş durumunu seçerek dönüşüm hedefini değiştirme seçeneğiniz vardır. Bunu yapmak için, açılır listeye tıklayın ve bir dönüşüm olarak sayılması için test edilen ürünü içeren bir siparişin durumunu seçin.

Dönüşüm woocommerce hedefini değiştirme
WooCommerce hedef ayarlarını değiştirme.

Ayrıca Nelio A/B Testinin geliri izlemesini ve bunları test sonuçlarında göstermesini istiyorsanız işaretleyebilir veya işareti kaldırabilirsiniz.

Opsiyonel olarak Test Trafiği Segmenti

Mağazanıza gelen ziyaretçilerin hepsi aynı değildir. Farklı ülkelerden geliyorlar, farklı diller konuşuyorlar, farklı tarayıcılar kullanıyorlar, siteye farklı web sayfalarından erişiyorlar, farklı cihazlar kullanıyorlar ve bir dizi başka ince ve büyük farklar.

Nelio A/B Testi, testinize katılmak istediğiniz bir dizi ortak özelliği kurallar aracılığıyla tanımlayarak bir A/B testine katılmak istediğiniz hedef kitleyi sınırlandırmanıza olanak tanır. Burada bir testte segmentlerin nasıl oluşturulacağı hakkında daha ayrıntılı bilgi bulacaksınız.

Testi Çalıştırın ve Sonuçları Analiz Edin

Test hazır olduğunda, tek yapmanız gereken “Başlat…” düğmesine basmaktır. Premium sürümde, testin başlangıcını belirli bir tarihte planlama seçeneğine sahipsiniz ve ayrıca bir koşul karşılandığında (örneğin belirli bir süre sonra, belirli bir sayıya ulaştıktan sonra) otomatik olarak bitmesini isteyip istemediğinizi belirtebilirsiniz. ziyaretlerin sayısı veya belirli bir güven düzeyine sahip bir kazanan bulunduğunda).

Ve bu kadar! Nelio A/B Testi, web sitenize gelen trafiğin her ziyaretçinin mevcut üç değişkenden birini görmesi için uygun şekilde bölünmesini sağlayacağından, başka hiçbir şey için endişelenmenize gerek yok.

Testi başlattıktan sonra, sonuçlar sayfasında, ilerlemeyi, her alternatif için dönüşüm oranının gelişimini ve orijinal varyantla karşılaştırıldığında iyileştirme derecesini gösteren çeşitli grafikler görebileceksiniz.

Nelio A/B Testi ile WooCommerce ürün özeti A/B testinin dönüşüm oranının gelişimi
Nelio A/B Testi ile bir WooCommerce ürün özeti A/B testinin dönüşüm oranının gelişimi.

Fiyatı takip etmek için işaretlediyseniz, size birikmiş gelirin gelişimini gösteren bir grafiğiniz de vardır.

Nelio A/B Testi ile bir WooCommerce ürün özeti A/B testinin birikmiş gelirlerinin gelişimi
Nelio A/B Testi ile bir WooCommerce ürün özet testinin birikmiş gelirlerinin gelişimi.

Web Sitesini Elde Edilen Sonuçlara Göre İyileştirin

Testin belirli koşullar karşılandığında sona ereceğini belirtmediyseniz, kesin bir kazanan olduğunda (yani en az %90 güven olduğunda) veya olmayacak gibi hissettiğinizde testi durdurun. Bu bilgi her zaman sonuçlar sayfasında bulunur.

A/B testinin dönüşüm oranı
Bir A/B testinin dönüşüm oranı sonuçları.

Kazanan bir varyant varsa ve bu alternatiflerden biriyse, sonuçlar sayfasındaki “Uygula” düğmesine tıklayabilirsiniz ve orijinal ürün özetinin içeriği kazanan varyantın içeriğiyle değiştirilecektir.

Nelio A/B Testi ile WooCommerce ürün özeti testinin sonuçları
Nelio A/B Testi ile WooCommerce ürün özeti testinin sonuçları.

Bu sayede ziyaretçilerinizin tercihlerine göre WooCommerce ürün özetini iyileştirmiş olacaksınız. Artık WooCommerce mağazanızda tüm ürünleriniz için testler oluşturmaya devam edebilir veya aşağıda tartışacağım başka tür testler de oluşturabilirsiniz.

Sayfa Testi

Sayfa testi, WooCommerce mağazanızın ana sayfası gibi web sitenizdeki herhangi bir sayfanın tasarımını ve içeriğini test etmenize ve geliştirmenize olanak tanır.

WooCommerce Mağaza Ana Sayfası Örneği
Bir WooCommerce mağazasının ana sayfası örneği.

Sayfa testi oluşturmak yukarıda gördüğümüz teste benzer. Sayfa simgesine tıklayıp teste tanımlayacak bir isim verdikten sonra, açılır menüden mağazanızın hangi sayfasını test etmek istediğinizi seçmeniz yeterlidir.

A/B testinizde test etmek istediğiniz sayfanın seçimi
A/B testinizde test etmek istediğiniz sayfayı seçin.

Bir veya daha fazla varyant oluşturmak için orijinal sayfayı sitenizde zaten mevcut (ve yayınlanmış) sayfalarla test etmeyi seçebilir veya özellikle bu test için yeni bir varyant oluşturabilirsiniz. İkincisini seçerseniz, yeni varyantlar test edilen sayfanın tam bir kopyası olarak başlayacaktır, ancak tercih ettiğiniz sayfa oluşturucuyu kullanarak bunları istediğiniz gibi değiştirebilirsiniz:

Test varyantı olarak düzenlemek için orijinal sayfanın kopyası
Orijinal sayfanın bir kopyası olan B Varyantını düzenleme.

Örneğin, ana sayfada görüntülediğiniz kapak bloğunu bir medya ve metin bloğuna dönüştürebilir ve sayfayı geliştirmek için gerekli olduğunu düşündüğünüz diğer değişiklikleri yapabilirsiniz.

Orijinal sayfanın kopyasını düzenledikten sonra oluşturulan B Varyantı
Varyant B, orijinal sayfanın kopyasını düzenledikten sonra oluşturulur.

Varyantı kaydettikten sonra, kenar çubuğundaki bağlantıyı kullanarak test sürümüne geri dönün. Ve önceki testte olduğu gibi, ek varyantlar ekleyebilirsiniz.

Dönüşüm hedeflerini ve işlemlerini belirlemek söz konusu olduğunda, bir sayfa testi gerçekleştirirken birçok dönüşüm işlemini kullanabilirsiniz:

  • bir sayfayı, bir gönderiyi veya belirli bir içeriği ziyaret etmek,
  • sayfadaki bir düğmeye veya herhangi bir öğeye tıklamak için,
  • harici bir bağlantıyı ziyaret etmek için,
  • doldurulmuş bir form göndermek,
  • alışveriş sepetine ürün eklemek için,
  • bir ürün satın almak ve/veya
  • özel bir olay meydana gelir.
Dönüşüm hedefini tanımlama: Ürünlerimden herhangi birine olan ilgiyi artırmak
Dönüşüm hedefini tanımlama: Ürünlerimden herhangi birine olan ilgiyi artırın.

Bu sayfada, her bir test türü için farklı dönüşüm işlemlerinin nasıl tanımlanacağı hakkında daha fazla ayrıntı bulacaksınız.

Bu nedenle örneğin bizim durumumuzda ziyaretçilerin ürünlerimize gösterdiği ilgiyi dönüşüm hedefi olarak ve alışveriş sepetine ürün eklemelerini ve bu ürünleri satın almalarını dönüşüm işlemleri olarak belirtebiliriz.

Bir sayfa testinin sonuç sayfası, önceki örneğe çok benzer, ancak bu durumda yalnızca dönüşüm oranına karşılık gelen grafiklere sahip olacağız. Ve daha önce olduğu gibi, kazanan varyantın değişikliklerini tek bir tıklama ile web sitenize uygulayabilirsiniz.

Alternatif Düzenleri Deneyin: Menüleri, Şablonları, CSS stillerini ve Temaları Test Edin

Etkilerini bilmeden radikal stil ve tasarım değişiklikleri yapmadan önce menüler, şablonlar, CSS stilleri için A/B testleri oluşturun, hatta farklı temaları test edin ve müşterileriniz için neyin en başarılı olduğunu analiz edin.

Varyant oluşturma süreci, daha önce gördüklerimize çok benzer. Bir menüyü test etmeniz durumunda, test etmek istediğiniz menüyü seçtikten sonra, menü düzenleyici ile düzenleyebilmeniz ve istediğiniz değişiklikleri yapabilmeniz için orijinal menünün bir kopyası varyant olarak oluşturulacaktır. Benzer şekilde, CSS stil türevlerini düzenlerken, istediğiniz CSS kurallarını eklemeniz için CSS stil düzenleyicisi açılır.

Şablon testleri söz konusu olduğunda, alternatif şablonu daha önce oluşturmuş ve bir varyant olarak seçmiş olmanız gerekir. Ve farklı temaları test etmek için sitenize önceden yüklediğinizden emin olmalısınız.

A/B testinizin sonuçlarını alma sürecinin geri kalanı yukarıdakilere çok benzer, ancak daha fazla ayrıntı için bu tür testlerle ilgili aşağıdaki bağlantıları kontrol etmekten çekinmeyin:

  • Menülerin A/B testleri
  • Şablonların A/B testleri
  • CSS stillerinin A/B testleri
  • Temaların A/B testleri

Çözüm

Tüm web siteleri ve özellikle WooCommerce mağazaları, satışları artırmak için sürekli olarak güncellenmeli ve geliştirilmelidir. A/B testi bunun için en iyi araçtır ve Nelio A/B Testi eklentisi, işlemin başka bir sayfa oluşturmak kadar kolay olması için işinizi kolaylaştırır.

WooCommerce mağazanızı geliştirmek ve satışları artırmak için ne bekliyorsunuz?

Unsplash'ta Abi Schreider tarafından öne çıkan görsel.