Cara Membuat Tes A/B di WooCommerce Anda

Diterbitkan: 2022-09-08

Tes A/B adalah alat terbaik untuk meningkatkan toko WooCommerce Anda. Singkatnya, pengujian A/B terdiri dari, berdasarkan hipotesis peningkatan, mengusulkan perubahan pada situs web Anda. Misalnya, ubah halaman beranda untuk menampilkan informasi relevan tertentu dengan lebih baik, ubah deskripsi, gambar, dan harga produk untuk melihat mana yang mendapatkan penjualan lebih banyak atau ubah tema secara radikal agar lebih menarik, dll.

Selanjutnya, lalu lintas harus dibagi sehingga separuh pengunjung melihat versi asli dan separuh lainnya melihat versi yang diubah. Dengan cara ini Anda dapat menganalisis apakah perubahan itu bekerja lebih baik daripada yang Anda lakukan sebelumnya.

Gambar yang menggambarkan cara kerja pengujian A/B: lalu lintas dibagi dan setiap segmen melihat satu varian, lalu kami memeriksa varian mana yang mendapat lebih banyak konversi
Dalam bentuknya yang paling sederhana, pengujian A/B mengusulkan untuk membagi lalu lintas ke situs secara acak menjadi dua kelompok sehingga 50% pengunjung melihat desain A sementara 50% lainnya melihat desain B. Dengan memantau bagaimana reaksi pengguna di setiap grup, kami dapat menghitung tingkat konversi setiap grup dan, jika ada perbedaan yang signifikan secara statistik di antara keduanya, menyatakan desain pemenang.

Jika Anda memiliki toko WooCommerce, menjalankan pengujian A/B dapat membantu Anda meningkatkan situs web Anda dalam banyak cara:

  • Tingkatkan pengalaman pengguna berdasarkan preferensi mereka dan ketahui elemen visual mana (gambar, video, desain, font, warna, dll.) yang lebih menarik bagi mereka.
  • Kurangi biaya akuisisi pelanggan dengan meningkatkan konten dengan judul, teks, dan deskripsi yang menjawab pertanyaan yang mungkin dimiliki prospek Anda.
  • Kurangi tingkat pengabaian dengan membandingkan gaya pendaratan yang berbeda, sepenuhnya mengubah tema, menu, atau elemen lainnya.
  • Tingkatkan tingkat konversi dengan meningkatkan penjualan dan pendapatan dengan memastikan bahwa produk Anda menarik dan menarik bagi pengunjung Anda.

Dalam posting ini kita akan melihat cara mudah membuat tes A/B di toko WooCommerce Anda.

Daftar isi

  • Proses Pengoptimalan Tingkat Konversi
  • Buat Pengujian A/B Anda Sendiri Dengan Pengujian A/B Nelio
    • Tes Ringkasan Produk WooCommerce
      • Beri Nama Tes dan Tentukan Variannya
      • Tentukan Sasaran dan Tindakan Konversi
      • Secara opsional, Segmen Lalu Lintas Uji
      • Jalankan Tes dan Analisis Hasilnya
      • Tingkatkan Website Sesuai Hasil Yang Didapat
    • Tes Halaman
    • Coba Tata Letak Alternatif: Menu Uji, Template, gaya CSS, dan Tema
  • Kesimpulan

Proses Pengoptimalan Tingkat Konversi

Pengujian A/B adalah bagian dari proses yang lebih ambisius yang dikenal sebagai Pengoptimalan Tingkat Konversi atau proses CRO . Mari kita lihat apa proses ini dan terdiri dari apa.

Setiap kali pengunjung datang ke situs web Anda, ini adalah kesempatan bagi Anda untuk mendapatkan penjualan di toko Anda, bagi mereka untuk menghubungi Anda untuk meminta informasi lebih lanjut tentang suatu produk, atau berlangganan milis Anda untuk menerima penawaran. Ketika pengunjung melakukan salah satu tindakan ini, kami akan mencapai "konversi." Apa tujuan utama toko Anda? Untuk mencapai jumlah konversi maksimum, atau lebih tepatnya, rasio atau tingkat konversi (jumlah konversi yang dicapai sehubungan dengan jumlah kunjungan) setinggi mungkin.

Proses optimasi rasio konversi, dengan demikian, terdiri dari langkah-langkah berikut:

  1. Tentukan tujuan e-niaga Anda dalam berbagai fase saluran penjualan Anda. Misalnya, menambah jumlah pelanggan ke milis, meningkatkan kunjungan ke detail produk, meningkatkan penjualan, dll.
  2. Analisis situs web, menilai masalah apa yang mungkin saat ini memperlambat atau mencegah Anda mencapai tujuan yang ditentukan sebelumnya.
  3. Menghasilkan hipotesis untuk perbaikan dan menguji ide-ide yang akan dilakukan. Misalnya, Anda mungkin berhipotesis bahwa, jika Anda mengubah gambar, deskripsi, dan harga suatu produk, itu akan lebih menarik dan Anda akan mendapatkan lebih banyak penjualan.
  4. Buat dan jalankan pengujian A/B dengan ide yang dihasilkan dan analisis dampaknya. Artinya, buat satu atau lebih varian dari apa yang Anda miliki sampai sekarang, pisahkan lalu lintas, dan lihat datanya.

Setelah menjalankan pengujian, Anda akan melihat apakah salah satu varian telah menjadi pemenang dan Anda akan yakin bahwa desain akhir yang akan Anda jalankan telah terbukti menjadi yang terbaik, sehingga menghasilkan lebih banyak konversi. Dari titik ini, Anda dapat membuat lebih banyak pengujian A/B dengan setiap ide yang dihasilkan di poin 2.

Buat Pengujian A/B Anda Sendiri Dengan Pengujian A/B Nelio

Bagaimana kami membuat pengujian A/B ini di toko kami tanpa menulis satu baris kode pun? Sangat mudah jika Anda menggunakan plugin Nelio A/B Testing kami. Cukup klik Add Test dan pilih jenis tes yang ingin Anda jalankan di toko Anda.

Selektor uji dalam Pengujian A/B Nelio
Pemilih pengujian dalam Pengujian A/B Nelio.

Seperti yang Anda lihat pada gambar di atas, Anda memiliki berbagai macam tes untuk dipilih. Untuk masing-masing dari mereka, Anda harus:

  • beri nama tes untuk mengidentifikasinya,
  • tentukan varian yang ingin Anda uji,
  • tentukan tujuan dan tindakan konversi pengujian,
  • tentukan apakah Anda ingin mengelompokkan lalu lintas yang berpartisipasi dalam pengujian,
  • menjalankan tes untuk mengumpulkan data, dan
  • perbaiki situs web sesuai dengan hasil yang Anda dapatkan.
Mendefinisikan A/B Test ringkasan produk woo-commerce dengan Nelio A/B Testing
Mendefinisikan A/B Test dari ringkasan produk WooCommerce dengan Nelio A/B Testing

Tes Ringkasan Produk WooCommerce

Mari kita mulai dengan melihat bagaimana Anda mendefinisikan tes ringkasan produk WooCommerce , tentu saja jenis tes yang paling relevan dan yang dengannya Anda bisa mendapatkan hasil yang paling berdampak di toko Anda.

Dalam tes Ringkasan Produk WooCommerce, Anda menguji berbagai kombinasi nama produk, deskripsi singkat, gambar, dan harga, dengan tujuan menemukan mana yang lebih berhasil dalam mendorong pembelian.

Beri Nama Tes dan Tentukan Variannya

Membuat jenis tes ini sangat sederhana. Setelah mengklik ikon Ringkasan Produk WooCommerce, editor pengujian terbuka untuk Anda mengisi info pengujian. Beri nama pengujian lalu pilih produk yang ingin Anda uji menggunakan komponen ini:

Memilih ringkasan produk WooCommerce untuk diuji dengan Nelio A/B Testing
Memilih ringkasan produk WooCommerce untuk diuji dengan Nelio A/B Testing.

Setelah dipilih, Anda akan melihat ringkasan produk yang dipilih. Secara default, varian B Anda akan menjadi salinan persis dari produk yang Anda pilih, tetapi Anda dapat mengubahnya sesuai keinginan Anda:

Produk ringkasan terpilih untuk diuji dengan Nelio A/B Testing
Produk ringkasan terpilih untuk diuji dengan Nelio A/B Testing.

Tulis salinan baru di bidang yang disediakan atau ubah gambar dengan mengkliknya dan memilih yang baru dari perpustakaan media. Anda bahkan dapat menambahkan lebih banyak varian jika Anda mau!

Membuat varian pengujian ringkasan produk WooCommerce dengan Pengujian A/B Nelio
Membuat varian pengujian ringkasan produk WooCommerce dengan Pengujian A/B Nelio.

Tentukan Sasaran dan Tindakan Konversi

Tes ringkasan produk WooCommerce memiliki tujuan implisit: untuk membuat pengunjung Anda membeli produk yang Anda uji. Dalam hal ini, konversi dihitung setiap kali pesanan yang berisi produk tersebut diselesaikan.

Sasaran konversi dari tes ringkasan produk WooCommerce
Sasaran konversi default dari tes ringkasan produk WooCommerce.

Namun, Anda memiliki opsi untuk mengubah sasaran konversi dengan memilih status pesanan lain yang tersedia di toko Anda. Untuk melakukan ini, cukup klik pada daftar tarik-turun dan pilih status pesanan yang berisi produk yang diuji agar dapat dihitung sebagai konversi.

Mengubah sasaran konversi woocommerce
Mengubah pengaturan sasaran WooCommerce.

Anda juga dapat mencentang atau menghapus centang, jika Anda ingin Nelio A/B Testing melacak pendapatan dan menampilkannya di hasil pengujian.

Secara opsional, Segmen Lalu Lintas Uji

Pengunjung toko Anda tidak semuanya sama. Mereka berasal dari negara yang berbeda, berbicara bahasa yang berbeda, menggunakan browser yang berbeda, mengakses situs dari halaman web yang berbeda, menggunakan perangkat yang berbeda, dan sejumlah perbedaan halus dan utama lainnya.

Pengujian A/B Nelio memungkinkan Anda membatasi audiens yang ingin Anda ikuti dalam pengujian A/B dengan menetapkan serangkaian karakteristik umum yang ingin Anda ikuti dalam pengujian melalui aturan. Di sini Anda akan menemukan informasi lebih detail tentang cara membuat segmen dalam pengujian.

Jalankan Tes dan Analisis Hasilnya

Setelah tes siap, yang harus Anda lakukan adalah menekan tombol “Start…”. Dengan versi premium, Anda memiliki opsi untuk menjadwalkan awal tes pada tanggal tertentu dan Anda juga dapat menentukan apakah Anda ingin menyelesaikannya secara otomatis ketika beberapa kondisi terpenuhi (misalnya setelah jangka waktu tertentu, setelah mencapai angka tertentu kunjungan atau ketika pemenang dengan tingkat kepercayaan tertentu telah ditemukan).

Dan itu saja! Anda tidak perlu khawatir tentang hal lain, karena Pengujian A/B Nelio akan memastikan bahwa lalu lintas yang datang ke situs web Anda dibagi dengan benar sehingga setiap pengunjung melihat salah satu dari tiga varian yang tersedia.

Setelah memulai pengujian, pada halaman hasil Anda akan dapat melihat berbagai grafik yang menggambarkan kemajuannya, evolusi tingkat konversi untuk setiap alternatif, dan tingkat peningkatan yang telah dibandingkan dengan varian aslinya.

Evolusi tingkat konversi pengujian A/B ringkasan produk WooCommerce dengan Pengujian A/B Nelio
Evolusi tingkat konversi pengujian A/B ringkasan produk WooCommerce dengan Pengujian A/B Nelio.

Jika Anda telah menandai untuk melacak harga, Anda juga memiliki grafik yang menunjukkan evolusi akumulasi pendapatan.

Evolusi akumulasi pendapatan dari pengujian A/B ringkasan produk WooCommerce dengan Pengujian A/B Nelio
Evolusi akumulasi pendapatan dari pengujian ringkasan produk WooCommerce dengan Nelio A/B Testing.

Tingkatkan Website Sesuai Hasil Yang Didapat

Jika Anda belum menentukan bahwa tes harus berakhir ketika kondisi tertentu terpenuhi, hentikan tes ketika ada pemenang yang jelas (yaitu setidaknya ada kepercayaan 90%) atau ketika Anda merasa tidak akan ada pemenang. Informasi ini selalu tersedia di halaman hasil.

Rasio konversi pengujian A/B
Hasil rasio konversi dari pengujian A/B.

Jika ada varian pemenang dan itu salah satu alternatifnya, Anda bisa mengklik tombol “Terapkan” di halaman hasil dan isi ringkasan produk asli akan diganti dengan isi varian pemenang.

Hasil pengujian ringkasan produk WooCommerce dengan Pengujian A/B Nelio
Hasil pengujian ringkasan produk WooCommerce dengan Pengujian A/B Nelio.

Dengan cara ini, sesuai dengan preferensi pengunjung Anda, Anda akan meningkatkan ringkasan produk WooCommerce. Sekarang, di toko WooCommerce Anda, Anda dapat terus membuat pengujian untuk semua produk Anda atau Anda juga dapat membuat jenis pengujian lain yang saya bahas di bawah ini.

Tes Halaman

Pengujian halaman memungkinkan Anda menguji dan meningkatkan desain dan konten halaman mana pun di situs web Anda, seperti halaman beranda toko WooCommerce Anda.

Contoh Halaman Beranda Toko WooCommerce
Contoh halaman beranda toko WooCommerce.

Membuat pengujian halaman mirip dengan pengujian yang telah kita lihat di atas. Setelah mengklik ikon halaman dan memberi tes nama untuk mengidentifikasinya, Anda hanya perlu memilih halaman toko mana yang ingin Anda uji dari menu drop-down.

Pilihan halaman yang ingin Anda uji dalam pengujian A/B Anda
Pilih halaman yang ingin Anda uji dalam pengujian A/B Anda.

Untuk membuat satu atau beberapa varian, Anda dapat memilih untuk menguji halaman asli terhadap halaman yang sudah ada (dan dipublikasikan) di situs Anda, atau membuat varian baru untuk pengujian ini secara khusus. Jika Anda memilih yang terakhir, varian baru akan dimulai sebagai salinan persis dari halaman yang diuji, tetapi Anda dapat mengubahnya sesuka Anda menggunakan pembuat halaman pilihan Anda:

Salinan halaman asli untuk diedit sebagai varian kuis
Mengedit Varian B yang merupakan salinan dari halaman asli.

Jadi, misalnya, Anda dapat mengubah blok sampul yang Anda tampilkan di halaman beranda menjadi blok media dan teks dan membuat perubahan lain yang Anda rasa perlu untuk meningkatkan halaman.

Varian B dibuat setelah mengedit salinan halaman asli
Varian B dibuat setelah mengedit salinan halaman asli.

Setelah menyimpan varian, kembali ke edisi pengujian menggunakan tautan di bilah sisi. Dan seperti pada pengujian sebelumnya, Anda dapat menambahkan varian tambahan.

Saat menentukan tujuan dan tindakan konversi, banyak tindakan konversi tersedia untuk Anda saat melakukan pengujian halaman:

  • untuk mengunjungi halaman, postingan, atau konten tertentu,
  • untuk mengklik tombol atau elemen apa pun di halaman,
  • untuk mengunjungi tautan eksternal,
  • menyerahkan formulir yang telah diisi,
  • untuk menambahkan produk ke keranjang belanja,
  • untuk membeli produk, dan/atau
  • peristiwa kustom terjadi.
Menentukan sasaran konversi: meningkatkan minat pada salah satu produk saya
Menentukan sasaran konversi: meningkatkan minat pada salah satu produk saya.

Di halaman ini, Anda akan menemukan detail selengkapnya tentang cara menentukan tindakan konversi yang berbeda untuk setiap jenis pengujian.

Jadi, misalnya, dalam kasus kami, kami dapat menentukan sebagai sasaran konversi minat yang ditunjukkan oleh pengunjung pada produk kami, dan sebagai tindakan konversi bahwa mereka menambahkan produk ke keranjang belanja dan bahwa mereka membeli produk ini.

Halaman hasil pengujian halaman sangat mirip dengan contoh sebelumnya, meskipun dalam kasus ini kita hanya akan memiliki grafik yang sesuai dengan tingkat konversi. Dan seperti sebelumnya, Anda dapat menerapkan perubahan varian pemenang ke situs web Anda dengan satu klik.

Coba Tata Letak Alternatif: Menu Uji, Template, gaya CSS, dan Tema

Sebelum membuat perubahan gaya dan desain yang radikal tanpa mengetahui dampaknya, buat pengujian A/B dari menu, template, gaya CSS, atau bahkan uji tema yang berbeda dan analisis apa yang paling berhasil dengan pelanggan Anda.

Proses pembuatan varian sangat mirip dengan apa yang telah kita lihat. Dalam kasus pengujian menu, setelah Anda memilih menu yang ingin Anda uji, salinan menu asli akan dibuat sebagai varian sehingga Anda dapat mengeditnya dengan editor menu dan membuat perubahan yang Anda inginkan. Demikian pula, saat mengedit varian gaya CSS, editor gaya CSS akan terbuka bagi Anda untuk menambahkan aturan CSS apa pun yang Anda inginkan.

Dalam hal pengujian template, Anda harus membuat template alternatif sebelumnya dan memilihnya sebagai varian. Dan untuk menguji tema yang berbeda, Anda harus memastikan bahwa Anda telah menginstalnya sebelumnya di situs Anda.

Proses selanjutnya untuk mendapatkan hasil pengujian A/B Anda sangat mirip dengan yang di atas, tetapi jangan ragu untuk memeriksa tautan berikut pada jenis pengujian ini untuk detail selengkapnya:

  • Tes A/B menu
  • Pengujian template A/B
  • Tes A/B dari gaya CSS
  • Tes tema A/B

Kesimpulan

Semua situs web, dan terutama toko WooCommerce, harus terus diperbarui dan ditingkatkan untuk meningkatkan penjualan. Pengujian A/B adalah alat terbaik untuk ini, dan plugin Pengujian A/B Nelio memudahkan Anda sehingga prosesnya semudah membuat halaman lain.

Apa yang Anda tunggu untuk meningkatkan toko WooCommerce Anda dan meningkatkan penjualan?

Gambar unggulan oleh Abi Schreider di Unsplash.