Popup Tasarımı: 28 Örnek + Ücretsiz Şablonlar (2026)

Bir popup tasarımını dönüşüm getiren yapan nedir?

İşe yarayan bir popup oluşturmak için tasarımcı olmanız gerekmiyor. En iyi sonuç veren popup'lar kısa bir tasarım ilkeleri listesini izler:

• Tek hedef, tek CTA. Her popup tek bir eylem istemeli: abone olmak, bir indirimi almak ya da demo randevusu almak. Birbiriyle yarışan butonlar dikkati böler ve dönüşümü düşürür.
• Görsel hiyerarşi ve kontrast. CTA butonu popup'taki en belirgin öğe olmalı ve ilk bakışta arka plandan ayrılacak kadar renk kontrastı taşımalı.
• Fayda odaklı kısa metin. Marka adınızla değil, ziyaretçinin ne kazanacağıyla başlayın. İnsanlar bir popup'ı, içinde kendileri için ne olduğunu görmek için okur.
• Markaya uygun stil. Yazı tiplerinizi, renklerinizi ve üslubunuzu eşleştirin; popup bir reklam gibi değil, sayfanın doğal bir parçası gibi dursun.
• Kolayca görülen bir kapatma butonu. Kolay bir çıkış güven oluşturur ve popup'ın bir tuzak gibi hissettirmesini önler.
• Önce mobil boyutlandırma. Önce küçük ekran için tasarlayın, kapatma butonunu başparmakla ulaşılabilir tutun ve hiçbir zaman tüm görüntü alanını kapatmayın.
• Zamanlama ve hedefleme. Ziyaretçi sayfaya girdiği anda göstermeyin. Birkaç saniye bekleyin ya da çıkış niyetini bekleyin; teklif, ilgili olduğu anda görünsün.

Bir bakışta popup tasarımı türleri

Örneklere geçmeden önce kısa bir başvuru tablosu: hangi popup tasarımı türü hangi hedefe uyar ve her birini işe yarar kılan tasarım ipucu ne?

Bunların arkasındaki kuralları aşağıdaki popup tasarımı en iyi uygulamaları bölümünde bulabilirsiniz; popup UX tasarımı rehberimiz de konuyu ayrıca ele alıyor.

Popup Hizmetleri Nasıl Çalışır?

İyi bir popup tasarımına ulaşmanın en kolay yolu, Popupsmart gibi popup hizmet sağlayıcılarını kullanmaktır.

Bir popup hizmeti;

• Eklenti gerektirmeden çalışır
• Gelişmiş hedefleme seçenekleri sunar
• Tamamen özelleştirebileceğiniz şablon seçenekleri sunar, böylece tasarım markanıza benzer

Popup oluşturmaya şöyle başlarsınız:

İlk adım, iş hedefinizi seçmek.

İş hedefleri şunları içerir:

• Satış dönüşümlerini artırma
• E-posta listenizi büyütme
• Ziyaretçilere bildirim gösterme
• Telefon arama trafiğini artırma

Ardından bir popup türü ve iş hedefinize göre en iyi popup şablonunu seçersiniz.

Sonra kampanyayı Popupsmart'ın popup oluşturucusu ile markanıza benzeyene kadar özelleştirirsiniz.

Kurulum bu kadar.

Bir popup hizmetinin size ne kazandıracağını görmek isterseniz, hesabı ücretsiz popup ROI hesaplama aracı ile yapın.

Aşağıda her popup tasarımını, yukarıda saydığım iş hedeflerine göre gruplanmış hâlde anlatıyorum. Kampanyalarınıza uyanları oradan seçebilirsiniz.

1. Satış Dönüşümlerini Artıracak En İyi Popup Tasarımları

Doğru popup tasarımı satış dönüşümlerini artırabilir. Bunun iki yolu var: ürünlerinizi tanıtmak ve popup'larda özel fırsatlar sunmak.

Kupon Kodu Popup

Kupon kodu popup'ları, ziyaretçileri siteyi terk etmeden önce kazanmanıza yardımcı olur. Popüler ürünleriniz hakkındaki bir mesajın yanında dinamik bir kupon kodu gösterir.

Bu, ziyaretçi ayrılmadan ürünlerinize ikinci bir bakış kazandırmanın basit bir yolu.

Yarışma ve Çekiliş Popup

Müşterilerinizin abone olmasını mı istiyorsunuz? Onlara bir çekiliş popup tasarımıyla bir sebep verin. Çekiliş insanları web sitenizle etkileşime sokar, bir kısmı da sonunda alışveriş yapar.

Çekiliş kampanyalarınızda oyunlaştırma popup'larını da kullanabilirsiniz.

Ürün Tanıtımı Popup

Bu tanıtıcı popup'lar popüler ürün veya hizmetlerinizi öne çıkarmanıza yardımcı olur. Doğru sayfalarda gösterildiğinde satış dönüşümlerinize katkı sağlayabilir.

Ürünlerinizi tanıtmak için popup'ınızda net ürün görselleri kullanabilirsiniz.

Her popup şablonu esnek tasarımlıdır; mobil cihazlarda, tabletlerde ve bilgisayarlarda düzgün görünür. Popup'a ses de ekleyebilirsiniz.

2. E-posta Listenizi Büyütecek En İyi Popup Tasarımları

E-posta listenizi büyütmek istiyorsanız, bakmanız gereken tasarımlar bunlar.

Her biri, kullanıcı deneyimini bozmadan ziyaretçiden e-posta adresini ister. Daha fazla biçimi web sitesi popup örnekleri derlememizde (İngilizce) bulabilirsiniz.

Topluluk Katılımı Popup

Ziyaretçilerin topluluğunuza ya da hizmetlerinize katılmasını mı istiyorsunuz?

Bu popup'lar onların kişisel bilgilerini ve e-posta adreslerini ister. Karşılığında blog sayfanıza, web sitenize veya ürünlerinize abone kazanırsınız.

Eylem Çağrısı (CTA) Popup

Sağlam bir eylem çağrısı, web sitenizi ziyaret edenlere atacakları tek ve net bir adım gösterir. Bir ziyaretçinin sadık bir hayrana dönüşmesi de böyle başlar.

Amaç, mesajınızın doğru kişiye doğru zamanda ulaşması.

Bülten Popup

Bülten popup'ı kayıtları teşvik eder. Ziyaretçiyi bıktıran o sıkıcı, eski tasarımlardan biri olmak zorunda da değil.

Sosyal kanıt da e-posta listenizin büyümesine yardımcı olur. Kaç aboneniz olduğunu gösterin, alacakları içeriği anlatın ve ziyaretçileri bülteninize davet edin.

Demo Talebi Popup

Demo talebi popup'ı, ürününüzü görmek isteyenlerin e-posta adreslerini toplar. Böylece onlara ihtiyaç duydukları bilgiyi verebilirsiniz.

Bu popup'la müşteri desteğinizi de geliştirebilirsiniz.

Bir popup ile kişiselleştirilmiş destek de sunabilir, formu dolduranlarla iletişime geçebilirsiniz.

Floating Bar Bülten Popup

Floating bar popup şablonu, tarayıcının üstünde ya da altında bir çubuk olarak durur.

Popupsmart'ın floating bar popup'ları, siteniz boyunca kaydırırken görünür kalan dikkat çekici başlık veya alt bilgi çubukları oluşturmanıza olanak tanır.

Ziyaretçileri rahatsız etmeden aboneye dönüştürmenin en iyi yollarından biridir.

Bir indirimi öne çıkarmak, bir içerik yükseltmesini tanıtmak ya da ziyaretçilere kısaca "merhaba" demek için de floating bar popup tasarımlarını tavsiye ederim.

Hediye Teklifi Popup

Popup'ınıza bir teklif ile ürünlerinizi sergileyebilirsiniz. Bu şekilde, insanlar bülteninize kaydolmak için teşvik edilebilir.

Net bir görsel ve harekete geçirici mesaj içeren bir başlıkla yetinin. Kullanıcı etkileşimini artırmak için bu kadarı yeterli.

Çark Popup

Sıradışı bir popup tasarımı olarak, çark popup şablonları dikkat çeker ve ziyaretçileri tıklamaya davet eder.

Web sitenize özel olarak bir çark popup oluşturabilirsiniz. Diğer tüm popup tasarımlarında olduğu gibi, bazı görüntüleme kuralları belirleyebilir veya stil ve içeriği düzenleyebilirsiniz. Tamamen size kalmış!

Dikkat çekmek için en iyi popup tasarımlarından biridir; ancak daha fazla tıklamanın kendiliğinden daha fazla abone anlamına geldiğini varsaymayın.

3. Kullanıcı Etkileşimini Artıracak En İyi Popup Tasarımları

Popup'lar dikkat çekici ve cazip olduğunda kullanıcı etkileşimini artırmakta iyidir. İyi tasarlanmış bir popup, ziyaretçileri web sitenizle etkileşime sokar.

Ürün Güncellemeleri Popup

Bu popup'ı, web sitenizin ziyaretçilerine yeni ürünlerinizi, hizmetlerinizdeki son güncellemeleri ve yeni olan her şeyi duyurmak için kullanın.

Popup'larla daha önce kötü deneyimler yaşadıysanız bunu bir deneyin. Haberlerinizi takipçilerinizle paylaşmayı kolaylaştırır.

Floating Bar Blog Yazısı Popup

Floating bar şablonunun en iyi yanı, kullanıcı deneyimini kesintiye uğratmaması. Bu yüzden hem duyuru hem de dönüşüm hedefi için işe yarar.

Okurları yeni bloglarınıza veya makalelerinize yönlendirmek için floating bar blog yazısı popup'ını deneyin.

Sayfayı örtmediği için, ziyareti kaybettirmeden dönüşüm oranlarınıza katkı sağlayabilir.

Kenar Çubuğu Blog Yazısı Popup

Kenar çubuğu blog yazısı tasarımları, ziyaretçileri blog yazılarınıza veya faydalı makalelere yönlendirmenin bir başka yolu. Kenar çubuğu popup'ları sayesinde ziyaretçiler bildirimleri anında görür.

Kenar çubuğu popup şablonu ziyaretçiyle onu rahatsız etmeden iletişim kurar ve ilgilenen kullanıcıları hedef dönüşüme yönlendirir.

Duyuru Popup

Duyuru popup'ları da web sitesi ziyaretçilerini harekete geçirmenin bir yolu. Her kampanyaya net bir harekete geçirme düğmesi koyun ve onu dönüşüm oranınızı artırabileceği yerde gösterin.

Exit-Intent Popup

Popup'lar, siteyi terk etme niyeti ve hareketsizlik süresi gibi ziyaretçi davranışlarını algılayıp bunlara tepki verebilir.

Ziyaretçi siteyi terk etme eğilimindeyken, sistem fare hareketlerini algılar ve exit-intent (çıkış niyeti) popup'ını görüntüler.

Kullanıcıların dikkatini yeniden kazanmak ve onları sağlam bir eylem çağrısına (CTA) yönlendirmek için çıkış niyeti hedeflemesini kullanabilirsiniz, örneğin "Abone Ol" veya "İndirim Kazan." Çıkış niyeti popup'ı web sitenizin dönüşüm oranını böyle artırabilir.

Çıkış niyeti popup'larının nasıl çalıştığını anlatan yazımız, müşterilerinizi çekici mesajlar veya teşviklerle geri kazanmak için neden harika seçenekler olduklarını gösteriyor. Teşvikinizde, çıkış niyetiyle tetiklenen popup'lar da dahil, ziyaretçilerinizden e-posta adreslerini isteyerek e-posta pazarlaması kampanyalarınızı geliştirebilirsiniz.

Bu şekilde, ziyaretçiler cazip tekliflerinizi alabilir ve siz de yeni yüksek kaliteli potansiyel müşteri listesine sahip olabilirsiniz.

• Çıkış niyeti popup'ları ile ziyaretçilerinizi etkileşimde tutabilir ve onları dönüştürme şansınızı artırabilirsiniz.
• Web sitenizdeki popüler ürünleri önermek veya ziyaretçilerinize trend içerikler göstermek, onları etkileşimde tutmanın başka bir iyi yoludur. Çıkış niyeti popup teknolojisi ile birlikte alternatif başlıkları test edebilir ve hangisinin daha etkili olduğunu belirleyebilirsiniz.

Web sitenizde henüz bir çıkış niyeti popup'ı yoksa, başlamak için mantıklı bir seçenek.

Çerez Onayı Popup

Web sitenizdeki çerez uyumluluk bildirimlerinde şunlar olmalı:

• Çerezlerin amacı hakkında net bilgi
• Web sitesinde kullanılan izleme teknolojilerinin açıklaması
• Kullanıcı siteye ilk geldiğinde bir çerez onayı isteği
• Çerez kullanımının detaylarını, amacını ve ilgili üçüncü taraf faaliyetlerini içeren çerez politikanıza bir bağlantı

4. Telefon Araması Dönüşümlerinizi Artıracak En İyi Popup Tasarımları

Popup'larla telefon aramalarınızı ve dönüşümlerinizi artırmak oldukça pratiktir. Telefon araması popup'larını dahil ederek, daha iyi bir müşteri destek deneyimi de sunabilirsiniz.

Çağrı İsteği Popup

Ziyaretçilerinizin telefon numaralarını girerek onları geri arayabilmenizi sağlayabilirsiniz. Ayrıca, bu popup tasarımındaki harekete geçirici buton sayesinde ziyaretçileriniz doğrudan sizi arayabilirler.

Telefon aramaları da bir dönüşümdür, onları popup planınızın dışında bırakmayın.

Aramalar gelmeye başladığında geri arama popup'ınızı yapay zekâ destekli arama transkripsiyonu yazılımıyla birlikte kullanabilirsiniz. Her görüşme otomatik olarak kaydedilir, yazıya dökülür ve arşivlenir. Satış veya destek ekibiniz de arayan kişinin ne sorduğunu gözden kaçırmaz.

WhatsApp Arama Popup

Sitenize doğrudan bir WhatsApp destek hattı ekleyebilirsiniz. Bu popup'ları web sitenize eklemek, müşteri destek sürecinizi geliştirmenize yardımcı olabilir.

Tek yapmanız gereken telefon numaranızı eklemek. Ziyaretçiler de sizi doğrudan popup'tan arayabilir.

Popup tasarımında dönüşüm getiren en iyi uygulamalar

En iyi popup tasarımı tek bir şey ister ve onu gözden kaçırılamaz kılar: tek bir hedef, yüksek kontrastlı bir buton, 30 kelimenin altında bir metin, önce telefona göre boyutlanmış bir düzen, ziyaretçinin niyetini bekleyen bir tetikleyici ve yalnızca ödül gerçekse bir oyun. Aşağıdaki dokuz uygulama, bunu bir web sitesi popup'ına nasıl uygulayacağınızı gösteriyor. 2026 kıyaslamamızın ölçebildiği yerlerde ölçtüğünü de ekledik.

Tasarım, sonucun yalnızca bir parçası. Teklif, form, hedefleme ve gösterim sıklığı için 19 yaygın ipucunu aynı kıyaslamayla sınadığımız popup kampanya istatistikleri yazımıza bakın.

1. Tasarıma başlamadan önce hedefi tek bir fiille yazın. Abone ol, satın al, kodu al, randevu al ya da indir. İki fiil gerekiyorsa iki kampanya gerekir; her birinin kendi popup'ı ve tetikleyicisi olsun. Tek cümlelik bir anlatımın ardından bir ekip arkadaşınız ne istendiğini tekrar edemiyorsa popup tasarlanmaya hazır değildir.

2. Butonu popup'taki en belirgin öğe yapın ve birinci şahısla yazın. Metin bağlantısı yerine buton kullanın ve teklife uyan bir fiil seçin ("%20 indirimimi al", "Gönder"den çok daha fazlasını söyler). 2026 kıyaslamamızda birinci şahıs butonlar ("Send my code", yani "Kodumu gönder") nötr ifadelere karşı %1,18'e %0,80 dönüştürüyor (İngilizce popup'lar, medyan kampanya). Eşit ağırlıkta iki buton yalnızca ikisi de hedef olduğunda işe yarar, örneğin ziyaretçiyi iki ürün yolundan birine yönlendirirken. "Hayır, teşekkürler" bağlantısı hiçbir zaman ikinci bir seçenek gibi görünmemeli.

3. Kontrastı üç yerde kurun. Popup arka planına karşı buton, gövde metnine karşı başlık ve sayfaya karşı popup'ın bütünü. Bir marka rengini butona ayırın, sonra popup'ın gri tonlamalı bir ekran görüntüsüne bakın: buton öne çıkmıyorsa hiyerarşi bozuk demektir. Yalnızca rengi değiştirmekten bir sıçrama beklemeyin. Kıyaslamamızda buton rengi, koyu veya açık popup arka planı, aciliyet kelimeleri ve soru başlıkları dönüşümde ölçülebilir bir etki göstermiyor; veri, küçük etkileri dışlayamayacak kadar gürültülü.

4. Popup'ı sitenin geri kalanına benzetin. Popup aracının varsayılanlarını değil, sitenin başlık yazı tipini ve marka paletini kullanın. Görselde de sitenin zaten kullandığı türü seçin: temiz bir arka planda ürün, ürünü kullanan bir kişi ya da indirimin geçerli olduğu paket. Ürünle ilgisi olmayan stok fotoğraflar zarar verir; illüstrasyon ise yalnızca her yerde illüstrasyon kullanan bir markaya yakışır. İyi bir görseliniz yoksa hiç koymayın.

5. Metni 30 kelimenin altında tutun. Ziyaretçi hızlı karar verir. Kıyaslamamızda popup'ı kapatan ziyaretçilerin %71'i bunu popup göründükten sonraki 5 saniye içinde yapıyor. İkna işini başlık, dönüşüm işini buton yapar; koşullar ve onay metinleri küçük puntoya ya da bağlantı verilen bir sayfaya gider. Popup'ınızı 6 saniyelik bir sayaç çalışırken okuyun. Bitiremiyorsanız kısaltın.

6. Önce telefon genişliğinde tasarlayın. 375 piksel genişliğinde bir ekranla başlayın, masaüstü için alanı sonra ekleyin. Tek sütun kullanın ve kapatma butonunu Apple'ın iOS için varsayılan kontrol boyutu olan 44x44 pt'de tutun (Human Interface Guidelines, Ekim 2026'da kontrol edildi). E-posta alanında e-posta klavyesi, telefon alanında sayısal klavye açılsın; butonu da başparmağın durduğu alt kısma koyun. Bu yazıdaki mobil rakamların gösterdiği gibi, gösterimlerin çoğu telefonda gerçekleşiyor.

7. Popup'ı niyete göre zamanlayın ve tekrarları sınırlayın. Kıyaslamamızda 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. Tasarımı kaydırma derinliği, çıkış niyeti, uzun bir sayfada hareketsizlik ya da ziyaretçinin kendi seçtiği bir tıklama etrafında kurun. Ziyaretçi bir işin ortasındayken, sepetteyken ya da video izlerken popup açmayın. Tekrarları da sınırlayın, çünkü 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.

8. Oyunu yalnızca ödül gerçekse kullanın. Çark popup'ı bölümündeki Hızlı Bilgi kutusu, oyunlaştırmanın verimizde size ne kazandırdığını gösteriyor. Çark, Black Friday gibi alışveriş niyetinin yüksek olduğu bir dönemde, birbirinden farklı ödüllerle (%5, %10, %15, ücretsiz kargo), bir bitiş tarihiyle ve yalnızca ilk kez gelen ziyaretçilere gösterildiğinde yerine oturur. B2B demo taleplerinde, uzun düşünülerek alınan ürünlerde ya da sakin, premium bir markada ucuz görünür.

9. Her testte tek bir şeyi değiştirin. Ya başlığı ya tasarımı test edin, ikisini birden değil. Renk ve yazı tipinden önce buton metni, başlık ve tetikleyiciyle başlayın. Kazananı getirdiği potansiyel müşterilere göre seçin ve mobil ile masaüstü sonuçlarını ayrı okuyun, çünkü aşağıdaki rakamlar ikisinin farklı oranlarda dönüştüğünü gösteriyor.

Yaygın popup tasarımı hataları

Başarısız olan popup'ların çoğu aynı birkaç tasarım hatasını paylaşır. Bunlardan kaçınırsanız ortalamanın şimdiden önündesiniz:

• Çok fazla form alanı. Her ek alan sürtünme yaratır. Önce e-postayı isteyin, geri kalan her şeyi sonra toplayın. 2026 kıyaslamamızda 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ı).
• Görünür bir kapatma butonu olmaması. Gizlenmiş ya da hiç olmayan bir kapatma kontrolü tuzak gibi hissettirir ve güveni aşındırır.
• Kötü mobil boyutlandırma. Küçük ekranın tamamını kaplayan ya da kapatma butonunu gizleyen bir popup ziyareti kaybettirir; önce mobil için tasarlayın.
• Hemen açılmak. Ziyaretçi sayfaya girdiği anda görünen bir popup ilgisiz hissettirir. Geciktirin ya da çıkış niyetiyle tetikleyin.
• Düşük kontrast ya da gömülü bir CTA. Buton öne çıkmıyorsa ziyaretçiler ona tıklamaz. CTA'yı en belirgin öğe yapın.
• İlgisiz hedefleme. Yanlış teklifi yanlış ziyaretçiye göstermek, insanları rahatsız etmenin en hızlı yoludur. En azından sayfaya göre segmentleyin: 2026 kıyaslamamızda 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'ların üstüne popup yığmak. Önce çerez bildirimi, sonra sohbet aracı, sonra e-posta popup'ı: teklifiniz göründüğünde ziyaretçi üç kez kesintiye uğramış olur. Sayfa yüklenince yalnızca bir modal açılsın, gerisini sonraki tetikleyicilere taşıyın.

Sıkça Sorulan Sorular

İyi bir popup tasarımını ne belirler?

İyi bir popup tasarımının tek bir net hedefi ve tek bir eylem çağrısı vardır; CTA'nın en belirgin öğe olduğu güçlü bir görsel hiyerarşisi, fayda odaklı kısa bir metni, sitenin doğal bir parçası gibi duran markaya uygun bir stili, kolayca görülen bir kapatma butonu ve önce mobil için yapılmış bir boyutlandırması bulunur. Zamanlama ve hedefleme de önemlidir: popup, ziyaretçi sayfaya girdiği anda değil, ilgili olduğu anda görünmelidir.

Dönüşüm için en iyi popup tasarımı hangisidir?

Tek bir en iyi tasarım yok, ama iyi dönüşüm getiren popup'lar ortak bir kalıp paylaşır: tek görsel, fayda odaklı tek başlık ve tek giriş alanı. Çıkış niyeti teklifleri ve çarkıfelekler doğru anda bir teşvik ekledikleri için dikkat çeker; ancak 2026 verimizde ikisi de ölçülebilir ya da istatistiksel olarak güvenilir bir potansiyel müşteri artışı göstermedi. Biçimi hedefe göre seçin: satış için indirim kuponları, e-posta toplamak için tek alanlı formlar, düşük sürtünmeli duyurular için floating bar'lar. En iyi popup'ları ayıran tasarım ayrıntıları şunlardır: 30 kelimenin altında bir metin, popup'ın en belirgin öğesi olan bir buton ve sayfa yüklenince değil, ziyaretçi ilgi gösterdiğinde açılan bir tetikleyici.

Ziyaretçileri rahatsız etmeyen bir popup nasıl tasarlanır?

Popup'ı hemen açmak yerine birkaç saniye geciktirin ya da çıkış niyetiyle tetikleyin, formu bir veya iki alanla sınırlayın, kolayca görülen bir kapatma butonu ekleyin ve popup'ı sayfaya ve ziyaretçiye uygun olacak şekilde hedefleyin. İnsanların popup'ları rahatsız edici bulmasının başlıca nedeni ilgisiz olmalarıdır; bu yüzden işin çoğunu ilgililik ve kolay kapatma görür.

Bir web sitesi popup'ı hangi boyutta olmalı?

Masaüstünde ortalanmış bir modal genellikle yaklaşık 500 ila 600 piksel genişlikte en iyi sonucu verir; arkasındaki sayfayı görünür bırakacak kadar küçüktür. Mobilde popup, tüm ekranı kaplamadan görüntü alanına sığmalı, kapatma butonu başparmakla ulaşılabilir olmalı ve girişte içeriği engelleyen ara sayfalardan kaçınılmalıdır. Küçük ekranlarda floating bar'lar daha hafif bir alternatiftir.

Ücretsiz popup tasarım şablonlarını nereden bulabilirim?

Popupsmart'ın hazır popup şablonlarından başlayıp kod yazmadan markanıza göre özelleştirebilir ya da ilham almak için bu yazının sonunda bağlantısı verilen ücretsiz popup tasarım şablonu paketini indirebilirsiniz. İkisi de kupon, e-posta toplama, çıkış niyeti ve duyurular için denenmiş düzenler sunar; böylece boş bir sayfadan tasarlamaya başlamazsınız.

Son Sözler

Tasarımların hepsi bu kadar. Bu popup tasarımlarından fikir alın, sonra kendinizinkini oluşturun. Web sitenize eklenen dikkat çekici bir popup, dönüşümleri ve kullanıcı etkileşimini artırmanıza yardımcı olabilir.

Popupsmart gibi bir popup oluşturucusu, işin oluşturma kısmını pratik hale getirir. Herhangi bir kodlama bilgisi veya deneyimi gerektirmediği için dönüşüm getiren bir popup'ı kısa sürede hazırlayabilirsiniz.

Henüz kayıt olmadıysanız, Popupsmart'a ücretsiz kayıt olun ve dönüşüme hazır popup'lar oluşturmaya başlayın.

Daha fazla ilham almak için Pinterest popup tasarım panomuzu da inceleyebilirsiniz!

Daha fazla popup tasarımı arıyorsanız, popup tasarım şablonlarını indirin. Hazır popup şablonlarından başlayıp onları kod yazmadan özelleştirebilirsiniz de.

Bu popup tasarımları hakkında düşünceleriniz mi var? Aşağıdaki yorum bölümünde paylaşın. 🤓

Buradayken şu blog yazılarına da göz atın:

• 2026'da Daha Yüksek Dönüşüm İçin 9 Popup Tasarımı Uygulaması
• İlham Alabileceğiniz 10 Popup Mesajı Örneği
• Popup UX Tasarımı: 11 Yaygın Hata ve Çözüm Yolları