Formlarla Sayfalarınızda Denemeniz Gereken A/B Testleri

Birçok web sitesinin en önemli hedeflerinden biri, daha fazla potansiyel müşteri veya abone elde etmektir. Bunu yapmak için, muhtemelen, ziyaretçilerinizin ürünleriniz hakkında daha fazla bilgi talep etmeleri veya bülteninize abone olmaları için sizinle iletişim kurmaları için bir form gösterdiğiniz bir veya daha fazla sayfanız vardır.

Dönüştürme açısından, formlu sayfaların tasarımı ve içeriği kritik olabilir ve bu nedenle, bugün sizinle, dönüşümü optimize etmek için deneyebileceğiniz bazı A/B testi türlerinden örnekler paylaşmak istiyorum. (iletişim kuran veya abone olan ziyaretçiler). Sonraki örneklerde, sayfalardaki formların WordPress ile tam entegre form oluşturma eklentimiz olan Nelio Forms ile oluşturulduğunu göreceksiniz.

Formun Sayfa İçindeki Yeri

Bir sayfada dönüşümü iyileştirmekten bahsettiğimizde, en sık tartışılan noktalardan biri harekete geçirici mesajın yeridir. Amacımız sayfa ziyaretçilerinin bir form doldurmasını sağlamaksa, formunuzu farklı konumlara yerleştirmeye çalışın ve hangisinin sizin için en uygun olduğunu analiz edin. WordPress'teki Nelio A/B Test eklentisi ile böyle bir testi nasıl oluşturacağımıza dair basit bir örnek görelim.

Nelio Unlocker sayfasının (herhangi bir web sayfasını WordPress veya Elementor blok düzenleyicisine dönüştüren eklentimiz) bir testini oluşturmak istediğimizi varsayalım ve böylece formu sayfanın yukarısına yerleştirerek daha fazla ziyaretçinin bizimle iletişime geçip geçmediğini kontrol edelim.

Teste alternatif olarak bir önceki görselde gördüğünüz gibi formu sadece yukarı taşımakla kalmadım, aynı zamanda estetik olarak daha iyi görünmesi için sayfanın alt kısımlarına örneklerin olduğu bölümü yerleştirdim.

Nelio A/B Test eklentisi ile bu testi nasıl yaparız? Önce yeni bir test sayfası oluşturmak istediğinizi seçin:

Teste bir ad verdikten ve test etmek istediğiniz sayfayı seçtikten sonra, varsayılan olarak, oluşturduğunuz her varyant orijinal sayfanın bir kopyasıdır ve istediğiniz değişiklikleri yapmak için düzenleyebilirsiniz.

Nelio A/B Testinin (WordPress'e tamamen entegre bir eklenti olması) en büyük avantajı, varyant değişiklikleri yapmanın blok düzenleyicideki herhangi bir sayfayı düzenlemek kadar kolay olmasıdır. Bu durumda, sadece taşımak istediğiniz sayfanın bloğunu veya bloklarını seçip konumlarını değiştirmeniz yeterlidir.

Gerekli değişiklikleri yaptıktan sonra geriye sadece sayfayı kaydetmek, oluşturduğumuz teste geri dönmek ve testin dönüşüm hedeflerini ve eylemlerini belirtmek kalıyor. Bu örnekte amacımız iletişim formunun doldurulmasını sağlamaktır. "Dönüşüm Hedefleri ve İşlemler" bölümünde, hedefin adını belirtin ve "Form Gönderme" dönüşüm işlemini ekleyin.

Bir önceki resimde görebileceğiniz gibi, bu test için bir dönüşüm işlemi olarak kaydedilmek için gönderilmesi gereken formu seçebileceğiniz bir açılır listeniz var.

Ve bu kadar! Artık testin başlat düğmesine basarak o sayfaya gelen trafiğin yarısının bir alternatifi ve diğer yarısının diğerini görmesini sağlayabilirsiniz. Testin sonuç sayfasında, her bir varyantın ziyaretlerini ve dönüşümlerini izleyebilecek ve böylece hangi seçeneğin en iyi sonucu verdiğini analiz edebileceksiniz.

Doldurulacak Alan Sayısı ve Türü

Hubspot'un 40.000'den fazla sayfayı analiz ettiği bir çalışmada, doldurulması gereken alan sayısının ve her alanın türünün elde ettikleri dönüşüm üzerinde etkisi olduğunu gözlemlediler.

Yukarıdaki grafiklerden, muhtemelen tahmin ettiğiniz gibi, ne kadar az alan doldurulursa, ziyaretçilerin sizinle iletişim kurmasının o kadar kolay olacağını görebilirsiniz. Yine de, formdan aldığınız bilgilerin kalitesini de tartmalısınız: yoldan geçen birinin sizinle iletişime geçmesini istediğinizden emin misiniz, yoksa sadece gerçekten ilgilenen ve size biraz daha bilgi vermeye istekli olanları mı tercih ediyorsunuz? kendileri?

Form alanlarının sayısını ve türünü değiştirerek farklı A/B testleri yapmayı deneyin ve aşağıdaki örnekte görebileceğiniz gibi sizin için en iyi olanı analiz edin:

Böyle bir test oluşturmak için Nelio Forms gibi bir eklenti kullanıyorsanız, ek bir form oluşturmak kadar kolaydır. Form düzenleyicinin, zaten aşina olduğunuz blok düzenleyiciyle hemen hemen aynı olduğunu göreceksiniz:

Ve testin alternatif sayfasını düzenlerken (bunun orijinal sayfanın bir kopyası olduğunu unutmayın), yalnızca sahip olduğunuz formu, mevcut formlar listesinden açılır menüden seçerek oluşturduğunuz yeni formla değiştirmeniz yeterlidir.

Bu durumda, testin dönüşüm hedeflerini ve işlemlerini belirtirken, iki formun gönderimini dönüşüm işlemleri olarak eklemiş olmanız gerektiğini unutmayın. Bu şekilde, bu iki formdan herhangi birinin (testinizin her varyantında bir tane) gönderilmesi bir dönüşüm olarak kaydedilecektir.

Form Etiketleri Nerede Görüntülenir

Birkaç yıl önce Luke Wroblewski'nin bir makalesi, form tasarımında bir referans, alan etiketlerini her alanın üstünde veya solunda görüntülemenin artılarını ve eksilerini karşılaştırdı.

Bir önceki örnekte fark ettiyseniz, çok alanlı dikey formların sorunlarından biri de çok fazla yer kaplayabilmeleridir. Deneyebileceğiniz ve benim şahsen formları çok temiz yapan alternatiflerden biri, alan etiketlerini ayrı varlıklar olarak göstermemek ve bunun yerine onlara bir yer tutucu yazmaktır.

Nelio Forms kullanıyorsanız, etiketlerin gizlenmesi gerektiğini alan ayarlarında belirtmek kadar kolaydır ve ardından uygun yer tutucuyu yazmanız yeterlidir:

Bu şekilde, formun yüksekliğini azaltmış olacaksınız ve kullanıcı her bir alana ne yazacağını kolayca görecektir.

Düğme Metni ve Rengini Gönder

Farklı renkleri ve farklı harekete geçirici mesaj metinlerini test etmek de dönüşümü iyileştirmek için çok popüler bir test türüdür. Size şu veya bu rengin daha iyi çalıştığını veya mesajın şöyle olması gerektiğini söyleyen insanlar bulacaksınız… ancak bizim tavsiyemiz, ziyaretçilerinizin en çok neyi beğendiğini test etmek ve onaylamaktır. Web sitelerimizden birinde tam olarak bunu yaptık, farklı düğme renklerini test ettik ve bizim için en iyi olanı gördük.

Blok düzenleyiciye tam olarak entegre olan Nelio Forms gibi bir eklenti kullanılması durumunda, test etmek istediğiniz alternatifler kadar çok form oluşturmanız yeterlidir, her biri sizin için renk, stil ve düğme metni ile aynıdır. Bunu yapmak, herhangi bir sayfada veya gönderide yaptığınız gibi, orijinal formu kopyalamak ve düğmenin özelliklerini değiştirmek kadar kolaydır.

Veri Gizliliği Hakkında Bilgi

Son olarak, formlarla yapabileceğiniz başka bir test, topladığınız verilerin gizliliği hakkında farklı ifadeler denemek ve bunun ne gibi bir etkisi olduğunu görmek. İnsanlar spam olarak gönderilmek istemez, bu nedenle güven oluşturmak için üçüncü taraflarla herhangi bir veri paylaşmayacağınızı açıkça vurgulamanıza yardımcı olabilir.

Farklı stiller içeren farklı alternatif ifadeler deneyin ve alternatiflerin her birinin sahip olabileceği etkiyi analiz edin.

Çözüm

Bugün, dönüşüm oranlarını artırmak için iletişim formları olan sayfalarda test edebileceğiniz bazı fikirleri paylaşmak istedik. Ne kadar öneri bulursanız bulun, yalnızca bir A/B testi yaptıktan sonra web sitenizde en iyi neyin işe yaradığını kesin olarak bilebileceğinizi unutmayın: ister sayfa içindeki formun konumunu değiştiriyor, ister farklı form içeriklerini test ediyor olsun, birkaç tane çalıştırın. test edin ve nasıl daha fazla potansiyel müşteri, abone veya müşteri elde edebileceğinizi görün.

Form oluşturmak için Nelio Forms ve A/B testleri gerçekleştirmek için Nelio A/B Testi gibi yerel WordPress eklentileri kullanıyorsanız, formları olan sayfaları test etmek hiç bu kadar kolay olmamıştı!

Robert Anasch tarafından Unsplash'ta öne çıkan görsel.