Lightbox Formu Nasıl Oluşturulur?

4 Mayıs 2023

Lightbox formu, ziyaretçiler bir bağlantıya tıkladığında açılan bir penceredir. Formlarınızı ziyaretçilerle paylaşmanın kolay bir yoludur. Lightbox açıldığında bağlantıyı içeren sayfayı kaplayacaktır ve aşağıdaki gibi görünecektir:

Lightbox Formu Nasıl Oluşturulur? Image-1
Youtube Embed Poster: KABFPsul6xw

Lightbox için Yerleştirme Kodları Oluşturma

Lütfen aşağıdaki adımları takip edin:

  1. Formunuzu Form Oluşturucu’da açın ve Yayınla sekmesine tıklayın.
  2. Sol taraftaki menüde Ekle‘ye tıklayın.
  3. Lightbox seçeneğine tıklayın.
Lightbox Formu Nasıl Oluşturulur? Image-2
  1. Bir sonraki sayfada yeşil renkteki Kodu Kopyala butonuna tıklayarak kodu kopyalayabilirsiniz veya nasıl göründüğünü görmek için Önizleme butonuna basabilirsiniz.
Lightbox Formu Nasıl Oluşturulur? Image-3

Lightbox’ı Özelleştirme

Lightbox formunun görünümünü özelleştirmek istiyorsanız yukarıdaki ekran görüntüsünde gösterildiği gibi Özelleştir butonuna tıklayın. Özelleştirme bölümünde lightbox formunun başlığını, form boyutlarını, stilleri, renkleri ve sayfa yüklendiğinde açılıp açılmama seçeneklerini değiştirmeniz mümkündür.

Lightbox Formu Nasıl Oluşturulur? Image-4

Lütfen Değişiklikleri Kaydet butonuna tıklamayı ve ardından oluşturulan kodu kopyalamayı unutmayın.

Bir Görsel Kullanmak İçin Harekete Geçirici (CTA) Özelleştirme

Lightbox formunun açılmasını tetiklemek için bir buton veya bağlantı yerine bir resim kullanmak istiyorsanız aşağıdaki satırı…

<a class="btn lightbox-{formID}" style="margin-top: 16px">
{form_title}
</a>

…bu satırla değiştirin.

<img src="{imageURL}" class="btn lightbox-{formID}">

{formID} yerine gerçek Form ID’nizi yazmanız gerekir. Form ID’niz, form URL’sinin sonundaki sayı dizisidir. Aynı şey {imageURL} için de geçerlidir. Bunu da gerçek resim URL’si ile değiştirmelisiniz. Ziyaretçiniz resme tıkladığında Lightbox’ın çalışması için sınıfın isim değerini girmenizin çok önemli olduğunu lütfen unutmayın.

Herhangi bir sorunuz, öneriniz veya geri bildiriminiz mi var? Lütfen aşağıya bir yorum bırakın veya bir Jotform Destek talebi oluşturun.

İletişim Desteği:

Müşteri destek ekibimiz 7/24 hizmet vermektedir ve ortalama yanıt süremiz bir veya iki saat arasında değişmektedir.
Ekibimizle aşağıda belirtilen linkler aracılığıyla iletişime geçebilirsiniz:

Destek Forumu: https://www.jotform.com/answers/

Jotform Desteği ile iletişime geçmek için: https://www.jotform.com/contact/

Yorum Gönder:

Jotform Avatar
Bu site reCAPTCHA ve Google Gizlilik Politikası tarafından korunmaktadır ve Hizmet Koşulları geçerlidir.

Podo Comment İlk yorum yapan sen ol.