İletişim formunuzu tasarlama

İletişim formu ekledikten sonra nasıl göründüğünü özelleştirebilirsiniz. Bu kılavuz, web sitenizin formlarının stilini, renklerini ve düzenini nasıl değiştireceğinizi gösterecektir.

Form bloku, seçebileceğiniz formların farklı tasarım stillerini içerir:

1. Düzenleyicinin sol üst kısmındaki Liste Görünümünü seçin. Bu, üst üste üç yatay çizgi gibi görünen simgedir.
2. Form blokunu buradan bulun ve üzerine tıklayın:

3. Sağ kenar çubuğundaki blok ayarlarında, Stiller sekmesine (siyah beyaz daire simgesiyle temsil edilir) tıklayın:

4. Bir stil seçin:
   • Varsayılan, animasyonsuz giriş alanlarının dışındaki alan adlarını gösterir.
   • Hareketli; giriş alanlarının içindeki alan adlarını, kısa bir animasyonu gösterir ve ayrıca bir ziyaretçinin tıkladığı alanı vurgular.
   • Çerçeveli, giriş alanlarının içindeki alan adlarını, kısa bir animasyonu ve form bloku ayarlarının etrafında her zaman bir anahat gösterir.
5. Sayfanın üstündeki “Kaydet” düğmesine tıklayın.

Yer tutucu metin, ziyaretçi buna tıklamadan önce form alanında görünebilen örnek metindir ve kendi metnini yazmaya başlamak için tıkladıklarında kaybolur. Ziyaretçilerinize forma yazmalarını beklediğiniz türde bir içerik örneği göstermek faydalı olabilir.

İletişim formuna yer tutucu metin eklemek için:

1. Formunuzdaki herhangi bir alana tıklayın.
2. Kenar çubuğunda blok ayarlarını açın.
3. “Yer tutucu metin” ayarına gidin.
4. Verilen kutuya yer tutucu metninizi yazın. Bu daha sonra form alanında görünür.
5. Sayfanın üstündeki “Kaydet” düğmesine tıklayın.

Varsayılan olarak, bir formdaki alanlar formun kapsayıcısının genişliğini doldurur. Şu adımları izleyerek tek tek alanların genişliğini değiştirebilirsiniz:

1. Formunuzdaki herhangi bir alana tıklayın.
2. Kenar çubuğunda blok ayarlarını açın.
3. Genişlik ayarına gidin ve genişliği %25, %50, %75 veya %100 olarak ayarlayın.
   • İki alanın yan yana görünmesini istiyorsanız her birini %50 olarak ayarlayın. Yer olduğunda, bir satırda birden fazla alan görünebilir.
4. Sayfanın üstündeki “Kaydet” düğmesine tıklayın.

Her bir form alanı için rengin ve metnin görünümünü düzenlemeyi seçebilir veya her form alanının aynı renk ve metin ayarlarını kullanacak şekilde ayarlayabilirsiniz.

Tek bir form alanına tıkladığınızda, blok ayarları “Alan stilini senkronize et” düğmesini içerir. Bu AÇIK konumuna ayarlanırsa bu alanda yaptığınız değişiklikler tüm alanları etkiler. Yalnızca söz konusu alanın ayarlarını değiştirmek istiyorsanız KAPALI konumuna getirin:

Formunuzda tutarlı bir görsel deneyim sağlamak için şu değişiklikleri tüm alanlarda senkronize edebilirsiniz:

• Renk: Şunun için renkleri ayarlar:
  • Etiket Metni: Form alanının üzerinde görünen metin.
  • Alan Metni: (isteğe bağlı) yer tutucu metnin yanı sıra bir alandaki giriş metni.
  • Alan Arka Planı: Bir form alanının giriş bölümünün arka planı.
  • Kenarlık: Form alanının etrafındaki kenarlık.
• Giriş Alanı Stilleri: Alan için metin boyutunu, satır yüksekliğini ve kenarlık stillerini ayarlayın.
• Etiket Stilleri: Alan etiketleri için metin boyutunu ve satır yüksekliğini ayarlayın.

Formunuzun renklerini ayarlamak için şu adımları izleyin:

1. Liste Görünümünü açın ve Form blokunu ve içindeki ayrı alanları bulun:

2. Genel Form bloku seçiliyken, kenar çubuğundaki blok ayarlarını açın ve ardından Stiller sekmesine (siyah beyaz daire simgesi) tıklayın.
3. Renk ayarlarını kullanarak formdaki metnin rengini, arka plan rengini ve formda kullanılan bağlantıların rengini kontrol edebilirsiniz:

4. Ardından, tek bir form alanına tıklayın ve tekrar blok ayarlarını açın.
5. Burada, her bir form alanı için şu renkleri kontrol edebilirsiniz:
   • Etiket Metni: Form alanının üzerinde görünen metin.
   • Alan Metni: (isteğe bağlı) yer tutucu metnin yanı sıra bir alandaki giriş metni.
   • Alan Arka Planı: Bir form alanının giriş bölümünün arka planı.
   • Kenarlık: Form alanının etrafındaki kenarlık.
6. Değişikliklerinizi tüm alanlara uygulamak için “Alan stillerini senkronize et” düğmesini etkinleştirin veya her alanı ayrı ayrı kontrol etmek için devre dışı bırakın.
7. Sayfanın üstündeki “Kaydet” düğmesine tıklayın.