Panduan ini akan menunjukkan cara menggunakan sesi cookie untuk membuka Jotform Lightbox secara otomatis saat pengguna pertama kali mengunjungi halaman web Anda. Anda akan memerlukan akses ke server web berkemampuan PHP untuk meng host halaman web Anda untuk dapat membuat efek ini.
- Buat formulir Anda.
- Ambil kode Jotform Lightbox untuk formulir Anda.
Untuk menemukan kode Jotform Lightbox formlir Anda, ikuti langkah berikut:
- Di Pembangun Formulir, klik tab Terbitkan.
- Pada panel di kiri, klik Sematan lalu pilih opsi Lightbox.
- Klik tombol Salin Kode.
- Diperlukan sedikit perubahan pada kode tersebut untuk membuka formulir Lightbox secara otomatis; cukup ubah parameter openOnLoad menjadi true. Letaknya setelah pengaturan width, dan akan terlihat seperti ini openOnLoad: true.
- Setelah itu Anda siap untuk mentransfer kode tersebut ke halaman web Anda. Buat file PHP di server web Anda (karena kami menggunakan kode PHP untuk membuat efek ini, halaman Anda akan menggunakan ekstensi PHP).
- Pada halaman tersebut, Anda mulai dengan menambahkan beberapa PHP yang akan memeriksa cookie sesi. Jika tidak ada maka akan dibuat satu dan menempatkan variabel yang nantikan akan diketahui jika perlu membuka formulir lightbox. Jika cookie sesi sudah ada maka tidak ada yang perlu dilakukan (yaitu tidak ada formulir lightbox yang akan ditampilkan).
Untuk diketahui bahwa ketika jendela peramban ditutup, cookie ini akan dihapus.
Tambah kode berikut ini di awal halaman web Anda:
<?php
$showlightbox=false;
if (!isset($_COOKIE[‘beenhere’])) {
// FIRST VISIT TO WEBPAGE THIS SESSION
setcookie(“beenhere”, true);
$showlightbox=true;
}
?>- Selanjutnya, hanya perlu menambahkan satu bagian terakhir PHP dan kode sematan lightbox yang telah dibuat sebelumnya pada langkah 3. Di akhir halaman web tepat sebelum tag body penutup, tambahkan berikut ini:
<?php
if($showlightbox){ ?>
<!–Kode lightbox Anda di sini… –>
<?php
}
?>- Kode ini menggunakan variabel yang disebutkan sebelumnya, yaitu menambahkan kode lightbox ke halaman web Anda jika tidak ada cookie yang ditemukan.
Berikur ini adalah contoh halaman web yang sangat dasar yang menunjukkan letak masing-masing pada bagian kode:
<?php
$showlightbox=false;
if (!isset($_COOKIE[‘beenhere’])) {
// FIRST VISIT TO WEBPAGE THIS SESSION
setcookie(“beenhere”, true);
$showlightbox=true;
}
?>
<!DOCTYPE html>
<html>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Consectetur adipiscing elit. Sed lectus turpis, aliquet a consectetur mollis</p>
<?php
if($showlightbox){ ?>
<script src =”https://form.jotform.com/static/feedback2.js” type=”text/javascript”></script>
<script type=”text/javascript”>
var JFL_203618479576065 = new JotformFeedback({
formId: ‘203618479576065’,
base: ‘https://form.jotform.com/’,
windowTitle: ‘Form’,
background: ‘#FFA500’,
fontColor: ‘#FFFFFF’,
type: ‘false’,
height: 500,
width: 700,
openOnLoad: true
});
</script>
<?php
}
?>
</body>
</html>
Penting
Jika Anda ingin membuat efek ini di halaman web Anda sendiri dengan formulir Anda sendiri, Anda perlu merubah kode sematan lightbox sesuai dengan milik Anda.
Jika Anda ingin membuat efek ini di halaman web Anda sendiri dengan formulir Anda sendiri, Anda perlu merubah kode sematan lightbox sesuai dengan milik Anda.
Kirim Komentar: