ChatGPT
Perplexity
Claude
Grok
Google AI Mode
Popup'lar hâlâ tartışmalı. Kimi sevmiyor, kimi kullanmaktan hoşlanıyor. Her hâlükârda popup'lar işe yarar ve bir yere gittikleri yok.
2026'da popup tasarımının en iyi uygulamaları tek bir kurala dayanıyor: her piksel, yarattığı kesintiyi hak etmeli. Aşağıdaki 10 uygulama bu kuralın pratikteki karşılığı: popup başına tek hedef, güçlü kontrast, önce mobil için boyutlandırma, niyete göre zamanlama ve yalnızca teklif hak ettiğinde oyunlaştırma.
Popup tasarımı 2026'da neden önemli?
Popup dönüşüm verisine bakınca desen hep aynı: bir popup'ın görmezden mi gelineceğine, tıklanacağına mı yoksa ziyaretçiyi kızdıracağına tasarım karar verir. Teklif, kitle ve trafik kaynağı aynı kalsa bile tasarım, aynı popup'ın sonucunu değiştirebilir.
2026 kıyaslamamız Ocak 2024 ile Eylül 2026 arasındaki 28.674 kampanyayı, 499,6 milyon popup gösterimini ve 1,84 milyon potansiyel müşteriyi kapsıyor. Verimizde e-posta veya telefon numarası isteyen 3.034 popup arasında (her biri en az 1.000 gösterim ve 14 aktif gün) medyan popup, gösterimlerinin %0,83'ünü potansiyel müşteriye dönüştürüyor; en iyi %25 %1,96'ya, en iyi %10 %3,87'ye ulaşıyor. Potansiyel müşteri, e-posta adresi veya telefon numarası içeren bir popup gönderimidir. Bu farkın bir kısmı tekliften ve hedeflemeden gelir; bu rehber, popup'ın kendisinde değiştirebileceğiniz kısımla ilgili. Aynı veriyle sınadığımız diğer ipuçları popup kampanya istatistikleri yazımızda.
Üstelik tasarım zorlaştı. Çoğu mağazada trafiğin büyük kısmı mobilden geliyor, gizlilik bildirimleri pazarlama popup'larının üstüne yığılıyor ve ziyaretçilerin bir modal'a ayırdığı dikkat kısa. 2026'da kazanan siteler popup tasarımını sonradan akla gelen bir pazarlama işi değil, gerçek bir ürün yüzeyi olarak görüyor.
Bu uygulamaların arkasındaki düşünce de bu.
Dönüşüm getiren 10 popup tasarımı uygulaması
Aşağıdaki 10 uygulamayı şu sırayla öneriyoruz: önce en kolay kazanımlar, sonra daha derin yapısal değişiklikler. Her bölümde ilke, neden işe yaradığı, iyi ve kötü örneğin neye benzediği ve gerçek bir ekran görüntüsü var. Başka hiçbir şey okumayacaksanız 1 numaralı uygulamayı okuyun: potansiyelinin altında kalan popup'ların çoğu o adımda kaybeder.
1. Her popup'ta tek bir net hedefle başlayın
Her popup'ın şu soruya tek bir cevabı olmalı: "Bu ziyaretçinin önümüzdeki 6 saniyede ne yapmasını istiyorum?" Tek bir fiille cevap veremiyorsanız (abone ol, satın al, kodu al, randevu al, indir) popup beklenenin altında kalacaktır.
HubSpot'ın e-posta listesi popup'ı tek bir net hedefe odaklanıyor: abone olmak. Dikkat için yarışan başka hiçbir şey yok.
Çoğu ekibin düştüğü tuzak, her şeyi tek popup'a sığdırmak. Aynı popup hem e-posta listesini büyütmeye, hem bir indirimi duyurmaya, hem yeni bir koleksiyonu tanıtmaya, hem de bloga yönlendirmeye çalışıyor. Ziyaretçi üç satır okuyor, kendisinden ne istendiğini anlamıyor ve kapatma butonuna basıyor. Çoğu zaman çözüm ikinci CTA'yı silmektir. Yeniden tasarıma gerek yok.
İyi örnek yukarıdaki HubSpot deseni: tek başlık, tek vaat, tek buton, tek giriş alanı. Kötü örnek ise eşit ağırlıkta iki CTA'sı, göz için yarışan üç ayrı metni ve köşeye sıkıştırılmış bir "ya da blogumuza göz atın" bağlantısı olan popup. İki gerçek hedefiniz varsa (örneğin demo randevuları ve e-posta aboneleri), bunları tek popup'a değil, farklı tetikleyicilere sahip iki kampanyaya bölün.
Tasarım aracını açmadan önce hedefi tek bir cümleyle yazın. Bir ekip arkadaşınıza gösterin. Beş saniyede size geri anlatamıyorsa popup tasarlanmaya henüz hazır değildir.
2. Eylem Çağrınızın Dikkat Çekici Olduğundan Emin Olun
CTA, dönüşüm getirmek zorunda olan tek öğedir. Ona göre davranın. Popup'taki her şeyden daha yüksek kontrasta, daha fazla görsel ağırlığa ve tıklayınca tam olarak ne olacağını anlatan bir metne ihtiyacı var.
Lego'nun yönlendirme popup'ı eşit ağırlıkta iki CTA kullanıyor, çünkü ikisi de hedefin kendisi: bir yol seçmek.
Lego örneği, 1 numaralı uygulamadaki tek CTA kuralını bilerek bozuyor. Her iki seçenek de gerçek hedef olduğunda (ziyaretçiyi iki ürün yolundan birine yönlendirmek) buna izin var. İzin olmayan şey, bir CTA'yı hedef, diğerini benzer görsel ağırlıkta bir kaçış kapısı yapmak: bu, kaybedeceğiniz bir yazı tura.
İyi CTA'lar üç kurala uyar: metin bağlantısı değil, buton; teklife uyan bir fiil ("%20 indirimimi al", "Gönder"den iyidir); ve yalnızca sayfaya karşı değil, popup'ın arka planına karşı da öne çıkan bir renk. Buton, modal'daki en parlak ve en belirgin şey olmalı. Ziyaretçi gözlerini kısıp popup'a yarım saniye baksa bile butonu görmeli.
Kötü CTA'lar edilgendir ("Devam", "Tamam", "Gönder"), düşük kontrastlıdır (beyaz üstünde gri, beyaz üstünde açık mavi) ya da gövde metninin içine gömülmüştür. Herhangi bir popup'ta çalıştırabileceğiniz en hızlı A/B testi, buton metnini yeniden yazmaktır.
3. Mesajınıza Daha Fazla Dikkat Çekmek İçin Kontrast Kullanımı
Ziyaretçinin gözüne önce, sonra ve en son nereye bakacağını kontrastla söylersiniz. Bir popup 5 saniyelik bir kompozisyondur: başlık, teklif, CTA. Kontrast bu hiyerarşiyi kurmuyorsa dikkat dağılır.
Ulta Beauty'nin pembe kayan çubuğu, markaya sadık kalırken sitenin beyaz arka planında öne çıkıyor.
Ulta'nın kayan çubuğu işe yarıyor, çünkü pembe renk sitenin beyaz arka planına karşı güçlü bir zıtlık oluşturuyor; ama rastgele bir renk değil, markanın paletinden geliyor. Bu yüzden üçüncü taraf bir banner gibi değil, sitenin bir parçası gibi okunuyor. Çoğu ekibin kaçırdığı püf nokta bu. Ya fazla sessiz kalıyorlar (popup sayfaya karışıp görmezden geliniyor) ya da markayla hiçbir ilgisi olmayan bir renkle fazla bağırıyorlar (popup kötü amaçlı bir reklam gibi görünüp şikâyet ediliyor).
İşe yarayan desen şu: bir ana marka rengi seçin, sayfanın geri kalanında onu idareli kullanın ve CTA butonu ya da popup arka planı için saklayın. Kontrast kıtlıktan doğar. Popup'ın rengi sayfanın başka hiçbir yerinde yoksa göz doğrudan ona gider.
Kontrasta dikkatle bakmanız gereken yerler: popup arka planına karşı CTA butonu, gövde metnine karşı başlık ve alttaki sayfaya karşı popup'ın bütünü. Üçünün de net biçimde ayrışması gerekir. Popup'ın ekran görüntüsü renkliyken iyi görünüp gri tonlamaya çevirdiğinizde bulamaca dönüyorsa, kontrast hiyerarşiniz bozuk demektir.
4. Popup Tasarımınızı Web Sitesi Tarzınıza Uygun Hale Getirin
Üçüncü taraf bir araçla sayfaya bırakılmış gibi görünen bir popup, belirdiği anda güveni öldürür. En çok dönüşüm getiren popup'lar, siteyi tasarlayan ekibin elinden çıkmış gibi hissettirir: aynı yazı tipleri, aynı renk paleti, aynı fotoğraf tarzı, aynı ses tonu.
Skims'in popup'ı, sitenin geri kalanındaki sıcak nötr tonları ve ürün fotoğraflarını kullanıyor.
Skims bunu, ana sayfadakiyle tamamen aynı sıcak nötr paleti ve ürün fotoğrafı tarzını kullanarak başarıyor. Popup'ın ekran görüntüsünü bağlamından koparsanız bile hangi markaya ait olduğunu anlarsınız. Çıta bu.
Tersini düşünün: aracın varsayılan renkleri, standart yazı tipleri ve kırmızı renkte "HEMEN %10 İNDİRİM KAP!!!" yazan bir CTA. Böyle bir popup dönüşüm getirse bile marka algısına zarar verebilir. Marka uyumlu bir popup ise düşmanca bir kesinti gibi hissettirmez.
Pratik kontrol listesi: sitedekiyle aynı başlık yazı tipini kullanın, arka plan ve vurgu renklerini popup aracının varsayılanlarından değil mevcut marka paletinizden alın ve site fotoğraf kullanıyorsa popup'ta genel bir ikon yerine gerçek bir ürün ya da yaşam tarzı fotoğrafı kullanın. Popup, sitenin üstüne bindirilmiş bir reklam gibi değil, sitenin devamı gibi hissettirmeli.
5. Metni 30 kelimenin altında tutun
Ziyaretçi popup'la etkileşime girip girmeyeceğine birkaç saniyede karar verir. Verimizde popup'ı kapatan ziyaretçilerin %71'i bunu popup göründükten sonraki 5 saniye içinde yapıyor. 30 kelimeyi aşan her şey atlanır. İkna işini başlık, dönüşüm işini CTA yapar; geri kalan her şey yüktür.
Blume metni 20 kelimenin altında tutuyor: teklif, koşul, CTA. Bu kadar.
Blume'un popup'ı ders kitabı örneği. Kısa bir başlık, tek satırlık bir teklif, tek giriş alanı, tek buton. Toplamda belki 18 kelime. Ziyaretçi onu 2 saniyenin altında okuyup ya harekete geçiyor ya da geçmiyor. E-posta listesinin değerini anlatan bir paragraf, yıldızlı koşullar ya da "kaydolarak kabul etmiş olursunuz" duvarı yok; bunlar küçük puntoya ya da bağlantı verilen bir gizlilik sayfasına gider.
30 kelime sınırı üç iyi alışkanlığı zorunlu kılar: gerçekten iş gören bir başlık yazdırır, genel dolgu metni öldürür ("heyecan verici gelişmelerden sizi haberdar etmek isteriz") ve tasarıma nefes alacak alan bırakır. Çoğu popup sıkışık görünür, çünkü metin çok fazla iş yapmaya çalışır.
Bunu kendi popup'larınızda test edin. Birini açın, 6 saniyelik bir sayaç kurun ve okuyun. Bitiremiyorsanız kısaltın. Bitirdiğiniz halde teklifi tekrar edemiyorsanız başlık yanlıştır. Bitirip teklifi anlıyor ve tıklamak istiyorsanız popup hazır.
6. Teklifi bir ürün görseliyle gösterin
Ürünü gösteren bir popup, ürünü anlatan bir popup'tan genellikle daha iyi iş çıkarır. Görsel, ziyaretçiye ne alacağını ve hangi markayla muhatap olduğunu anında gösteren bir çerçeve verir. Yalnızca metinden oluşan popup'lar spam gibi hissettirir; ürün popup'ları ise vitrin düzenlemesi gibi.
Vitaly, popup'ı ürünü giyen birinin gerçek bir yaşam tarzı fotoğrafıyla destekliyor.
Beneath Your Mask ürünü kullanım halinde gösteriyor: doku, ambalaj ve sonuç görsel olarak anlatılıyor.
Vitaly popup'ını stilize bir yaşam tarzı fotoğrafıyla destekliyor. Beneath Your Mask ise ürünü kullanılırken gösteriyor. İki tercih de ziyaretçinin dile getirmediği soruyu yanıtlıyor: "%10 indirimi neye alacağım ve bu gerçekten bana göre mi?" Bu sorunun cevabı görsel olmalı.
İşe yarayanlar: temiz bir arka planda ürün, ürünü kullanan bir kişi ya da indirimin geçerli olduğu paketin üstten çekilmiş düzenlemesi. İşe yaramayanlar: gerçek ürünle hiçbir ilgisi olmayan stok fotoğraflar, üstüne metin yazılmış genel soyut gradyanlar ya da ürün görselinin olması gereken yerde bir logo. Görseli bir ürün sayfasına koymayacaksanız popup'a da koymayın.
Görsel, marka uyumu (4 numaralı uygulama) için de çift görev görür. Mevcut fotoğraf tarzınızda çekilmiş gerçek bir ürün fotoğrafı, popup'ı sitenin geri kalanına herhangi bir renk seçiminden daha hızlı bağlar. Görseli tekliflerle iyi eşleştiren daha fazla web sitesi popup örneği için örnek kütüphanemize göz atabilirsiniz.
7. Uygun olduğunda illüstrasyonla kişilik katın
Fotoğraf her zaman doğru seçim değildir. Eğlenceli bir sesi olan markalar için illüstrasyon, bir ürün fotoğrafının yapamayacağı bir şeyi yapabilir: kişiliği tek hamlede anlatmak. Risk şu ki kötü illüstrasyon amatörce görünür; iyi illüstrasyon ise tasarım zamanı ister ve zamanla eskir.
Meowmeow Tweet tamamen illüstrasyona yaslanıyor, çünkü markanın geri kalanıyla uyumlu.
Meowmeow Tweet'in popup'ı işe yarıyor, çünkü marka baştan sona illüstrasyonla anlatılıyor. Popup'taki kedi illüstrasyonu ana sayfadaki illüstrasyonlarla, ürün ambalajıyla ve hakkımızda sayfasıyla uyumlu. Sonradan eklenmiş gibi değil, doğal hissettiriyor. Stok bir ürün fotoğrafına geçselerdi popup daha sakin ama daha sıradan görünürdü.
İllüstrasyon, fotoğrafın garip kaçacağı anlarda da işe yarar: fiziksel ürünü olmayan bir hizmet işletmesi, arayüzü popup boyutunda görsel olarak ilgi çekmeyen bir SaaS aracı ya da özel bir görsel gerektiren bağlama duyarlı bir an. Aşağıdaki COVID dönemi bilgilendirme popup'ı, illüstrasyonun fotoğrafın çözemeyeceği bir bağlam sorununu çözdüğü iyi bir örnek.
Bağlama duyarlı illüstrasyon, bir ürün fotoğrafının taşıyamayacağı bilgiyi taşıyor.
Pratik kural: markanızın geri kalanı illüstrasyon kullanıyorsa popup da kullanmalı. Marka fotoğraf ağırlıklıysa illüstrasyonlu bir popup aykırı durur. Çevredeki sistemle tutarlılık, popup'ın kendisi üzerindeki yerel iyileştirmeden daha önemlidir.
8. Önce mobil için tasarlayın, mobili sonraya bırakmayın
Çoğu ekibin kullandığı varsayılan iş akışı yanlış. Popup'ı masaüstü genişliğinde tasarlıyor, sonra telefona sığacak şekilde sıkıştırıyor, ardından kapatma butonuna ulaşılamadığını, giriş alanının iOS'ta yakınlaştırmayı tetiklediğini ve başlığın beş satıra taştığını fark ediyorlar. Mobil öncelikli tasarım bu sırayı tersine çevirir: 375 piksel genişlikte tasarlayın, sonra gerekirse fazladan alanla masaüstüne genişletin.
İpucu: görsel ağırlığı teklifin değerine göre ayarlayın.
Pratikte mobil öncelikli tasarım şu demek: tek sütunlu bir düzen, başparmakla basılabilecek büyüklükte bir kapatma butonu (en az 44x44 piksel), doğru klavye türünü açan giriş alanları (e-posta alanı için e-posta klavyesi, telefon için sayısal klavye) ve başparmağın doğal olarak durduğu yerde bir CTA butonu. O yer popup'ın alt kısmıdır, görünür alanın dışına itilmiş bir köşe değil.
Mobili sonraya bırakmanın bedeli büyük, çünkü gösterimlerin çoğu orada: verimizde popup gösterimlerinin %63'ü mobilde gerçekleşiyor. Mobil bir kullanım durumuna uyan teklifler (Shopify indirim kodları, uygulama yüklemeleri, SMS kaydı) için mobil öncelikli tasarım daha da önemli.
Mobilde düzeltmeye yalnızca tek bir şey için vaktiniz varsa kapatma butonunu düzeltin. Köşedeki 12 piksellik bir kapatma butonuna dokunulmaz. Ziyaretçi popup'ın dışına dokunup onu öfkeyle kapatmaya çalışır. Bu da çoğu zaman beklenen kapatma davranışını tetiklemez ve kullanıcı deneyimini batırır. Daha derin hata türleri için popup UX hataları yazımız en sık görülen sorunları ele alıyor.
9. Popup'ı gelişe göre değil, niyete göre zamanlayın
Zamanlama, popup tasarımı kadar önemlidir. Henüz okumaya başlamamış bir ziyaretçiye sayfa yüklenir yüklenmez gösterilen çok iyi tasarlanmış bir popup, doğru anda gösterilen vasat bir popup'ın gerisinde kalabilir. Verimiz bu yönü destekliyor ama farkı abartmıyor: görünmeden önce bekleyen popup'lar, sayfa yüklenir yüklenmez gösterilenlere karşı %0,83'e %0,61 dönüştürüyor (medyan kampanya); yön verinin her yılında aynı kalıyor ama fark istatistiksel olarak güvenilir değil, bu yüzden bir kural değil, eğilim olarak okuyun.
Forever 21'in e-posta popup'ı yalnızca görünüşüyle değil, ne zaman açıldığıyla da işe yarıyor.
Tasarımınızı etrafında kurmaya değer dört niyet sinyali: kaydırma derinliği (ziyaretçi sayfanın %50'sini geçti, ilgileniyor), çıkış niyeti (imleç sekmeyi kapatmaya gidiyor, zaten ayrılıyor), hareketsizlik (uzun bir sayfada 30 saniyeden fazla fare hareketi yok, büyük olasılıkla okuyor) ve tıklama niyeti ("erken erişim" ya da "bekleme listesine katıl" butonuna tıkladı, açıkça istedi).
Popupsmart'ın kendi demo popup'ı: böyle bir teklif, ziyaretçi sayfayla ilgilenmeye başladıktan sonra gösterildiğinde anlam kazanır.
Kaçınılması gerekenler: ilk ziyarette sayfa yüklenince açılan popup'lar, ziyaretçi bir işin ortasındayken (sepeti doldururken, video izlerken, ödeme adımındayken) açılan popup'lar ve her sayfa görüntülemesinde tekrar tekrar açılan popup'lar. Verimizde bir ziyaretçinin bir hafta içinde popup'ı gördüğü ilk iki sefer benzer oranlarda dönüşüyor (gösterimlerin %1,33'ü ve %1,22'si, toplu); üçüncü gösterimden itibaren dönüşüm düşüyor, altıncı gösterimden itibaren %0,41'e, yani ilk gösterim oranının %31'ine iniyor. Bu yüzden her kampanya için bir ziyaretçiye haftada kaç kez gösterileceğine bir sınır koyun.
10. Oyunlaştırmayı yalnızca teklif hak ettiğinde kullanın
Çarkıfelekler, kazı kazanlar, gizemli indirim açılışları: oyunlaştırma, teklif ana uyduğunda tıklamaları ciddi biçimde artırabilir. Markayı ucuzlatıp ziyaretçilere her ziyarette indirim beklemeyi de öğretebilir. Onu varsayılan olarak değil, hesap tuttuğunda kullanın.
Black Friday çarkı işe yarıyor, çünkü teklif gerçek, süresi sınırlı ve an alışveriş niyetinin yüksek olduğu bir an.
Yukarıdaki Black Friday çarkı iyi bir örnek: alışveriş niyetinin yüksek olduğu bir dönem, çarkta gerçek indirimler (hepsi %5 değil) ve varsayılan marka deneyimine dönüşmemesi için sınırlı bir kampanya süresi. Yine de çarkın size ne kazandırdığını doğru okuyun: verimizde çarkıfelek ve diğer oyunlaştırılmış popup'lar çok daha fazla tıklama alıyor (gösterimlerin %7,33'üne karşı %1,87'si, medyan kampanya; çevirmek de tıklama sayılıyor), ama düz kayıt popup'larından ölçülebilir biçimde daha fazla e-posta veya telefon potansiyel müşterisi toplamıyor. Ziyaretçiler çarkın hileli ya da indirimin önemsiz olduğunu fark ederse o ilgi de kaybolur.
Oyunlaştırmanın başarısız olduğu yerler: B2B SaaS demo talepleri (bir çark, demoyu daha inandırıcı kılmaz), uzun düşünülerek alınan pahalı ürünler (4.000 dolarlık bir saat için kimse çark çevirmez) ve sesi premium ya da sakin olan markalar (çark ucuz görünür). Çarktaki her "ödül" işlevsel olarak aynı olduğunda da başarısız olur: ziyaretçiler bunu çabuk fark eder ve güven düşer.
Oyunlaştırma kullanacaksanız çarka gerçek bir yelpaze verin (%5, %10, %15, %20, ücretsiz kargo, hediye), onu bir kampanya süresiyle sınırlayın ve yalnızca ilk kez gelen ziyaretçilere gösterin. İndirim yarışına girmeden ilgi çekmek isteyen markalar için, sürpriz bir açılış mekaniğiyle kurulan bir lansman öncesi bekleme listesi, ziyaretçilere indirim popup'ını beklemeyi öğretmeden benzer bir ilgi yaratabilir. İndirim popup'ı fikirleri yazımız, işe yarayan varyasyonları ele alıyor.
Popup tasarımında artık yapmamanız gereken hatalar
Bir popup'ın beklenenin altında kalmasının sebebi nadiren çirkin tasarımdır. Asıl sebep, dönüşümü sessizce düşüren ve tekrar tekrar yapılan küçük bir hata grubu; en sık karşılaşılan beşi aşağıda.
• Popup'ların üstüne popup yığmak. Önce çerez bildirimi, sonra sohbet aracı, sonra e-posta toplama, sonra KVKK/GDPR yeniden onayı. Asıl pazarlama popup'ı açıldığında ziyaretçi dört kez kesintiye uğramış ve düşmanca bir ruh halindedir. Sayfa yüklenince açılan her modal'ı gözden geçirip birini seçin. Gerisini gecikmeli tetikleyicilere taşıyın ya da kaldırın.
• Kapatma butonunu gizlemek. 16 pikselden küçük, düşük kontrastlı bir renkte ve beklenmedik bir konumda duran kapatma butonu karanlık bir desendir. Bu hafta dönüşümü artırabilir, ama uzun vadede geri dönüşleri ve güveni azaltır. Butonu belirgin yapın. Popup'ı rahatça kapatabilen ziyaretçiler geri gelir; kapana kısılmış hissedenler gelmez.
• Çok fazla alan istemek. Verimizde bir veya iki alan isteyen popup'lar %0,88 ve %0,94 dönüştürüyor, üç alanda bu oran %0,56 (medyan kampanya; çarkıfelek ve diğer oyunlaştırılmış popup'lar ayrı sayıldı). Yalnızca e-postayla dönüşüm sağlayabiliyorsanız yalnızca e-posta isteyin. Telefon numarası, isim, şirket büyüklüğü ve doğum günü ilk popup'a değil, bir takip e-postasına ya da kademeli profillemeye aittir.
• Genel stok görseller. Kulaklıklı, gülümseyen bir stok fotoğraf kadını olan bir popup güven vermez. Markayla hiçbir ilişkisi olmayan soyut gradyan sanatı da öyle. Gerçek bir ürün fotoğrafı ya da markaya uygun bir illüstrasyon kullanamıyorsanız görseli tamamen kaldırın. Temiz bir metin ve CTA popup'ı, kötü bir görsel taşıyan popup'tan iyidir.
• Her sayfada aynı popup. Bir blog okuyucusunun, kategori sayfasında gezinen birinin ve ödemeyi yarıda bırakan birinin niyetleri farklıdır ve farklı popup'lara ihtiyaç duyarlar. Her sayfada aynı genel e-posta toplama popup'ını açmak, en yüksek niyetli anları boşa harcar. En azından URL desenine, ideal olarak davranışa göre segmentleyin. Sayfa farkı büyük: verimizde sepet ve ödeme sayfalarındaki popup'lar %4,57 dönüştürüyor; ana sayfada bu oran %1,07, blog sayfalarında %0,23 (medyan kampanya).
Popup tasarım değişiklikleri için A/B testi nasıl yapılır?
Popup A/B testlerinin çoğu kötü yürütülüyor: varyant başına çok az ziyaretçi, aynı anda değiştirilen iki değişken, anlamlılık kontrolü yok. Ekipler de gürültüye bakıp "veriye dayalı" kararlar veriyor. Bu beş taktik bunu düzeltir.
• Her testte tek değişken. Başlığı test ediyorsanız tasarıma dokunmayın. Tasarımı test ediyorsanız metne dokunmayın. İki değişken, artışı neye bağlayacağınızı bilemeyeceğiniz anlamına gelir ve bir sonraki adımda yanlış tahmin edersiniz. İstisna, popup'ın bütününün değişken olduğu tam yeniden tasarım testleridir; bu durumda testi kesin bir ölçüm değil, yön gösteren bir test olarak ele alın.
• Karar vermeden önce istatistiksel anlamlılığa ulaşın. Çoğu popup testi için bu, varyant başına en az 1.000 dönüşüm ya da yaklaşık 14 ila 21 günlük trafik demektir; hangisi önce gelirse. B varyantı önde diye testi 3. günde bitirmek, ekiplerin yanlış tasarımı yayına almasının yoludur. Ücretsiz bir anlamlılık hesaplayıcısı kullanın ve en az p < 0,05 hedefleyin.
• Test etmeden önce trafiğinizi segmentleyin. Mobil ve masaüstü, yeni ve geri dönen, organik ve ücretli: bu segmentler tasarım değişikliklerine çoğu zaman zıt yönlerde tepki verir. Yalnızca birleşik trafikte test ederseniz sinyalin ortalamasını alıp onu kaybedersiniz. Yayına almaya değer her popup değişikliği için en azından mobil ve masaüstünde ayrı testler çalıştırın.
• Önce etkisi yüksek öğeleri test edin. CTA metni, başlık ve tetikleme zamanlaması genellikle renk, yazı tipi ve görsel stilinden daha büyük fark yaratır; verimizde buton rengi dönüşümde ölçülebilir bir etki göstermiyor. İlk üç test döngüsünü etkisi yüksek öğelere ayırın, sonra cilaya geçin.
• Yalnızca popup dönüşümünü değil, sonraki metrikleri de takip edin. Yüksek oranda dönüşen ama hiç etkileşime girmeyen e-postalar getiren bir popup, daha düşük oranda dönüşen ama kaliteli potansiyel müşteriler getiren bir popup'tan daha kötüdür. Popup testini e-posta açılma oranına, satın alma oranına ya da gerçek iş hedefiniz neyse ona bağlayın. Popup dönüşümü girdidir; iş metriği çıktıdır.
Daha iyi bir popup tasarımını bu hafta yayına alın
Bu rehberden tek bir şey alacaksanız sıralamayı alın. 1 numaralı uygulamayla başlayın: her popup için tek bir hedef seçin. Ardından mevcut popup'larınızı 2 (CTA görünürlüğü) ve 5 (30 kelimenin altında metin) numaralı uygulamalara göre gözden geçirin. Bu üç değişiklik, yeni metin yazmadan ya da yeni tasarım işi ısmarlamadan mevcut kampanyalarınıza uygulanabilir.
Kolay kazanımlar yerleştikten sonra yapısal değişikliklere geçin: mobil öncelikli yeniden tasarım (8), niyete göre zamanlama (9) ve marka uyumlu stil (4). Bunları yayına almak daha uzun sürer, ama etkileri birikir. Kaydırma derinliğiyle açılan, marka paletinizde tasarlanmış ve tek bir net hedefi olan mobil öncelikli bir popup, bu rehberdeki uygulamaların hepsini bir arada taşır.
Araç, disiplinden daha az önemlidir. 2026'da öne çıkan popup'lar en pahalı platformda kurulmadı. Onları tek bir hedefe karar veren, tek bir başlık yazan, tek bir buton tasarlayan ve her seferinde tek bir değişkeni test eden ekipler kurdu. Bugün yürüttüğünüz bir kampanyayı seçin ve ilk üç uygulamayı bu hafta ona uygulayın. İki hafta ölçün. Sonra bir sonrakine geçin. Farklı nişlerde şu anda neyin işe yaradığına dair daha ayrıntılı incelemeler için e-posta popup tasarımları ve popup yazılımı karşılaştırması yazılarımız iyi birer devam noktası.
Sıkça Sorulan Sorular
Popup tasarımını ne sıklıkla yenilemeliyim?
Bir popup 90 günden uzun süredir hiç değişmeden yayındaysa, büyük olasılıkla potansiyelinin altında çalışıyordur. Tekrar gelen ziyaretçiler onu görmezden gelmeyi öğrendikçe aynı popup'ın dönüşümü zamanla düşer. Başlığı ve CTA metnini üç ayda bir, tasarımı yılda iki kez yenileyin; yeni bir teklif ya da sezonluk bir kampanya yayına aldığınızda da mevcut kontrol sürümüne karşı bir A/B testi çalıştırın. Sürekli ilham için ünlü markaların kullandığı ilham verici popup örnekleri koleksiyonumuz, desen fikirleri toplamak için iyi bir yerdir.
Animasyonlu popup'lar hâlâ etkili mi?
Animasyon, tasarıma hizmet ettiğinde işe yarar: gözü çeken hafif bir giriş animasyonu, tıklamayı onaylayan bir buton mikro etkileşimi, oyunlaştırma mekaniğinin karşılığını veren bir çark dönüşü. Animasyon gürültüye dönüştüğünde başarısız olur: zıplayan başlıklar, yanıp sönen CTA'lar, dikkat dağıtan arka planlar. Kullandığımız kural şu: her animasyonun bir işlevi olmalı (işaret, onay ya da geri bildirim). Anlam kaybetmeden kaldırabiliyorsanız kaldırın.
İlgili makalelerden bazıları araştırmanızda size yardımcı olabilir:
- Kusursuzca optimize edilmiş popup tasarımları ve indirilebilir kaynak
- Popup UX Tasarımı: Yaygın Hatalar ve Bunlar Yerine Ne Yapmalı
- E-posta Popup: 15 Harika Örnekle Tam Kılavuz
İlgili Terimler:
