Cara Membuat Formulir Lightbox

6 Agustus 2022

Formulir lightbox adalah jendela yang muncul ketika pengunjung mengklik tautan. Ini adalah cara yang elegan dan mudah untuk membagikan formulir Anda kepada pengunjung. Saat lightbox terbuka, ia akan menutupi halaman utama penampung tautan lightbox. Hal itu akan terlihat seperti berikut:

Cara Membuat Formulir Lightbox Image-1
Youtube Embed Poster: KABFPsul6xw

Silakan ikuti langkah-langkah di bawah ini untuk memulai:

  1. Buka formulir Anda di Pembangun Formulir dan klik tab Terbitkan.
  2. Klik Semat di navigasi kiri.
  3. Pilih, dan klik opsi Lightbox.
Cara Membuat Formulir Lightbox Image-2
  1. Pada halaman berikutnya, Anda dapat menyalin kode apa adanya dengan mengklik tombol hijau Salin Kode. Atau, tekan tombol Pratinjau untuk melihat tampilannya.
Cara Membuat Formulir Lightbox Image-3

Kustomisasi Lightbox

Jika Anda ingin menyesuaikan tampilan dan nuasan lightbox, klik tombol Kustomisasi seperti yang ditunjukan pada gambar di atas. Pada bagian kustomisasi, Anda memiliki untuk mengubah judul lightbox, dimensi formulir, gaya, warna, dan opsi untuk membuka saat memuat halaman atau tidak.

Cara Membuat Formulir Lightbox Image-4

Jangan lupa untuk mengklik tombol Simpan Perubahan untuk melakukan hal itu, lalu salin kode yang dihasilkan.

Menyesuaikan Ajakan Bertindak untuk Menggunakan Gambar

Jika Anda ingin menggunakan gambar alih-alih tombol/tautan untuk memicu lightbox terbuka, Anda harus mengganti baris berikut:

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

…dengan yang berikut:

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

Anda perlu mengganti {formID} dengan ID formulir Anda yang sebenarnya. Ini adalah string Angka di akhir URL formulir. Hal yang sama untuk {imageURL}, Anda juga harus mengubah dengan URL gambar yang sebenarnya. Harap perhatikan bahwa nilai attribut class sangat penting agar lightbox berfungsi saat pengunjung Anda mengklik gambar.

Apakah Anda memiliki pertanyaan, saran, atau umpan balik? Silakan kirim komentar di bawah atau kunjungi sistem dukungan kami dan buat tiket.

Hubungi Dukungan:

Tim dukungan pelanggan kami tersedia 24/7 dan waktu respons rata-rata kami antara satu hingga dua jam.
Tim kami dapat dihubungi melalui:

Forum Dukungan: https://www.jotform.com/answers/

Hubungi Dukungan Jotform: https://www.jotform.com/contact/

Kirim Komentar:

Jotform Avatar
Situs ini dilindungi oleh reCAPTCHA dan Kebijakan Privasi Google dan Persyaratan Layanan berlaku.

Podo Comment Jadilah yang pertama berkomentar.