Aplikasi Penghadang Akses & Pencetak Kode

KOMPONEN 1

Tampilan Penghadang Akses (Gatekeeper Screen)

Tampilan di bawah ini adalah hadangan di awal aplikasi. Sebelum pengguna memasukkan kode pembuka yang valid, seluruh isi web/aplikasi di belakangnya terkunci rapat.

https://aplikasi-anda.com/app

Akses Dibatasi

Aplikasi ini dilindungi. Masukkan kode pembuka resmi Anda untuk melanjutkan masuk.

Belum memiliki kode aktivasi?

⚡ Coba Kode yang Tersedia:

KOMPONEN 2

Pencetak Kode Pembuka (Access Code Printer)

Komponen ini bertugas menciptakan dan mencetak kode pembuka dengan masa aktif yang berbeda-beda: Mingguan, 2 Mingguan, Bulanan, Tahunan, dan Akses Selamanya. Kode ini dapat dicetak menjadi tiket/struk untuk diserahkan ke pengguna.

📦

Kode HTML Layar Penghadang (Siap Pakai 1x Copy-Paste)

LENGKAP & MANDIRI

Tinggal 1 kali copy lalu tempelkan ke file index.html web aplikasi yang ingin Anda hadang.

📥 Download ZIP (Cloudflare Ready)

1 Klik tombol "Salin Kode HTML" di atas.

2 Buka web aplikasi Anda dan tempel (paste) sebelum tag </body>.

3 Selesai! Web otomatis terkunci, mengikat 1 perangkat & siap menerima kode yang Anda cetak.

Blok Kode HTML, CSS & JavaScript Mandiri (Tinggal Paste):

📥 Unduh File .HTML 👁️ Buka Contoh Web

🖨️ Form Cetak Kode Baru

Pilih masa aktif dan buat tiket kode pembuka:

Pilih Masa Aktif *

Mingguan

Masa aktif 7 Hari sejak dibuka

Dua Mingguan

Masa aktif 14 Hari sejak dibuka

W14

Bulanan

Masa aktif 30 Hari sejak dibuka

M30

Tahunan

Masa aktif 365 Hari sejak dibuka

Y365

Akses Selamanya (Permanen)

Tidak ada batas masa aktif

LIFE

Nama Klien / Penerima

Catatan Tambahan (Opsional)

TIKET KODE RESMI

Kartu Akses Masuk Aplikasi

Gunakan kode ini di layar penghadang aplikasi untuk membuka akses.

1 Bulan (30 Hari)

KODE PEMBUKA ANDA

M30-8942-1082

Diterbitkan untuk: Pelanggan

Aturan Masa Aktif: Mulai berjalan sejak pertama kali dimasukkan

Cara Penggunaan: Ketik di halaman pembuka aplikasi

Daftar Kode yang Telah Dicetak

Total: 0 kode

Kode	Masa Aktif	Klien	Perangkat Terikat (1 Device)	Status	Aksi

📋 Deteksi Order Masuk (Pemesanan Otomatis)

0 Order Terdeteksi

Kode Order	Paket Diminta	Pemesan	Waktu Order	Status	Aksi Admin

Sistem Penghadang Akses & Pencetak Kode

Tampilan Penghadang Akses (Gatekeeper Screen)

Akses Dibatasi

Akses Berhasil Dibuka!

Halaman Utama Web / Aplikasi Anda

Pencetak Kode Pembuka (Access Code Printer)

Kode HTML Layar Penghadang (Siap Pakai 1x Copy-Paste)

🖨️ Form Cetak Kode Baru

Kartu Akses Masuk Aplikasi

Daftar Kode yang Telah Dicetak

📋 Deteksi Order Masuk (Pemesanan Otomatis)

Tampilan Penghadang Akses (Gatekeeper Screen)

Akses Dibatasi

Akses Berhasil Dibuka!

Halaman Utama Web / Aplikasi Anda

Pencetak Kode Pembuka (Access Code Printer)

Kode HTML Layar Penghadang (Siap Pakai 1x Copy-Paste)

🖨️ Form Cetak Kode Baru

Kartu Akses Masuk Aplikasi

Daftar Kode yang Telah Dicetak

📋 Deteksi Order Masuk (Pemesanan Otomatis)

Pilih Paket Masa Aktif Kode

Skrip Tampilan Penghadang (Embed Code)

Panduan Solusi Deploy Cloudflare Pages