- Görsel editör, pazarlama ekiplerinin kod yazmadan veya geliştiricileri beklemeden A/B test varyasyonları oluşturmasını sağlar — ancak araçlar arasında editör kalitesi dramatik şekilde değişir.
- Varify.io güvenilir bir görsel editörü AI destekli özelliklerle birleştirir: AI CRO denetimleri test hipotezleri üretir, AI varyant önerileri oluşturur — artı kod modu, GA4 entegrasyonu ve €149/ay'dan başlayan sabit fiyatlandırma.
- Asıl fark edici nokta bir aracın görsel editöre sahip olup olmaması değil — editörün senin gerçek sitende çalışıp çalışmaması. Dinamik içerik, SPA'lar, lazy loading ve shadow DOM öğeleri çoğu görsel editörü bozar.
- Bu rehber 9 CRO aracını özellikle görsel editör güvenilirliği, WYSIWYG doğruluğu, desteklenen öğe türleri ve modern web sitelerindeki gerçek dünya performansı açısından karşılaştırır.
Her A/B testing aracı görsel editöre sahip olduğunu iddia eder. Pazarlama sayfasında büyülü görünür: bir öğeye tıkla, metni değiştir, testi yayınla. Gerçekte ise, birçok görsel editör dinamik içerikte bozulur, sayfa yenilendikten sonra hayatta kalmayan CSS üretir veya asenkron yüklenen öğeleri seçemez.
Geliştirici desteği olmayan pazarlama ekipleri için görsel editör olsa da olur türünde bir şey değil — aracın ta kendisi. Editör senin sitende çalışmıyorsa, araç işe yaramaz. Bu rehber CRO platformlarını özellikle editör kalitesi açısından değerlendirir, özellik listelerine göre değil — çünkü 200 özelliği olan ama editörü bozuk bir araç, 20 özelliği olan ama editörü gerçekten çalışan bir araçtan daha değersizdir.
İyi bir görsel editörü ne yapar — ve çoğunu ne bozar
Görsel editör, web sitenizi bir iframe'de yükler ve öğeleri işaret etmenize, tıklamanıza ve değiştirmenize olanak tanır. Konsept basittir. Karmaşıklık istisnai durumlarda ortaya çıkar:
Dinamik içerik (SPA'lar, React, Vue). Modern web siteleri statik HTML sunmaz. İçerik dinamik olarak yüklenir, istemci tarafında render edilir ve sayfa yenilemesi olmadan güncellenir. Yalnızca statik DOM'u anlayan görsel editörler, genellikle ilk sayfa yüklemesinden sonra render olan öğeleri seçemez veya değiştiremez. En iyi editörler, seçime izin vermeden önce DOM'un stabilleşmesini bekler.
Lazy-load edilen öğeler. Görüntüler, ürün kartları ve scroll ile yüklenen fold-altı içerikler, yalnızca ilk sayfa durumunu tarayan editörler için görünmezdir. Sayfada doğal olarak scroll yapmanıza ve etkileşim kurmanıza olanak tanıyan bir editöre ihtiyacınız var.
CSS özgüllük çakışmaları. Görsel editörde bir öğenin rengini değiştirdiğinizde, CSS enjekte eder. Sitenizin mevcut CSS'i yüksek özgüllük seçicileri (!important, inline stiller, derinlemesine iç içe seçiciler) kullanıyorsa, editörün değişiklikleri geçersiz kılınabilir. Sağlam editörler, yeterli özgüllükle stiller enjekte eder veya inline stil geçersiz kılmaları kullanır.
Anti-flicker işleme. Uygun anti-flicker kod parçacıkları olmadan, ziyaretçiler varyasyon yüklenmeden önce orijinal sayfa içeriğinin yanıp söndüğünü görür. Bu sadece çirkin değil — test sonuçlarınızı önyargılı hale getirir çünkü ziyaretçiler orijinal içeriği zaten işlemiştir. Yerleşik anti-flicker teknolojisine sahip araçlar, varyant enjeksiyonu sırasında sayfayı kısaca gizler.
Gerçek test: Görsel editörü satıcının demo sitesinde değerlendirmeyin. Ücretsiz deneme sürümünü yükleyin ve kendi gerçek web sitenizde varyasyon oluşturmaya çalışın. Orada çalışırsa, çalışır demektir.
9 CRO aracı ve görsel editörleri karşılaştırması
| # | Araç | Görsel editör | AI özellikleri | Anti-flicker | Başlangıç fiyatı |
|---|---|---|---|---|---|
| 1 | Varify.io | Güçlü + kod modu | AI audit + varyant gen | Yerleşik | €149/ay'dan itibaren |
| 2 | VWO | Çok güçlü | Temel | Yerleşik | Özel (MTU) |
| 3 | AB Tasty | Güçlü | EmotionsAI | Yerleşik | Özel |
| 4 | Kameleoon | Güçlü | AI Copilot | Yerleşik | Özel (€15K+/yıl) |
| 5 | Optimizely | Güçlü | Opal AI | Yerleşik | Özel ($15K+/yıl) |
| 6 | Convert | İyi | Temel | Yerleşik | $299/ay'dan itibaren |
| 7 | Crazy Egg | Temel | Yok | Hayır | $49/ay'dan itibaren |
| 8 | PostHog | Temel | Yok | Hayır | Ücretsiz katman |
| 9 | GrowthBook | Yok (sadece kod) | Yok | N/A | Ücretsiz / $40/kişi |
Kaynak: Claude Research, Mayıs 2026. Puanlar görsel editör kalitesi, AI özellik derinliği, anti-flicker işleme ve no-code test yetenekleri üzerine dayalıdır. Fiyatlandırma resmi kaynaklardan alınmıştır.
Varify.io — tek arayüzde görsel editör ve kod modu
Varify'ın görsel editörü modern web sitelerinin gerçeğine göre tasarlanmıştır: dinamik içerik, single-page uygulamalar ve karmaşık CSS. Ayrıca görsel düzenlemenin yeterli olmadığı durumlar için kod modu da içerir.
Varify'ın editörünü farklı kılan özellikler:
- İşaret et ve tıkla düzenleme. Sayfanızdaki herhangi bir öğeyi seçin — başlıklar, görseller, butonlar, bölümler, navigasyon öğeleri. Metni, renkleri, fontları, aralığı, görünürlüğü veya konumu değiştirin. Yaygın testlerin %80'i için kod gerekmez.
- AI destekli no-code test. Varify'ın AI CRO audit'i sayfanızı analiz eder ve test hipotezlerini otomatik olarak oluşturur — CRO uzmanlığı gerekmez. AI ayrıca varyant kopyası ve layout değişiklikleri önerir. Görsel editörle birlikte bu şu anlama gelir: AI neyi test edeceğinizi söyler, editör onu oluşturmanıza olanak tanır, hiçbir adımda kod gerekmez.
- Karmaşık değişiklikler için kod modu. Bölümleri yeniden sıralamanız, yeni HTML enjekte etmeniz veya özel JavaScript eklemeniz gerektiğinde, aynı arayüzde kod moduna geçin. PM'ler basit testleri halleder; geliştiriciler karmaşık olanları halleder — her ikisi için tek araç.
- Yerleşik anti-flicker. Varify'ın kod parçacığı, varyant enjeksiyonundan önce içeriğin yanıp sönmesini önler. Ziyaretçiler varyasyonu anında görür, önce orijinal içeriği değil. Anti-flicker nasıl çalışır.
- Sonuçlar için GA4 entegrasyonu. Test sonuçları mevcut GA4 property'nize akar — öğrenilecek yeni dashboard yok. Pazarlama ekibiniz zaten GA4'ü biliyor.
- Cookie'siz takip. Onay banner'ı gerekmez — ziyaretçilerin %100'ü testlerinize dahil edilir. Her görsel editör testi tam kitlenizi yakalar.
€149/ay'dan başlayan planlar — 30 gün ücretsiz deneyin →
Görsel editör vs kod: hangi durumda hangisini kullanmalı
Görsel editör her zaman doğru seçim değil. İşte her yaklaşımı ne zaman kullanacağınız:
Görsel editörü şu durumlarda kullanın:
- Metin içeriğini değiştirirken (başlıklar, CTA'lar, açıklamalar, etiketler)
- Renkleri, fontları veya boşlukları değiştirirken
- Öğeleri gizlerken veya gösterirken (navigasyon öğesini kaldırma, banner'ı gizleme)
- Görselleri değiştirirken
- Bir bölüm içindeki öğeleri yeniden düzenlerken
Kod modunu şu durumlarda kullanın:
- Tamamen yeni öğeler eklerken (güven rozeti bölümü, geri sayım sayacı)
- Yapısal yerleşim değişikliklerini test ederken (2 sütun vs 3 sütun, above-fold yeniden düzenleme)
- Dinamik olarak yüklenen içeriği değiştirirken (AJAX ile yüklenen ürün önerileri)
- Kullanıcı durumuna bağlı değişiklikleri test ederken (giriş yapmış vs anonim, sepet değeri)
- Üçüncü parti widget'lar veya script'ler enjekte ederken
İdeal araç her ikisini de aynı arayüzde sunar, böylece başlık testi başlatan pazarlama uzmanı, karmaşık yerleşim deneyimini platforma geçmeden geliştiriciyle paylaşabilir. Varify, VWO, AB Tasty, Convert ve Optimizely hepsi her iki modu destekler. Crazy Egg ve PostHog'un kod yetenekleri sınırlı. GrowthBook sadece kod tabanlı.
Ekibiniz için doğru görsel editör aracını nasıl seçersiniz
En iyi araç, testleri kimin yürüttüğüne ve hangi tür sitede test yaptıklarına bağlı:
Geliştirici desteği olmayan pazarlama ekipleri: Editör güvenilirliğini ve kullanım kolaylığını önceliklendirin. Varify (€149/ay'dan), AB Tasty ve VWO en güçlü editörlere sahip. Varify fiyat öngörülebilirliğinde önde; yerleşik heatmap ve oturum kayıtlarına da ihtiyacınız varsa VWO ve AB Tasty öne çıkıyor.
Karışık ekipler (pazarlamacılar + geliştiriciler): Hem görsel editöre hem sağlam kod moduna ihtiyacınız var. Varify, VWO ve Convert bunu iyi yönetiyor. Görsel editör testlerin %80'ini kapsar; kod modu kalan %20'yi halleder.
Geliştirici ağırlıklı ekipler: Görsel editör daha az önemli. GrowthBook (ücretsiz, warehouse-native) veya PostHog (ürün analitiği + test) düşünün. Ama geliştirici ekipler bile kod dağıtımını haklı çıkarmayan hızlı iteratif testler için görsel editörden faydalanır.
Karmaşık siteleri olan kurumsal ekipler: Dinamik içerik desteği kritik. Kameleoon ve Optimizely karmaşık kurumsal siteler için yapılmış ama kurumsal fiyatlandırmayla geliyor (€15K–50K+/yıl). Varify maliyetin çok küçük bir kısmıyla çoğu dinamik içeriği yönetiyor.
Bütçe bilinçli ekipler: Crazy Egg ($49/ay'dan) heatmap'lerle birlikte temel görsel editör içeriyor — başlangıç için iyi. Ama editör dinamik içerikle zorlanıyor ve anti-flicker koruması yok. Hızlıca sınırlarını zorlarsınız. €149/ay'dan Varify çoğu ekibin ihtiyaç duyduğu adım.
Gördüğünüzü test edin — kod gerektirmez.
Varify.io: görsel editör + kod modu. GA4 entegrasyonu. Cookie-siz. €149/ay'dan.