Divi kullanılarak inşa edilen 5 sayfa yüksek dönüşüm yönü
Divi 100 maratonumuzun 10. gününe hoş geldiniz. Bu serinin son gününde Divi 3.0’ın muhteşem sürümünü geri saydığımızda Divi’nin olağanüstü kaynaklarının 100 gününü takip etmeye devam edin!
Etkili bir yön sayfası oluşturmak kolay değildir ve bunu yapmak için birçok öğeyi uygun şekilde almanız gerekir. Tasarım cazip olmalı, düzenin satmaya çalıştığınız ürünleri veya hizmetleri vurgulaması gerekiyor ve kopya, insanları çabalarından parayla size güvenmeye ikna etmek için doğru olmalı. Tüm bunları çekmeyi başarsanız bile, etkili bir şekilde yapın ve yüksek düzeyde dönüşüm sürdürmeyi başarmak başka bir sorundur.
Kopya tamamen size kalmış olsa da, tasarım ve düzen açısından size yardımcı olabiliriz – veya daha özel olarak, Divi teması olabilir. Üstün temamızla, Divi Builder’ı kullanarak güzel bir yön sayfası oluşturabilecek ve A/B testi için Divi Leads araçlarını kullanarak dönüşüm için optimize edebileceksiniz. Bu yazıda, yüksek düzeyde dönüşüm elde etmek için tüm doğru kutuları kontrol ettiğini düşündüğümüz Divi ile yapılan beş sayfa talimatları göreceğiz. Başlayalım! Divi girişi kullanılarak yeniden inşa edilen 5 sayfa yüksek dönüşüm yönü, divi teması kullanılarak yeniden inşa edilen bir arka sayfadır ve her biri siteyi fantastik yapan şeyin farklı bir yönünü vurgular.
Ne yazık ki, bu sayfa için belirli bir dönüşüm numarası alamayız, çünkü bilgiler herkese açık değildir. Bununla birlikte, bu kaliteyle, bu sayfanın işlevi dönüştürmeye kadar tamamlamaktan çekinmiyoruz. Yani, daha fazla uzatmadan, bir numaraya bakalım. 1. Dönüşüm Laboratuvarı DönüştürmeLab’a aşina olabilir, çünkü bu zarif tema müşteri ekranında görüntülenen sitelerden biridir. Bu, artı adına “dönüşüm” kelimesine sahiptir, doğal olarak onu divi yön sayfalarımızın örnekleri listesine koymayı önceki seçim haline getirir. Sanki yeterli meta değilmiş gibi, dönüşümsel uzmanlık alanı, yönün yönünün yönünün dönüştürülmesiydi ve beklediğiniz gibi deneyimleri parlıyor. Bu raf sayfası, neden ve nasıl gibi parçalara sahip kısa bir navigasyon çubuğu ile başlar, ayrıca köşedeki çekici bir aksiyon davetiyesi ile başlar. Aşağıda, arka plan görüntüsünde iyi bir elle yazılmış parça içeren, şu anda sıradan olan tam geniş bir gölgelik bulunmaktadır – sürece kişisel bir dokunuş katan küçük bir ayrıntı. Navigasyon tarafı, yönün yönünün ne kadar sürdüğü göz önüne alındığında, fantastik bir ektir. Bu, ziyaretçilere klavyelerini kullanmadan sayfada yukarı ve aşağı gitmek için kolay yönteme (nokta) verir. Ayrıca, açıklama modülü burada renkli simgeler ve kısa açıklamalar ile olağanüstü efektler için kullanılır.
Ayrıca, her iki tarafta da, tam geniş parçalarla çevrili, sitenin biraz daha etkileşimli görünmesini sağlayan iyi bir yüzde hesaplaması dahil olmak üzere, güçlü bir alıntı ile kullanılan referans modülünü görüyoruz. Belki de tüm sayfaların en sevdiğimiz kısmı, hareket etmek için birçok davetiyeden birini tıkladıktan sonra görünen iletişim formudur. Bu, sağdan kayan ince taraftır ve doldurduğunuzda siteyi keşfetmeye devam etmenizi sağlar – böylece müşterilerin soru sormak için yön sayfasını terk etmelerine gerek yoktur. Sadece bu değil, bu, bültene kaydolma seçeneğini de içerir, bu nedenle bu da potansiyel müşterileri toplamak için işlev görür! 2. DeTine Sağlığı
Devine Wellness ile başlayalım – iyi bir ‘sertifikalı organik’ örneği. Devine Wellness, süper probiyotik bir gıda olan sitenin ve ürünlerinin adıdır. Ne anlama geldiğinden emin değilim çünkü önümde ne varsa yemeyi tercih ediyorum, ama etkileyici geliyor. Diyetiniz hakkında tavsiye almak için zarif temalar blogunda olmadığınız için tasarım yönlerine odaklanalım. Devine Wellness Divi kullanılarak inşa edildi ve bu iyi sayfaların harika bir örneğidir. Bu, zıt renklerin kullanımı ile hemen dikkatinizi çeker ve tam geniş paralaks başlıklarına sahip ürünlerle ilgilenmenizi sağlar. Sonra karar vermediyseniz daha fazla bilgi ile güçlü davranma davetine dönün.
Home ayrıca ilk özel simgeler kullanan bulanıklık ve referans modüllerini kullanır ve ikincisi bazı sağlam kişisel hikayeler içerir. Referanslar açısından, zemin sayfasında bazı güçlü örnekler vermenin, içinde boğulmaktan daha iyi bir etkiye sahip olabileceğinizi düşünüyoruz. Ardından, sayfa ayrıca ürün malzemelerinin kısa bir listesini görüntüler. Bu, daha fazla ilgili soru içeren modül modülü ile vurgulanır, böylece tüm parçalar baştan itibaren şişmiş hissetmez (sıklıkla yön yönünde). Bunu tamamlamak için, bu site bir Divi ve basit bir iletişim formu, daha fazla potansiyel müşteri toplamak veya müşteri sorularını cevaplamak için mükemmeldir. 3. Kutu Boxite, sayfaların özlü (ancak etkili) bir sembolüdür. Sadece bu aracın ana özellikleri hakkında bilgi vermek yerine çiçekli açıklamalarla zaman kaybetmez. Tabii ki, WordPress ve Dropbox’a tamamen aşina olup olmadığınızı anlamak oldukça kolaydır. Bununla birlikte, bu hala sayfaların genellikle bilgilerle nasıl dolu olduğunu – özellikle de kutular gibi satışlar için tasarlanmış olanlar göz önüne alındığında hala cesur bir seçimdir.
Bu sayfa, basit bir kutu logosuna sahip sabit bir navigasyon çubuğu görüntüler, ardından üç basit simge kullanarak tüm ürünleri başarıyla özetleyen tam geniş bir başlık izler. Ana özellik bölümü, özel bir simgeye sahip açıklama modülüdür ve bir ürün satın almak için harekete geçme davetiyle öldürmeye girmeden önce demo bölümü (sizi hizmete bağlamak için basit bir iletişim formu kullanılarak) takip eder. Tekrarlayan açıklamaların eksikliği, kutudaki insanları takdir etmenizi sağlamak için yeterli değil gibi, uygulamalarını yükleme sürecinde size rehberlik etmek için her şeyi öğretim videosu ile sarıyorlar. Pierce Bivens
Listemizdeki diğer girişlerin aksine, Pierce Bivens bir iş, hizmet veya ürün değildir. Kauai’den on iki yıllık mucizevi bir çocuktur ve sitesi iyi bir avluya iyi bir örnektir (artı, çocuk kulakta çok kötü değildir). Bu site iyi bir yeşil ve turuncu palet kullanıyor (Pierce albümünün tasarımıyla eşleşen) ve albümün kendisi, çok kısa bir aksiyon davetini içeren tam geniş bir başlığın özüdür. Aşağı doğru, bu site gömülü ses ve video modüllerini içerir (müzik web sitesinden beklediğiniz gibi) ve her şeyi basit bir posta listesi kaydı ve bir dizi sosyal medya simgesiyle sardı. Hepsi çok temel şeyler, ama divi kullanarak her şey çok iyi görünüyor.
5. Alfa’ya 28 Gün
Alpha’ya 28 gün daha geleneksel bir yön sayfasının bir örneğidir ve daha erkeksi bir halk için açıkça tasarlanmıştır – eğer James Bond’dan esinlenen program başlığı ve arka planı açıklığa kavuşturmak için yeterli değilse. Bu yön sayfası, kontrastı iyi kullanan bir başlık ile açıktır ve ardından ürünün belirtildiği yayınların bir listesi ile açıktır. Bunu, dört özel sıra ve simge ile geleneksel bir divi bulanık modülü, ayrıca bilgi paragrafı arasında bir desen oluşturmak için iyi kalın harflerin kullanılması izledi. Direktif sayfasının geri kalanı çoğunlukla kitabın yakınında, okuma akışını kolaylaştırmak için ters tarafta metin ve görüntü satırları ile, hepsi önemli bir eylem davetine yol açıyor – ki bu böyle olan ziyaretçiler için kolay olmalı uzak. Alpha Design to Alpha Design’a her zaman Divi temasına dahil edilen birçok gelişmiş özellik kullanmasa da (açıklama, gölgelik ve referansların yanı sıra), geleneksel yön sayfalarını iyileştirmek istiyorsanız iyi bir başlangıç noktası olarak işlev görür. Divi deneyimine sahip en zarif tema okuyucularının benzer yön sayfalarını hızlı bir şekilde derleyebileceğinden eminiz, ancak neden temel formatı geliştirmek için kişisel dokunuşunuzu eklemiyorsunuz? Bir sonraki güncellemenize zaman gençleştirme ekleyin, fiyat tablosundan yararlanın veya bir video kaydırma ekleyin. Gökyüzü, limittir!
Sonuç Yüksek dönüştürülmüş bir yön sayfası oluşturmak bir sanat formudur ve eğer deneyecekseniz, başarılı olmak için ihtiyacınız olan tüm araçlarla da çok deneyebilir ve kendinizi silahlandırabilirsiniz. Basit bir divi sürükle ve bırak üreticisi ve A/B test aracı ile, yön sayfanızı diğerlerinden öne çıkarmak için ihtiyacınız olan her şeye sahipsiniz. Aslında, Divi kullanarak yön sayfaları oluşturmaya başlamanıza yardımcı olacak bir dizi makalemiz var. Arşivimizi bölün: Dönüşüm tasarımında WordPress ve Divi uçlarıyla ustalaşmak.
Üç temel prensip kullanarak web sitenizin dönüşüm seviyesini artırın. A/B testi dönüşüm seviyenizin hızla artmasına neden oldu mu? Aşağıdaki yorumlar bölümünde abone olun ve numaranızı bizimle paylaşın! Filborg / Shutterstock.com tarafından Makale Küçük Resim
Divi 100 Gün 10 Divi 3.0’a Geri Dön bu yazı Divi 100 Maratonumuzun bir parçasıdır. Arka arkaya 100 gün boyunca ücretsiz bir divi kaynağı yayınladığımızda takip etmeye devam edin! REACT kullanarak aşağıdan yukarıya inşa edilmiş yeni görsel düzenleyicimiz de dahil olmak üzere Divi 3.0 oyununu değiştiren bir sürümle sona erecek. Divi 3.0 sonsuza dek Divi Builder ile bir web sitesi oluşturma şeklinizi değiştirecek! Geri sayım başlasın.
Divi 3.0 hakkında daha fazla bilgi edinin
