Açılır Formlar Oluşturma ve Görüntüleme

Published: 16 Temmuz 2026 · Last updated: 21 Temmuz 2026 · By Marcus Biel

Açılır pencere, web sitenizin içeriğinin üzerinde görüntülenir. Alttaki sayfayı yerinde bırakırken kayıt teklifini ziyaretçinin doğrudan görüş alanına taşır.

Açılır pencereler bülten teklifleri, indirimler, etkinlik kayıtları, potansiyel müşteri mıknatısları ve diğer odaklanmış harekete geçirici mesajlar için kullanışlıdır. Normal sayfa deneyimini kesintiye uğrattıkları için zamanlama ve sıklık, tasarım kadar önemlidir.

Bu kılavuz, açılır pencereye özgü ayarları açıklar. Düzenler, içerik blokları, abone alanları, etiketler, tipografi, katmanlar ve kayıt akışları ana Kayıt Formu Oluşturucu kılavuzunda ele alınır.

Açılır Pencere Oluşturma

“Kayıt Formları”nı açın, “Form Oluştur”a tıklayın ve “Açılır Pencere”yi seçin. Açık ve anlaşılır bir dahili ad girip oluşturucuya devam edin.

Ayrıca Kayıt Formları Genel Bakışı bölümünde adını tıklayarak mevcut bir açılır pencereyi düzenleyebilirsiniz.

“Anasayfa İndirim Açılır Penceresi”, “Webinar Kayıt Açılır Penceresi” veya “Kılavuz İndirme Açılır Penceresi” gibi teklifi ya da yerleşimi açıklayan bir ad kullanın. Dahili ad ziyaretçilere otomatik olarak gösterilmez.

Açılır Pencere Şablonu Seçme

Açılır pencerelerde boş form, standart form ve tasarlanmış dört şablon bulunur:

• Sade indirim
• Sıcak kılavuz
• Koyu webinar
• Yumuşak topluluk

Boyutu ve içerik yapısı teklife uygun olan bir şablon seçin. Tüm metinler, alanlar, renkler, görseller, boşluklar ve düzen daha sonra değiştirilebilir.

Açılır Pencereyi Tasarlama

Açılır pencereyi düzenlemek için görsel oluşturucuyu kullanın. Kayıt formunu metin, görseller, video, listeler, düğmeler, sosyal bağlantılar, abone sayacı, boşluklar ve ayırıcılarla birleştirebilirsiniz.

Ana mesajı hemen anlaşılabilecek kadar kısa tutun. Açık bir başlık, kısa bir açıklama ve belirli bir gönder düğmesi, genellikle birbiriyle yarışan birkaç mesajdan daha etkilidir.

Alanları, gerekli bilgileri, gizli etiketleri, ilerleme göstergesini, abone sayacını, girişleri ve gönder düğmesini yapılandırmak için kayıt formu bloğunu seçin. Genel açılır pencere arka planını ve görünüm varsayılanlarını değiştirmek için “Sayfa ayarları”nı açın.

Açılır pencere, kapatma kontrolüyle birlikte web sitesinin üzerinde görünür. Formun küçük ekranda da kolay kullanılabilmesi için önemli metinlerin ve alanların çevresinde yeterli görsel alan bırakın.

Açılır Pencere Davranışını Yapılandırma

Kayıt formu bloğunu seçin ve “Widget Ayarları”nı açın. Bu bölüm, açılır pencerenin ne zaman gösterileceğini ve bir ziyaretçinin onu ne sıklıkla görebileceğini kontrol eder.

Görüntüleme Gecikmesi

“Görüntüleme Gecikmesi”, Maildroppa’nın gömülü bir web sitesi sayfasında açılır pencereyi göstermeden önce kaç saniye bekleyeceğini belirler.

Ek gecikme olmadan göstermek için 0 girin. Ziyaretçilerin teklif görünmeden önce sayfayı okumaya zaman ayırması gerekiyorsa daha büyük bir değer kullanın. Oluşturucu, en fazla 86.400 saniyelik bir gecikmeyi kabul eder.

Gecikmeyi sayfaya göre seçin. Odaklanmış bir kampanya sayfasında kısa bir gecikme uygun olabilirken, bir makalede daha uzun bir gecikme daha az rahatsız edici hissettirebilir.

Görüntüleme Sıklığı

“Görüntüleme Sıklığı”, açılır pencerenin aynı ziyaretçiye yeniden gösterilebilmesi için geçmesi gereken süreyi kontrol eder. Kullanılabilir seçenekler şunlardır:

• Her zaman
• Saatte bir
• Günde bir
• Haftada bir
• Ayda bir

“Her zaman” seçeneğini dikkatli kullanın. Aynı ziyaretçinin deneyimini sürekli kesintiye uğratan bir açılır pencere rahatsız edici olabilir. Genel bir web sitesi teklifi için günlük veya haftalık sıklık çoğu zaman daha iyi bir başlangıçtır.

Sıklık, ziyaretçinin tarayıcısında saklanır. Bu nedenle başka bir tarayıcıda, gizli tarama penceresinde veya temizlenmiş tarayıcı depolama alanıyla yapılan testler farklı bir sonuç verebilir.

Çıkış Niyetini Kullanma

Ziyaretçi sayfa alanının dışına işaretçiyi taşıdığında, sayfadan ayrılmak üzere olabileceğini belirttiğinde açılır pencerenin açılmasını istiyorsanız “Çıkış Niyeti Açılır Penceresi”ni etkinleştirin.

Çıkış niyeti etkinleştirildiğinde açılır pencere, normal gecikmeli görüntüleme yerine bu davranışı bekler. Seçilen görüntüleme sıklığı, açılır pencerenin çok kısa süre içinde yeniden gösterilmesini engellemeye devam eder.

Çıkış niyeti işaretçi hareketine dayanır ve bu nedenle temel olarak masaüstü ve dizüstü bilgisayar tarayıcılarıyla ilgilidir. Dokunmatik cihazlar aynı çıkış sinyalini sağlamaz. Mobil ziyaretçilerin kayıt teklifinizi sayfanın kendisi veya başka bir uygun form aracılığıyla keşfedebildiğinden her zaman emin olun.

Sayfa Öğesinden Açılır Pencereyi Manuel Olarak Açma

Bir ziyaretçi web sitenizdeki belirli bir düğmeye, görsele veya bağlantıya tıkladığında açılır pencere açılabilir. Bu, manuel tıklama tetikleyicisidir. Ziyaretçi işaretçiyi sayfanın dışına taşıdığında tepki veren “Çıkış Niyeti Açılır Penceresi”nden farklıdır.

Manuel tıklama tetikleyicisini aşağıdaki şekilde yapılandırıp yükleyin:

1. Kayıt Formu Oluşturucu’da açılır pencereyi açın.
2. Tuvaldeki kayıt formu bloğuna tıklayın ve sağdaki “Ayarlar”ı açın.
3. “Widget Ayarları”nı genişletin ve “Bir müşteri sayfa öğesine tıkladığında açılır pencereyi aç” seçeneğini etkinleştirin.
4. “Değişiklikleri kaydet”e tıklayın.
5. Kayıt Formları Genel Bakışı’na dönün ve açılır pencere etkin değilse etkinleştirin.
6. Bu açılır pencerenin satırında “Kod Parçacığını Göster”e tıklayın.

İletişim kutusu, web sitenizde gereken iki değeri içerir:

1. “JavaScript” sekmesindeki kodun tamamını kopyalayın ve açılır pencerenin kullanılabilir olması gereken web sitesi sayfasına ekleyin.
2. Kodun altında, “Açılır Pencereyi manuel olarak tetiklemek istediğiniz öğeye bu kimliği ekleyin” ifadesinin altında gösterilen kimliği kopyalayın.
3. Bu tam değeri, açılır pencereyi açması gereken düğmenin, görselin veya bağlantının id özniteliğine ekleyin.

Kimlik şu biçimi izler:

maildroppa-popup-btn-[form-id]

Örneğin:

<button id="maildroppa-popup-btn-[form-id]">Kılavuzu alın</button>

JavaScript, açılır pencereyi yükler. Kimlik, açılır pencereyi seçilen sayfa öğesine bağlar. Her ikisi de aynı yayınlanmış sayfada bulunmalıdır. Ziyaretçi bu tam kimliğe sahip öğeye tıkladığında Maildroppa komut dosyası açılır pencereyi açar.

Web sitenizdeki düğmenin başka bir açılır pencere sisteminden zaten bir kimliği varsa, tıklamayı Maildroppa’nın yönetmesi gerektiğinde bu kimliği Maildroppa tetikleyici kimliğiyle değiştirin. Maildroppa açılır penceresini web sitesi oluşturucunuzun sağladığı ikinci bir açılır pencerenin içine yerleştirmeyin.

Her HTML kimliğini sayfa başına yalnızca bir kez kullanın. Birden fazla öğenin aynı açılır pencereyi açması gerekiyorsa, web sitesini uygulayan kişiden bu öğeleri aynı kimliği çoğaltmadan bağlamasını isteyin.

Kayıt Akışını Bağlama

Oluşturucu başlığında atanmış kayıt akışını inceleyin. Bu akış, anlık gönderim yanıtını, Çift Opt-in e-postasını ve onay sonrasındaki sonucu kontrol eder.

Mevcut bir akışı seçebilir, düzenleyebilir veya bu açılır pencere için ayrı bir akış oluşturabilirsiniz. Teklifin kendine ait bir onay mesajına veya lead magnet teslimine ihtiyacı olduğunda özel bir akış kullanışlıdır.

Önizleme ve Kaydetme

Web sitenizde kullanılan sürümü değiştirmeden açılır pencerenin tasarımını ve davranışını kontrol etmek için “Önizleme”ye tıklayın. Düzeni, kapatma kontrolünü, alan sırasını, doğrulama alanını ve gönderim yanıtını inceleyin.

Açılır pencere hazır olduğunda “Değişiklikleri kaydet”e tıklayın. Ardından Kayıt Formları Genel Bakışı’na dönün.

Açılır Pencereyi Etkinleştirme ve Otomatik Olarak Gömme

Açılır pencere henüz etkin değilse üç noktalı işlemler menüsünden etkinleştirin. Ardından “Kod Parçacığını Göster”e tıklayın ve “JavaScript” sekmesindeki kodun tamamını kopyalayın.

Komut dosyasını açılır pencerenin kullanılabilir olması gereken tüm web sitesi sayfalarına ekleyin. Kod, açılır pencerenin benzersiz form kimliğini içerir ve mevcut kaydedilmiş yapılandırmasını yükler.

“HTML” sekmesi, özel uygulamalar için oluşturulan işaretlemeyi sağlar. Bu sekmeyi kullanıyorsanız web sitesi kodunuz ve stilleriniz sonucu etkileyebileceğinden tüm davranışları ve gönderim adımlarını dikkatle test edin.

Bu bölüm, açılır pencerenin görüntüleme gecikmesine veya çıkış niyeti davranışına göre otomatik olarak açılması gerektiğinde geçerlidir. Tıklamayla açılır pencereyi açan bir düğme, görsel veya bağlantı için

bölümünü izleyin.

Genel yerleştirme talimatları için Gömülü Form Oluşturma ve Yerleştirme bölümüne bakın.

Açılır Pencereyi Web Sitenizde Test Etme

Kodu ekledikten sonra açılır pencereyi gerçek web sitesi sayfasında test edin:

1. Yapılandırılmış gecikmeyi kontrol edin.
2. Kapatma düğmesini ve formun dışına tıklamayı test edin.
3. Etkinse çıkış niyetini test etmek için işaretçiyi sayfanın dışına taşıyın.
4. Etkinse manuel tetikleyiciyi test etmek için yapılandırılmış sayfa öğesine tıklayın.
5. Düzeni dar bir ekranda kontrol edin.
6. Formu gönderin ve Çift Opt-in sürecini tamamlayın.
7. Maildroppa’da aboneyi ve gizli etiketleri doğrulayın.

Sıklık ayarı, tekrarlanan testler sırasında açılır pencerenin yeniden görünmesini engelleyebilir. Temiz bir test ziyareti gerektiğinde gizli tarama penceresi kullanın veya ilgili tarayıcı depolama alanını temizleyin.

Açılır Pencereyi Güncelleme veya Devre Dışı Bırakma

Açılır pencereyi güncellemek için Maildroppa’da açın, tasarımı veya davranışı düzenleyin, önizleyin ve “Değişiklikleri kaydet”e tıklayın. JavaScript parçacığı aynı form kimliğini kullanmaya devam eder.

Görüntülenmesini geçici olarak durdurmak için işlemler menüsünden “Devre dışı bırak”ı seçin. Devre dışı bırakma, açılır pencereyi ve önceki rapor verilerini korur. Artık gerekmiyorsa komut dosyasını veya tetikleyici öğesini web sitesinden de kaldırın.