Kayıt Formu Oluşturucu: Form Tasarlama

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

Kayıt Formu Oluşturucu, tüm Maildroppa kayıt formları ve açılış sayfaları için kullanılan görsel düzenleyicidir.

Düzenleri yerleştirmek, metin ve görseller eklemek, abone alanlarını yapılandırmak, renkleri ve yazı tiplerini değiştirmek, etiketler atamak ve bir kişi formu gönderdikten sonra ne olacağına karar vermek için kullanabilirsiniz. Çalışırken tuval üzerinde sonucu görebilirsiniz; bu nedenle eksiksiz bir kayıt deneyimi tasarlamak için kod yazmanız gerekmez.

Maildroppa dört form türünün tamamında aynı oluşturucuyu kullanır:

• Açılış Sayfaları, yayınlayıp bir bağlantıyla paylaşabileceğiniz, bağımsız ve eksiksiz sayfalardır.
• Gömülü Formlar, doğrudan web sitenizdeki bir sayfanın içine yerleştirilir.
• Pop-up'lar, web sitenizin üzerinde görünür ve bir sayfa öğesinden de açılabilir.
• Slide-in'lar, tarayıcı penceresinin seçilen kenarında veya konumunda görünür.

Bu kılavuz, bu form türlerinin ortak tüm işlevlerini açıklar. Bağlantılı kılavuzlar yalnızca her türe özgü ayarları ve adımları açıklar.

Kayıt Formu Oluşturucuyu Açma

Maildroppa'da “Signup Forms”ı açın. Ardından yeni bir Açılış Sayfası, Gömülü Form, Pop-up veya Slide-in oluşturmak için “Create Form”a tıklayabilirsiniz.

Mevcut bir form üzerinde çalışmaya devam etmek için formun adına tıklayın veya Signup Forms Overview içindeki üç noktalı işlemler menüsünden “Edit Form”ı seçin.

Forma anlaşılır bir dahili ad verin. “Homepage Newsletter”, “Webinar Popup” veya “Summer Lead Magnet” gibi adları daha sonra tanımak, “Form 1” gibi genel adlara kıyasla daha kolaydır. Form adı, formu Maildroppa'da yönetmenize yardımcı olur ve ziyaretçilere otomatik olarak gösterilmez.

Oluşturucuyu Anlama

Oluşturucu dört ana alana ayrılır.

Üst çubuk, form adını ve ana işlemleri içerir. Buradan genel bakışa dönebilir, çalışmanızı önizleyebilir ve kaydedebilirsiniz. Açılış Sayfalarında taslak ve yayınlama kontrolleri de bu çubukta gösterilir.

Sol kenar çubuğu, “Layout”, “Content” ve “Layers” bölümlerini içerir. Yapıyı oluşturmak, yeni öğeler eklemek ve tuvalde yer alan her şeyi yönetmek için kullanın.

Tuval, merkezi çalışma alanıdır. Geçerli sayfayı veya formu gösterir. Bir öğeyi seçmek için üzerine tıklayın. Ayrıca öğeleri farklı bir konuma sürükleyebilir veya sol kenar çubuğundan yeni öğeler ekleyebilirsiniz.

Sağ kenar çubuğu, “Settings” ve “Page settings” bölümlerini içerir. “Settings” seçili öğeyi değiştirir. “Page settings” genel arka planı ve varsayılan tasarım ayarlarını değiştirir.

Daha küçük ekranlarda kenar çubukları, “Content” ve “Settings” düğmeleri kullanılarak panel şeklinde açılır. Kullanılabilir işlevler aynı kalır.

Şablonla Başlama

Bir form oluşturduğunuzda oluşturucu, seçilen form türü için başlangıç tasarımları sunar. Boş bir tasarımla başlayabilir, standart formu kullanabilir veya hazır bir şablon seçebilirsiniz.

Şablonlar başlangıç düzeni, renkler, tipografi ve örnek içerik sağlar. Daha sonra değiştirebileceklerinizi sınırlandırmaz. Bir şablon seçtikten sonra her öğe düzenlenebilir, taşınabilir, çoğaltılabilir, yeniden biçimlendirilebilir veya kaldırılabilir.

Her form türünde amacına uygun şablonlar bulunur. Örneğin Açılış Sayfalarında eksiksiz Newsletter, Lead Magnet, Webinar ve Waitlist sayfa tasarımları yer alır. Gömülü Formlar, Pop-up'lar ve Slide-in'ların da kendilerine ait kompakt başlangıç tasarımları vardır.

Hangi şablonu seçeceğinizden emin değilseniz hedefinize en yakın yapıya sahip olanı seçin. Metinleri, renkleri ve görselleri değiştirmek genellikle aynı yapıyı boş bir tuvalden oluşturmaktan daha hızlıdır.

Düzeni Oluşturma

Yeni bir hücre satırı eklemek için sol kenar çubuğunda “Layout”ı açın. Kullanılabilir düzenler şunlardır:

• Tek hücre
• İki, üç veya dört eşit hücre
• 2:1 oranında iki hücre
• 1:2 oranında iki hücre

Geçerli ekleme konumuna eklemek için bir düzene tıklayın veya tuval üzerine sürükleyin. Ardından her hücrenin içine içerik yerleştirebilirsiniz.

Sağ kenar çubuğunda boyutunu, boşluklarını, hizalamasını, arka planını, kenarlığını ve iç dolgusunu ayarlamak için bir kutu veya sütun seçin. Çok sütunlu düzenlerde sütun genişliklerinin göreli oranlarını da değiştirebilirsiniz.

Net bir okuma sırası oluşturmak için düzenleri kullanın. Tek sütun, kompakt kayıt formları için uygundur. Bir görselin, avantajlar listesinin veya etkinlik bilgilerinin kayıt formunun yanında görünmesi gerektiğinde iki sütunlu düzen kullanışlıdır.

İçerik Ekleme

Tek tek içerik blokları eklemek için sol kenar çubuğunda “Content”i açın. Eklemek için bir bloğa tıklayabilir veya tuvalde istediğiniz konuma sürükleyebilirsiniz.

Oluşturucu aşağıdaki içerik bloklarını sunar:

Signup form — Abone alanlarını ve gönder düğmesini içerir. Bir tasarımın çalışan bir form olarak kaydedilebilmesi için bir signup form bloğu içermesi gerekir. Blok eklendikten sonra ek bir içerik bloğu olarak sunulmaz.

Text — Başlıklar, paragraflar veya başka biçimlendirilmiş metinler ekler.

Image — Bir URL'den, yüklemeden veya Maildroppa medya kitaplığından görsel ekler. Alternatif metin sağlayabilir, bağlantı ekleyebilir ve boyutları, en-boy oranını, kırpmayı, odak noktasını, döndürmeyi ve çevirmeyi kontrol edebilirsiniz.

Video — YouTube veya Vimeo videosu, yerleştirme URL'si ya da doğrudan video dosyası ekler. Ayrıca önizleme görselini ve oynatma düğmesinin görünümünü yapılandırabilirsiniz.

List — Madde işaretli veya numaralı liste ekler. Maddeleri düzenleyebilir ve işaretçi rengini, boşlukları, tipografiyi ve hizalamayı kontrol edebilirsiniz.

Button — Yapılandırılabilir metin, URL, boyut, genişlik, renkler, kenarlık, tipografi ve hizalamaya sahip bir bağlantı düğmesi ekler.

Social links — Facebook, Instagram, LinkedIn, TikTok, YouTube veya web siteniz gibi hizmetlere bağlantılı simgeler ekler.

Subscriber counter — Onaylanmış abonelerin güncel sayısını gösterir. Bir ofset ekleyebilir, etiketi değiştirebilir ve sayı ile metni biçimlendirebilirsiniz.

Spacer — Kontrollü boş alan ekler. Masaüstü ve mobil boşluklar ayrı ayrı ayarlanabilir.

Divider — Yapılandırılabilir renk, kalınlık, genişlik, stil, hizalama ve boşluğa sahip yatay bir çizgi ekler.

Açılış Sayfalarında ayrıca yeniden kullanılabilir eksiksiz bölümler bulunur. Bunlar Landing Page guide içinde açıklanmıştır.

Öğeleri Seçme ve Düzenleme

Seçmek için tuvalde bir öğeye tıklayın. Ayarları sağ kenar çubuğunda görünür.

Seçili öğenin üzerindeki veya yakınındaki kontroller, öğeyi taşımanıza, çoğaltmanıza veya silmenize olanak tanır. Bir öğeyi başka bir hücreye veya konuma da sürükleyebilirsiniz. Yerleştirme göstergesi, öğenin nereye ekleneceğini gösterir.

Sayfada çok sayıda iç içe kutu, sütun ve içerik bloğu olduğunda “Layers”ı açın. Layers paneli, tüm yapıyı bir listede gösterir. Buradan şunları yapabilirsiniz:

• Bir öğe seçme
• Daha kolay tanımak için yeniden adlandırma
• Yukarı veya aşağı taşıma
• Başka bir konuma sürükleme
• Kilitleme veya kilidini açma
• Çoğaltma
• Silme

Kilitleme, tamamlanmış bir arka planın, görselin veya bölümün yanlışlıkla taşınmaması gerektiğinde kullanışlıdır. Katmanı yeniden düzenlemek veya konumlandırmak istediğinizde kilidini açın.

Son tasarım değişikliklerinde geri veya ileri gitmek için oluşturucu araç çubuğundaki “Undo” ve “Redo”yu kullanın.

Metin Düzenleme

İçeriği doğrudan tuval üzerinde düzenlemek için bir metin öğesinin içine tıklayın. Metin araç çubuğu, yaygın biçimlendirme seçenekleriyle birlikte paragraf ve başlık stilleri sunar.

Seçilen metne bağlı olarak kalın, italik, altı çizili, üstü çizili, alt simge, üst simge, hizalama, madde işaretli veya numaralı listeler, bağlantılar ve emojiler kullanabilirsiniz. Seçili metin ayarları, diğer tüm metin öğelerini değiştirmeden tipografiyi ve renkleri ayarlamanıza da olanak tanır.

Tüm başlıkların, gövde metinlerinin, bağlantıların veya düğmelerin tutarlı bir stile sahip olması gerektiğinde “Page settings” altındaki genel tipografi ayarlarını kullanın. Yalnızca bir bloğun farklı görünmesi gerektiğinde seçili öğe ayarlarını kullanın.

Kayıt Formunu Yapılandırma

Ayarlarını açmak için tuvalde signup form bloğunu seçin. Kullanılabilir bölümler ilerleme çubuğunu, abone sayacını, alanları, gizli etiketleri, form kapsayıcısını, giriş alanlarını ve gönder düğmesini kapsar.

Abone Alanları

E-posta adresi, kayıt formunun temel alanıdır. Maildroppa hesabınızda bulunan abone alanlarını da ekleyebilirsiniz.

Her alan için etiketi ve yer tutucuyu değiştirebilir, alanın zorunlu olup olmayacağına karar verebilir ve alan etiketinin gösterilip gösterilmeyeceğini seçebilirsiniz. Alanlar sürüklenerek veya taşıma kontrolleri kullanılarak yeniden sıralanabilir.

Gerçekten ihtiyaç duyduğunuz bilgileri isteyin. Daha kısa formların doldurulması daha hızlıdır; ek alanlar ise bilgiler segmentasyon veya kişiselleştirme için kullanılacaksa faydalıdır.

Gizli Etiketler

Gizli etiketler ziyaretçilere gösterilmez. Bir kişi form üzerinden kaydolduğunda Maildroppa, seçilen etiketleri o aboneye otomatik olarak atar.

Bu, bir kaydın arkasındaki kaynağı veya ilgiyi belirlemek için kullanışlıdır. Örneğin bir webinar formu “Webinar” etiketi uygulayabilir; lead magnet formu ise indirilen konuyla ilgili bir etiket uygulayabilir.

İlerleme Çubuğu

İlerleme çubuğu devre dışı bırakılabilir veya yüzde ya da iki adımlı gösterge olarak görüntülenebilir.

Yüzde göstergesi için metni, renkleri, yazı tipi boyutunu, kalınlığını ve hizalamayı değiştirebilirsiniz. İki adımlı gösterge için her iki adımın etiketlerini düzenleyebilir ve etkin ile etkin olmayan renkleri seçebilirsiniz.

İlerleme göstergesi, formu göndermenin ilk adım, Double Opt-in e-postasını onaylamanın ise ikinci adım olduğunu açıklamaya yardımcı olabilir.

Form İçindeki Abone Sayacı

Kayıt formu, gönder düğmesinden önce veya sonra onaylanmış abonelerin güncel sayısını gösterebilir.

Bir ofset ekleyebilir, etiket yazabilir, konumu seçebilir ve tipografi ile hizalamayı ayarlayabilirsiniz. Ofset, Maildroppa tarafından gösterilen onaylanmış abone sayısına eklenir.

Bu form sayacı, bağımsız “Subscriber counter” içerik bloğundan farklıdır. Sayının doğrudan gönderme alanıyla bağlantılı olması gerektiğinde form ayarını kullanın. Sayacın tasarımın başka bir yerinde görünmesi gerektiğinde içerik bloğunu kullanın.

Form, Giriş ve Düğme Tasarımı

“Signup Form Block” ayarları, arka planı, kenarlığı, köşe yarıçapını ve boşlukları dahil olmak üzere alanların çevresindeki kapsayıcıyı kontrol eder.

Giriş ayarları alan arka planlarını, etiketleri, metni, yer tutucuları, kenarlıkları ve boşlukları kontrol eder. Gönder düğmesinin metni, tipografisi, renkleri, kenarlığı, boyutları ve hizalaması için ayrı ayarlar bulunur.

O bölümün ayarlarını hemen açmak için tuvalde ilerleme çubuğuna veya gönder düğmesine doğrudan tıklayabilirsiniz.

Genel Görünümü Değiştirme

Genel tasarımı değiştirmek için sağ kenar çubuğunda “Page settings”i açın. Gömülü Formlar, Pop-up'lar ve Slide-in'lar için bu ayarlar eksiksiz bir barındırılan sayfa yerine form tuvaline uygulanır.

Ana arka planı, arka plan görselini, maksimum genişliği ve mobil boşlukları yapılandırabilirsiniz. Görünüm ayarları şunlar için varsayılanları belirler:

• Gövde yazı tipi ve metin rengi
• Bağlantı rengi, alt çizgi ve üzerine gelme rengi
• Başlık yazı tipi, rengi, kalınlığı, boyutu ve satır yüksekliği
• Düğmeler
• Kutular, kenarlıklar, köşe yarıçapları, boşluklar ve iç dolgular
• Mobil sayfa iç dolgusu ve sütunların alt alta geçeceği nokta

Bu varsayılanlar tasarımın tutarlı kalmasını sağlar. Gerektiğinde tek tek bloklar bu varsayılanları yine de geçersiz kılabilir.

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

Her form bir Signup Flow ile bağlantılıdır. Kayıt akışı, form gönderildikten sonra abonenin yolculuğunu kontrol eder:

• Ziyaretçinin formu gönderdikten hemen sonra gördüğü şey
• Hangi Double Opt-in e-postasının gönderileceği
• Abone e-posta adresini onayladıktan sonra ne olacağı

Atanmış akışı görmek için oluşturucu başlığındaki kayıt akışı kontrolünü açın. Başka bir mevcut akışı seçebilir, seçili akışı düzenleyebilir veya yeni bir akış oluşturabilirsiniz.

Bir kayıt akışı birden fazla form tarafından kullanılabilir. Paylaşılan bir akışı düzenlerseniz değişiklik, onu kullanan her formu etkiler. Bu nedenle Maildroppa, paylaşılan akışı düzenlemek veya geçerli form için ayrı bir kopya oluşturmak arasında seçim yapmanıza olanak tanır.

Önizleme ve Kaydetme

Tasarıma ve kayıt deneyimine herkese açık hale getirmeden önce göz atmak için “Preview”a tıklayın. Önizleme; uzun metinleri, görsel oranlarını, alan sırasını, düğme etiketlerini ve formun genel dengesini kontrol etmek için kullanışlıdır.

Gömülü Formlar, Pop-up'lar ve Slide-in'lar için mevcut sürümü kaydetmeye hazır olduğunuzda “Save changes”a tıklayın.

Açılış Sayfalarında üst çubuktaki taslak ve yayınlama kontrolleri kullanılır. Sayfalar yayınlanmadan kaydedilebilir; zaten yayınlanmış bir sayfada yapılan değişiklikler, siz yayınlayana kadar yayınlanmaz. Eksiksiz iş akışı Building and Publishing a Landing Page içinde açıklanmıştır.

Kaydettikten sonra web sitesi formunu etkinleştirip yerleştirmek veya yayınlanmış bir Açılış Sayfasını yönetmek için Signup Forms Overview sayfasına dönün.

Form Türünüzle Devam Edin

Ortak tasarım çalışması artık tamamlandı. Oluşturduğunuz form için ilgili kılavuzla devam edin:

• Açılış Sayfası oluşturma ve yayınlama
• Gömülü Form oluşturma ve yerleştirme
• Pop-up yapılandırma ve görüntüleme
• Slide-in yapılandırma ve konumlandırma